@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.intro{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;position:relative;overflow:hidden}.intro__scan-line{position:absolute;top:-4px;left:0;right:0;height:4px;background:linear-gradient(to right,transparent 0%,#E50914 20%,rgba(229,9,20,.8) 50%,#E50914 80%,transparent 100%);box-shadow:0 0 20px #e50914cc,0 0 40px #e5091466;animation:scanDown .55s ease-in forwards;z-index:2}@keyframes scanDown{0%{top:-4px;opacity:1}to{top:100vh;opacity:.6}}.intro__logo{display:flex;align-items:center;gap:var(--space-2)}.intro__letter{font-size:8rem;font-weight:800;color:#e50914;text-shadow:0 0 20px rgba(229,9,20,.5),0 0 40px rgba(229,9,20,.3),0 0 60px rgba(229,9,20,.2)}.intro__letter--t{animation:pulse 1.5s ease-in-out infinite}.intro__letter--d{animation:pulse 1.5s ease-in-out infinite .2s}@keyframes pulse{0%,to{text-shadow:0 0 20px rgba(229,9,20,.5),0 0 40px rgba(229,9,20,.3),0 0 60px rgba(229,9,20,.2)}50%{text-shadow:0 0 30px rgba(229,9,20,.8),0 0 60px rgba(229,9,20,.5),0 0 90px rgba(229,9,20,.3)}}.intro__name{display:flex;justify-content:center}.intro__name-letter{font-size:clamp(2rem,6vw,5rem);font-weight:800;color:#e50914;text-shadow:0 0 20px rgba(229,9,20,.5),0 0 40px rgba(229,9,20,.3)}.intro__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(229,9,20,.15) 0%,rgba(229,9,20,.05) 40%,transparent 70%);pointer-events:none;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}}.intro__skip{position:absolute;bottom:var(--space-10);right:var(--space-10);padding:var(--space-2) var(--space-6);background:#ffffffe6;border:2px solid #fff;border-radius:var(--radius-sm);color:#000;font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);cursor:pointer;letter-spacing:.3px;transition:background var(--transition-fast),border-color var(--transition-fast)}.intro__skip:hover{background:#fff;border-color:#fff}@media(max-width:768px){.intro__letter{font-size:5rem}.intro__glow{width:400px;height:400px}.intro__skip{bottom:var(--space-6);right:var(--space-6)}}.pin-lock{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.pin-lock__modal{position:relative;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-8);max-width:360px;width:100%;text-align:center}.pin-lock__close{position:absolute;top:var(--space-4);right:var(--space-4);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.pin-lock__close:hover{color:var(--text-primary)}.pin-lock__header{margin-bottom:var(--space-6)}.pin-lock__avatar{position:relative;width:80px;height:80px;margin:0 auto var(--space-4)}.pin-lock__avatar img{width:100%;height:100%;border-radius:var(--radius-md);object-fit:cover}.pin-lock__avatar-lock{position:absolute;bottom:-5px;right:-5px;width:28px;height:28px;background:var(--accent-red);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.pin-lock__title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.pin-lock__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.pin-lock__display{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.pin-lock__display--error .pin-lock__dot{border-color:var(--accent-red);animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pin-lock__dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--text-muted);background:transparent;transition:all var(--transition-fast)}.pin-lock__dot--filled{background:var(--accent-red);border-color:var(--accent-red)}.pin-lock__error{color:var(--accent-red);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.pin-lock__keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.pin-lock__key{height:60px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.pin-lock__key:hover{background:var(--bg-card);transform:scale(1.05)}.pin-lock__key:active{transform:scale(.95)}.pin-lock__key--action{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.pin-lock__key--action:hover{color:var(--text-primary)}@media(max-width:480px){.pin-lock__modal{padding:var(--space-6)}.pin-lock__key{height:50px;font-size:var(--font-size-xl)}}.profile-selector{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:var(--space-8);position:relative;overflow:hidden}.profile-selector__bg{position:absolute;inset:0;pointer-events:none}.profile-selector__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08}.profile-selector__blob--1{width:500px;height:500px;background:var(--accent-red);top:-100px;left:-100px;animation:blobFloat 8s ease-in-out infinite}.profile-selector__blob--2{width:400px;height:400px;background:#5b8def;bottom:-100px;right:-100px;animation:blobFloat 10s ease-in-out infinite reverse}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.profile-selector__content{text-align:center;max-width:860px;position:relative;z-index:1}.profile-selector__title{font-size:var(--font-size-5xl);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-12)}.profile-selector__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-bottom:var(--space-12)}.profile-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background:transparent;border:none;cursor:pointer;transition:all var(--transition-base);position:relative;min-height:220px}.profile-card__avatar{position:relative;width:140px;height:140px;border-radius:var(--radius-sm);overflow:hidden;border:3px solid transparent;transition:border-color .25s ease,box-shadow .25s ease}.profile-card__avatar-img{width:100%;height:100%;object-fit:cover}.profile-card__lock-badge{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:var(--accent-red);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 2px 8px #00000080}.profile-card--locked .profile-card__avatar:after{content:"";position:absolute;inset:0;background:#00000040;border-radius:inherit}.profile-card__name{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;transition:color var(--transition-fast)}.profile-card:hover .profile-card__name{color:var(--text-primary)}.profile-card__desc{display:block;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:400;position:absolute;bottom:0;left:50%;transform:translate(-50%);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.profile-selector__hint{color:var(--text-muted);font-size:var(--font-size-sm)}@media(max-width:768px){.profile-selector__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-8)}.profile-selector__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.profile-card__avatar{width:100px;height:100px}}@media(max-width:480px){.profile-card__avatar{width:80px;height:80px}}.navbar__progress{position:fixed;top:0;left:0;height:2px;background:#5b8def;z-index:101;transition:width .1s linear;box-shadow:0 0 6px #5b8def66}.navbar{position:fixed;top:0;left:0;right:0;width:100%;height:64px;z-index:100;padding:0 48px;display:flex;align-items:center;background:#080808eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04);transition:box-shadow .2s ease-out}.navbar--scrolled{box-shadow:0 1px 12px #00000080}.navbar__container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1600px;margin:0 auto}.navbar__logo{display:flex;align-items:center;text-decoration:none}.navbar__logo-text{color:#5b8def;font-size:1.1rem;font-weight:700;letter-spacing:.02em;transition:opacity .15s ease-out}.navbar__logo:hover .navbar__logo-text{opacity:.85}.navbar__links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.navbar__link{display:flex;align-items:center;gap:6px;color:#555;font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:color .15s ease-out;position:relative;padding-bottom:2px}.navbar__link:hover{color:#f0f0f0}.navbar__link--active{color:#f0f0f0;border-bottom:2px solid #5B8DEF;padding-bottom:2px}.navbar__link-icon{opacity:.6;transition:opacity .15s ease-out}.navbar__link:hover .navbar__link-icon,.navbar__link--active .navbar__link-icon{opacity:1}.navbar__profile{display:flex;align-items:center}.navbar__profile-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0}.navbar__profile-initials{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #2a2a2a;background:transparent;color:#666;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:border-color .15s ease-out,color .15s ease-out}.navbar__profile-btn:hover .navbar__profile-initials{border-color:#444;color:#999}@media(max-width:768px){.navbar{padding:0 16px}.navbar__links{gap:16px}.navbar__link span{display:none}.navbar__link-icon{width:18px;height:18px}.navbar__link{padding-bottom:0}.navbar__link--active{border-bottom:none}.navbar__link--active .navbar__link-icon{color:#5b8def}}.hero{position:relative;min-height:100vh;padding-top:15vh;display:flex;flex-direction:column;overflow:hidden}.hero__layout{position:relative;z-index:1;display:flex;align-items:flex-start;width:100%;padding:0 48px;gap:64px}.hero__content{flex:0 0 55%;max-width:55%}.hero__title{font-size:clamp(4rem,10vw,9rem);font-weight:800;letter-spacing:-.04em;line-height:.95;color:#f0f0f0;margin:0}.hero__rule{width:48px;height:1px;background:#5b8def;opacity:.5;margin:20px 0}.hero__subtitle{font-size:.78rem;color:#555;letter-spacing:.1em;text-transform:uppercase;font-weight:400;margin:0}.hero__description{font-size:.9rem;color:#666;line-height:1.8;max-width:480px;margin-top:24px}.hero__stats{display:flex;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap;font-size:.75rem;color:#3a3a3a;letter-spacing:.06em}.hero__buttons{display:flex;gap:12px;margin-top:32px}.hero__meta{display:flex;align-items:center;gap:12px;margin-top:32px;font-size:.75rem}.hero__meta-item{display:flex;align-items:center;gap:4px;color:#2a2a2a;transition:color var(--transition-fast)}.hero__meta-item:hover{color:#555}.hero__meta-divider{color:#2a2a2a}.hero__featured{flex:0 0 45%;max-width:45%;display:flex;justify-content:center;align-items:flex-start;padding-top:24px}.hero__featured-card{width:100%;max-width:320px;background:#111;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:28px;position:relative;overflow:hidden;transition:transform .3s ease-out,box-shadow .3s ease-out}.hero__featured-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #0006}.hero__featured-icon{width:40px;height:40px;border-radius:10px;background:#1a1a1a;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.hero__featured-company{font-size:1rem;font-weight:600;color:#f0f0f0;margin-bottom:4px}.hero__featured-role{font-size:.78rem;color:#555;font-weight:400;margin-bottom:12px}.hero__featured-period{display:flex;align-items:center;gap:8px;font-size:.72rem;color:#3a3a3a;margin-bottom:16px;letter-spacing:.04em}.hero__featured-dot{width:6px;height:6px;border-radius:50%;background:#5b8def;box-shadow:0 0 6px #5b8def80;animation:bluePulse 2.5s ease-in-out infinite}@keyframes bluePulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #5b8def80}50%{opacity:.7;transform:scale(1.4);box-shadow:0 0 12px #5b8defcc}}.hero__featured-tags{display:flex;flex-wrap:wrap;gap:6px}.hero__scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);background:none;border:none;color:#2a2a2a;cursor:pointer;z-index:2;padding:8px;transition:color var(--transition-fast)}.hero__scroll-hint:hover{color:#555}@media(max-width:1024px){.hero__layout{gap:40px}.hero__content{flex:0 0 55%;max-width:55%}.hero__featured{flex:0 0 45%;max-width:45%}}@media(max-width:768px){.hero{min-height:100vh;padding-top:12vh}.hero__layout{flex-direction:column;padding:0 24px;gap:48px;align-items:flex-start}.hero__content,.hero__featured{flex:none;max-width:100%;width:100%}.hero__featured{justify-content:flex-start}.hero__featured-card{max-width:100%}.hero__title{font-size:clamp(2.8rem,12vw,5rem)}.hero__buttons{flex-direction:column}.hero__buttons .btn{width:100%}.hero__meta{flex-wrap:wrap}.hero__scroll-hint{bottom:20px}}.card{position:relative;min-width:280px;max-width:320px;background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-5);cursor:pointer;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),transform .2s ease;box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid transparent;flex-shrink:0}.card:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-card-hover);transform:translateY(-4px) scale(1.02);border-color:#5b8def40}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-red);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.card:hover:before{transform:scaleX(1)}.card--expanded{border-color:var(--accent-red)!important;border-left:3px solid var(--accent-red);padding-left:calc(var(--space-5) - 2px);background:var(--bg-tertiary)!important;box-shadow:var(--shadow-card-hover)!important}.card--expanded:before{transform:scaleX(1)}.card--current{border-color:#5b8def4d}.card__shimmer{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);transition:left .5s ease;pointer-events:none}.card:hover .card__shimmer{left:150%}.card__badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:2px var(--space-2);font-size:10px;font-weight:700;letter-spacing:.8px;border-radius:var(--radius-sm);z-index:2}.card__badge--featured{background:var(--gradient-red);color:var(--text-primary)}.card__badge--current{background:#46d36933;color:#46d369;border:1px solid rgba(70,211,105,.4);animation:currentPulse 2s ease-in-out infinite}@keyframes currentPulse{0%,to{box-shadow:0 0 #46d3694d}50%{box-shadow:0 0 0 4px #46d36900}}.card__icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);font-size:28px;background:var(--bg-card)}.card__icon--skill{width:50px;height:50px;font-size:24px}.card__info{flex:1}.card__title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.3}.card__subtitle{font-size:var(--font-size-sm);color:var(--accent-red);font-weight:500;margin-bottom:var(--space-1)}.card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-2)}.card__meta{font-size:var(--font-size-xs);color:var(--text-muted)}.card__meta--highlight{color:var(--accent-red);font-weight:500}.card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.card__tag{padding:var(--space-1) var(--space-2);background:#5b8def1f;color:var(--accent-red);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm);border:1px solid rgba(91,141,239,.2)}.card__progress{height:6px;background:var(--bg-card);border-radius:3px;margin-top:var(--space-2);overflow:hidden}.card__progress-bar{height:100%;background:var(--gradient-red);border-radius:3px;transition:width var(--transition-slow)}.card--experience{min-width:300px}.card--projects{min-width:320px}.card--skills{min-width:200px;max-width:220px}.card--education{min-width:260px}.card--hobbies{min-width:180px;max-width:200px;text-align:center}.card--hobbies .card__icon{margin:0 auto var(--space-3)}@media(max-width:768px){.card{min-width:240px;max-width:280px;padding:var(--space-4)}.card--skills{min-width:160px;max-width:180px}}.expansion-panel{overflow:hidden;width:100%;margin:0 var(--space-8);width:calc(100% - var(--space-8) * 2)}.expansion-panel__inner{background:var(--bg-secondary);border:1px solid rgba(91,141,239,.25);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);position:relative;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d}.expansion-panel__inner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-red);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.expansion__header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.expansion__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.expansion__header-info{flex:1;min-width:0}.expansion__company{display:block;font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.expansion__role{display:block;font-size:var(--font-size-sm);color:var(--accent-red);font-weight:500;margin-top:2px}.expansion__period{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;padding:var(--space-1) var(--space-3);background:#ffffff0f;border-radius:var(--radius-sm)}.expansion__header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.expansion__view-more{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:#5b8def26;border:1px solid rgba(91,141,239,.3);border-radius:var(--radius-sm);color:var(--accent-red);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.expansion__view-more:hover{background:#5b8def4d;border-color:var(--accent-red)}.expansion__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.expansion__close:hover{background:#5b8def4d;color:var(--text-primary)}.expansion__divider{height:1px;background:#ffffff12;margin:var(--space-4) 0}.expansion__body{display:flex;flex-direction:column;gap:var(--space-4)}.expansion__highlights{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.expansion__highlights li{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;padding-left:var(--space-5);position:relative}.expansion__highlights li:before{content:"▸";position:absolute;left:0;color:var(--accent-red);font-size:10px;top:4px}.expansion__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}.expansion__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.expansion__tag{padding:var(--space-1) var(--space-3);background:#5b8def1f;border:1px solid rgba(91,141,239,.2);color:var(--accent-red);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}.expansion__category-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:#ffffff14;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase}.expansion__skill-info{display:flex;flex-direction:column;gap:var(--space-2)}.expansion__skill-level{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.expansion__skill-bar-wrap{height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden}.expansion__skill-bar{height:100%;background:var(--gradient-red);border-radius:4px}.expansion__edu-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.expansion__edu-inst{font-size:var(--font-size-sm);color:var(--text-secondary)}.expansion__edu-year,.expansion__edu-score{font-size:var(--font-size-sm);color:var(--text-muted);padding:var(--space-1) var(--space-2);background:#ffffff0f;border-radius:var(--radius-sm)}.expansion__edu-extra{font-size:var(--font-size-sm);color:var(--accent-red);font-weight:500}@media(max-width:768px){.expansion-panel{margin:0 var(--space-4);width:calc(100% - var(--space-4) * 2)}.expansion-panel__inner{padding:var(--space-4)}.expansion__header{gap:var(--space-3)}}.content-row{position:relative;padding:var(--space-6) 0}.content-row__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);margin-bottom:var(--space-4)}.content-row__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.content-row__see-all{display:flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--accent-red);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;padding:var(--space-1) 0;opacity:0;transform:translate(-8px);transition:opacity var(--transition-base),transform var(--transition-base),color var(--transition-fast)}.content-row:hover .content-row__see-all{opacity:1;transform:translate(0)}.content-row__see-all:hover{color:var(--accent-red-hover)}.content-row__wrapper{position:relative}.content-row__cards{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-8);overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory}.content-row__cards>*{scroll-snap-align:start;flex-shrink:0}.content-row__arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:100%;display:flex;align-items:center;justify-content:center;border:none;color:var(--text-primary);cursor:pointer;z-index:10;opacity:0;transition:opacity var(--transition-fast)}.content-row:hover .content-row__arrow{opacity:1}.content-row__arrow:hover{color:var(--text-primary)}.content-row__arrow--left{left:0;background:linear-gradient(to right,rgba(20,20,20,.95) 0%,rgba(20,20,20,.6) 60%,transparent 100%)}.content-row__arrow--right{right:0;background:linear-gradient(to left,rgba(20,20,20,.95) 0%,rgba(20,20,20,.6) 60%,transparent 100%)}@media(hover:none){.content-row__see-all{opacity:1;transform:translate(0)}.content-row__arrow{display:none}}@media(max-width:768px){.content-row__header{padding:0 var(--space-4)}.content-row__title{font-size:var(--font-size-lg)}.content-row__see-all{opacity:1;transform:translate(0)}.content-row__cards{padding:var(--space-2) var(--space-4);gap:var(--space-3)}.content-row__arrow{display:none}}.browse{min-height:100vh;background-color:#0a0a0a}.browse__content{padding-bottom:120px;margin-top:-100px;position:relative;z-index:1}@media(max-width:768px){.browse__content{margin-top:-60px;padding-bottom:80px}}.skills-page{min-height:100vh;background-color:var(--bg-primary);padding-top:80px}.skills-page__header{text-align:center;padding:var(--space-12) var(--space-8) var(--space-6)}.skills-page__header h1{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--space-3)}.skills-page__header p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-8)}.skills-tabs{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.skills-tab{position:relative;padding:var(--space-2) var(--space-5);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.skills-tab:hover{color:var(--text-primary)}.skills-tab--active{color:var(--text-primary);font-weight:600}.skills-tab__underline{position:absolute;bottom:-2px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--accent-red);border-radius:1px;box-shadow:0 0 6px #5b8def80}.skills-page__content{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-16)}.skills-category{margin-bottom:var(--space-12)}.skills-category__title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.07)}.skills-category__icon{display:flex;align-items:center}.skills-category__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.skill-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--transition-base);border:1px solid transparent}.skill-card:hover{background:var(--bg-tertiary);border-color:#5b8def4d;box-shadow:var(--shadow-glow)}.skill-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.skill-card__icon{display:flex;align-items:center;justify-content:center}.skill-card__name{flex:1;font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.skill-card__level{font-size:var(--font-size-sm);font-weight:600;color:var(--accent-red)}.skill-card__progress{height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden}.skill-card__progress-bar{height:100%;background:var(--gradient-red);border-radius:4px}@media(max-width:768px){.skills-page__header{padding:var(--space-8) var(--space-4) var(--space-6)}.skills-page__header h1{font-size:var(--font-size-3xl)}.skills-page__content{padding:var(--space-4) var(--space-4) var(--space-12)}.skills-category__grid{grid-template-columns:1fr}}.projects-page{min-height:100vh;background-color:var(--bg-primary);padding-top:80px}.projects-page__header{text-align:center;padding:var(--space-12) var(--space-8) var(--space-8)}.projects-page__header h1{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--space-3)}.projects-page__header p{font-size:var(--font-size-lg);color:var(--text-secondary)}.projects-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6);max-width:1400px;margin:0 auto;padding:0 var(--space-8) var(--space-16);align-items:start}.project-card{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:box-shadow .3s ease,border-color .3s ease;box-shadow:var(--shadow-sm);border:1px solid transparent;transform-style:preserve-3d;will-change:transform}.project-card:hover{box-shadow:var(--shadow-card-hover);border-color:#5b8def33}.project-card--expanded{border-color:var(--accent-red);box-shadow:var(--shadow-card-hover)}.project-card__poster{position:relative;height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card__poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#00000080)}.project-card__icon{position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.project-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);z-index:2}.project-card__category{font-size:var(--font-size-xs);font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:1.5px;padding:2px var(--space-2);background:#5b8defcc;border-radius:var(--radius-sm)}.project-card__content{padding:var(--space-5)}.project-card__title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.3}.project-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.project-card__tag{padding:var(--space-1) var(--space-2);background:#5b8def1f;border:1px solid rgba(91,141,239,.2);color:var(--accent-red);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}.project-card__expand-hint{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:11px;font-family:var(--font-family);cursor:pointer;padding:0;transition:color var(--transition-fast)}.project-card:hover .project-card__expand-hint{color:var(--accent-red)}.project-expansion{overflow:hidden}.project-expansion__inner{background:var(--bg-secondary);border:1px solid rgba(91,141,239,.25);border-top:2px solid var(--accent-red);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-5);margin-top:-4px}.project-expansion__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.project-expansion__icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-expansion__title{flex:1;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.project-expansion__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.project-expansion__close:hover{background:#5b8def4d;color:var(--text-primary)}.project-expansion__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.project-expansion__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-expansion__tag{padding:var(--space-1) var(--space-3);background:#5b8def1f;border:1px solid rgba(91,141,239,.2);color:var(--accent-red);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}@media(max-width:768px){.projects-page__header{padding:var(--space-8) var(--space-4) var(--space-6)}.projects-page__header h1{font-size:var(--font-size-3xl)}.projects-page__grid{grid-template-columns:1fr;padding:0 var(--space-4) var(--space-12)}.project-card__poster{height:220px}}.experience-page{min-height:100vh;background-color:var(--bg-primary);padding-top:80px}.experience-page__header{text-align:center;padding:var(--space-12) var(--space-8) var(--space-8)}.experience-page__header h1{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--space-3)}.experience-page__header p{font-size:var(--font-size-lg);color:var(--text-secondary)}.experience-page__timeline{max-width:900px;margin:0 auto;padding:0 var(--space-8) var(--space-16);position:relative}.experience-page__timeline-track{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--bg-tertiary);transform:translate(-50%);overflow:hidden}.experience-page__timeline-fill{position:absolute;top:0;left:0;right:0;background:linear-gradient(to bottom,var(--accent-red),rgba(91,141,239,.3));box-shadow:0 0 8px #5b8def66}.experience-card{position:relative;margin-bottom:var(--space-10);padding-left:50%}.experience-card:nth-child(2n){padding-left:0;padding-right:50%}.experience-card:nth-child(2n) .experience-card__content{margin-left:0;margin-right:var(--space-8)}.experience-card__timeline-dot{position:absolute;left:50%;top:20px;width:18px;height:18px;border-radius:50%;transform:translate(-50%);border:3px solid var(--bg-primary);z-index:1}.experience-card__timeline-dot-pulse{position:absolute;inset:-5px;border-radius:50%;border:2px solid currentColor;opacity:0;animation:dotRingPulse 2s ease-out infinite}@keyframes dotRingPulse{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}.experience-card__content{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);margin-left:var(--space-8);transition:all var(--transition-base);border:1px solid transparent}.experience-card__content:hover{background:var(--bg-tertiary);border-color:#5b8def4d;transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.experience-card--current .experience-card__content{border-color:#5b8def59;box-shadow:0 0 20px #5b8def14}.experience-card__header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.experience-card__logo{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.experience-card__meta{flex:1}.experience-card__company{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.experience-card__role{font-size:var(--font-size-base);color:var(--accent-red);font-weight:500;margin-bottom:var(--space-1)}.experience-card__period{font-size:var(--font-size-sm);color:var(--text-muted)}.experience-card__badge{padding:var(--space-1) var(--space-3);background:#5b8def26;border:1px solid rgba(91,141,239,.4);color:var(--accent-red);font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;animation:badgePulse 2.5s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #5b8def33}50%{box-shadow:0 0 0 4px #5b8def00}}.experience-card__highlights{list-style:none;margin-bottom:var(--space-4)}.experience-card__highlights li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.experience-card__highlights li:before{content:"▸";position:absolute;left:0;color:var(--accent-red);font-size:10px;top:4px}.experience-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.experience-card__tag{padding:var(--space-1) var(--space-2);background:#5b8def1f;border:1px solid rgba(91,141,239,.2);color:var(--accent-red);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}@media(max-width:768px){.experience-page__header{padding:var(--space-8) var(--space-4) var(--space-6)}.experience-page__header h1{font-size:var(--font-size-3xl)}.experience-page__timeline{padding:0 var(--space-4) var(--space-12)}.experience-page__timeline-track{left:20px}.experience-card,.experience-card:nth-child(2n){padding-left:50px;padding-right:0}.experience-card__timeline-dot{left:20px}.experience-card__content,.experience-card:nth-child(2n) .experience-card__content{margin-left:0;margin-right:0}.experience-card__header{flex-wrap:wrap}}.contact-page{min-height:100vh;background-color:var(--bg-primary);padding-top:80px;position:relative;overflow:hidden}.contact-page__blobs{position:absolute;inset:0;pointer-events:none;z-index:0}.contact-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.06}.contact-blob--1{width:600px;height:600px;background:var(--accent-red);top:0;right:-150px;animation:blobDrift 12s ease-in-out infinite}.contact-blob--2{width:400px;height:400px;background:#5b8def;bottom:0;left:-100px;animation:blobDrift 9s ease-in-out infinite reverse}@keyframes blobDrift{0%,to{transform:translate(0)}50%{transform:translate(40px,30px)}}.contact-page__header{text-align:center;padding:var(--space-12) var(--space-8) var(--space-8);position:relative;z-index:1}.contact-page__header h1{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--space-3)}.contact-page__header p{font-size:var(--font-size-lg);color:var(--text-secondary)}.contact-page__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);max-width:1200px;margin:0 auto;padding:0 var(--space-8) var(--space-16);position:relative;z-index:1}.contact-info{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid rgba(255,255,255,.05)}.contact-info__title{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-3)}.contact-info__subtitle{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-8)}.contact-info__list{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-8)}.contact-info__item{display:flex;align-items:center;gap:var(--space-4)}.contact-info__icon{width:48px;height:48px;background:#5b8def14;border:1px solid rgba(91,141,239,.15);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-red);flex-shrink:0;transition:all var(--transition-fast)}.contact-info__item:hover .contact-info__icon{background:#5b8def26;transform:scale(1.05)}.contact-info__details{display:flex;flex-direction:column}.contact-info__label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px}.contact-info__value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}a.contact-info__value:hover{color:var(--accent-red)}.contact-info__languages h3{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:1px}.contact-info__language-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-info__language-tag{padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.07);color:var(--text-primary);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.contact-form{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid rgba(255,255,255,.05)}.contact-form__title{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-6)}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.float-group{position:relative;margin-bottom:var(--space-6)}.float-group__input{width:100%;padding:var(--space-5) var(--space-4) var(--space-2);background:var(--bg-tertiary);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-fast)}.float-group__textarea{resize:vertical;min-height:130px;padding-top:var(--space-6)}.float-group__input:focus{border-color:var(--accent-red)}.float-group__label{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);font-size:var(--font-size-base);color:var(--text-muted);pointer-events:none;transition:all .2s ease}.float-group--textarea .float-group__label{top:var(--space-4);transform:none}.float-group--active .float-group__label{top:var(--space-2);transform:none;font-size:11px;color:var(--text-muted)}.float-group--textarea.float-group--active .float-group__label{top:var(--space-2)}.float-group--focused .float-group__label{color:var(--accent-red)}.contact-form__submit{width:100%;margin-top:var(--space-2);position:relative}.contact-form__spinner{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.contact-page__header{padding:var(--space-8) var(--space-4) var(--space-6)}.contact-page__header h1{font-size:var(--font-size-3xl)}.contact-page__content{grid-template-columns:1fr;gap:var(--space-6);padding:0 var(--space-4) var(--space-12)}.contact-info,.contact-form{padding:var(--space-6)}.contact-form__row{grid-template-columns:1fr}}.editor{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:var(--bg-tertiary);border-bottom:1px solid var(--bg-card)}.editor__title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.editor__content{padding:var(--space-6)}.editor__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group--full{grid-column:1 / -1}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--bg-card);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-red)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:100px}.editor__items{display:flex;flex-direction:column;gap:var(--space-4)}.editor__item{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--bg-card);overflow:hidden}.editor__item-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-card);cursor:pointer}.editor__item-title{display:flex;align-items:center;gap:var(--space-3)}.editor__item-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.editor__item-info h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.editor__item-info p{font-size:var(--font-size-sm);color:var(--text-secondary)}.editor__item-actions{display:flex;align-items:center;gap:var(--space-2)}.editor__item-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.editor__item-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.editor__item-btn--delete:hover{background:#5b8def33;color:var(--accent-red)}.editor__item-content{padding:var(--space-4);display:none}.editor__item--expanded .editor__item-content{display:block}.editor__add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:transparent;border:2px dashed var(--bg-card);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.editor__add-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.tags-input{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--bg-card);border-radius:var(--radius-sm);min-height:44px}.tags-input__tag{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--accent-red);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}.tags-input__tag button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:inherit;cursor:pointer;padding:0;opacity:.7}.tags-input__tag button:hover{opacity:1}.tags-input__input{flex:1;min-width:100px;padding:var(--space-1);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);outline:none}.slider-input{display:flex;align-items:center;gap:var(--space-3)}.slider-input input[type=range]{flex:1;height:6px;background:var(--bg-card);border-radius:3px;outline:none;-webkit-appearance:none;appearance:none}.slider-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--accent-red);border-radius:50%;cursor:pointer}.slider-input input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent-red);border-radius:50%;border:none;cursor:pointer}.slider-input input[type=range]::-moz-range-track{height:6px;background:var(--bg-card);border-radius:3px;border:none}.slider-input span{min-width:40px;text-align:right;font-size:var(--font-size-sm);font-weight:600;color:var(--accent-red)}@media(max-width:768px){.editor__grid{grid-template-columns:1fr}.editor__header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.form-group--full{grid-column:1}}.icon-picker-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.icon-picker{background:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.icon-picker__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--bg-tertiary)}.icon-picker__header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.icon-picker__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.icon-picker__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.icon-picker__search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--bg-tertiary);color:var(--text-muted)}.icon-picker__search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-base);outline:none}.icon-picker__search input::placeholder{color:var(--text-muted)}.icon-picker__toggle{display:flex;padding:var(--space-3) var(--space-5);gap:var(--space-2)}.icon-picker__toggle-btn{flex:1;padding:var(--space-2);background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.icon-picker__toggle-btn:hover{color:var(--text-primary)}.icon-picker__toggle-btn.active{background:var(--accent-red);color:var(--text-primary)}.icon-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2);padding:var(--space-4) var(--space-5);overflow-y:auto;flex:1}.icon-picker__item{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.icon-picker__item:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--accent-red)}.icon-picker__item--selected{background:var(--accent-red);color:var(--text-primary);border-color:var(--accent-red)}.icon-picker__more{padding:var(--space-3) var(--space-5);text-align:center;font-size:var(--font-size-sm);color:var(--text-muted);border-top:1px solid var(--bg-tertiary)}@media(max-width:480px){.icon-picker__grid{grid-template-columns:repeat(5,1fr)}}.admin{min-height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column}.admin__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);position:sticky;top:0;z-index:var(--z-fixed)}.admin__header-left{display:flex;align-items:center;gap:var(--space-4)}.admin__header-right{display:flex;align-items:center;gap:var(--space-3)}.admin__menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.admin__menu-btn:hover{background:var(--bg-card)}.admin__title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.admin__title-logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-red);color:var(--text-primary);font-weight:800;font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.admin__unsaved-badge{padding:var(--space-1) var(--space-2);background:#ffc10733;color:#ffc107;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}.admin__body{display:flex;flex:1}.admin__sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--bg-tertiary);padding:var(--space-4);transition:width var(--transition-base);flex-shrink:0}.admin__sidebar--collapsed{width:72px}.admin__nav{display:flex;flex-direction:column;gap:var(--space-2)}.admin__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap}.admin__nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin__nav-item--active{background:var(--accent-red);color:var(--text-primary)}.admin__sidebar--collapsed .admin__nav-item{justify-content:center;padding:var(--space-3)}.admin__content{flex:1;padding:var(--space-6);overflow-y:auto}@media(max-width:768px){.admin__sidebar{position:fixed;top:60px;left:0;bottom:0;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-base)}.admin__sidebar:not(.admin__sidebar--collapsed){transform:translate(0)}.admin__sidebar:not(.admin__sidebar--collapsed):after{content:"";position:fixed;top:60px;left:100%;right:-100vw;bottom:0;background:#00000080;z-index:-1}.admin__content{padding:var(--space-4)}.admin__title span:last-child{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page: #0a0a0a;--bg-surface: #111111;--bg-card: #141414;--bg-card-hover: #181818;--bg-elevated: #1a1a1a;--border-default: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .03);--text-primary: #f0f0f0;--text-secondary: #666666;--text-muted: #3a3a3a;--text-whisper: #2a2a2a;--accent-blue: #5B8DEF;--accent-blue-dim: #4070C4;--accent-blue-glow: rgba(91, 141, 239, .08);--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--accent-red: #5B8DEF;--accent-red-hover: #4070C4;--accent-red-dark: #4070C4;--accent-gold: #5B8DEF;--accent-gold-dim: #4070C4;--accent-gold-glow: rgba(91, 141, 239, .08);--gradient-red: linear-gradient(135deg, #5B8DEF, #4070C4);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--section-gap: 120px;--section-gap-mobile: 64px;--nav-height: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 4px 20px rgba(91, 141, 239, .08);--transition-fast: .15s ease-out;--transition-base: .25s ease-out;--transition-slow: .4s ease-out;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-overlay: 500}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:400;line-height:1.7;color:var(--text-primary);background-color:var(--bg-page);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}.section-heading{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#555;margin-bottom:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 28px;font-family:var(--font-family);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;background:transparent;color:var(--text-secondary);transition:all var(--transition-fast)}.btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.btn-primary{background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue)}.btn-primary:hover{background:var(--accent-blue-glow)}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.1);color:#666}.btn-secondary:hover{border-color:#fff3;color:var(--text-primary)}.btn-red{background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue)}.btn-red:hover{background:var(--accent-blue-glow)}.btn-lg{padding:10px 28px;font-size:.8rem}.btn-sm{padding:6px 16px;font-size:.75rem}.btn-icon{padding:var(--space-3);border-radius:50%}.tag,.card__tag,.hero__featured-tag{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:3px;padding:3px 8px;font-size:.68rem;font-weight:500;color:#777;letter-spacing:.06em;text-transform:uppercase;transition:all var(--transition-fast)}.tag:hover,.card__tag:hover,.hero__featured-tag:hover{border-color:#ffffff24;color:#aaa}img{max-width:100%;height:auto;display:block}*{scrollbar-width:thin;scrollbar-color:#222 #0a0a0a}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#222;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#333}::selection{background:#5b8def33;color:var(--text-primary)}:focus-visible{outline:1px solid var(--accent-blue);outline-offset:2px}.page-enter{opacity:0;transform:translateY(24px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .45s ease-out,transform .45s ease-out}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-16px);transition:opacity .3s ease-out,transform .3s ease-out}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--accent-blue)}.bg-page{background-color:var(--bg-page)}.bg-surface{background-color:var(--bg-surface)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 48px}.section{padding:var(--section-gap) 0}@media(max-width:768px){html{font-size:14px}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}.container{padding:0 var(--space-6)}.section{padding:var(--section-gap-mobile) 0}}@media(max-width:480px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}}