.os-desktop-icon{width:var(--desktop-icon-size);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:6px;transition:transform .1s;display:flex;position:absolute}.os-desktop-icon:active{transform:scale(.95)}.os-desktop-icon--dragging{opacity:.85;z-index:5}.os-desktop-icon__icon{pointer-events:none;filter:drop-shadow(0 2px 4px #0006);font-size:32px;line-height:1;transition:filter .15s}.os-desktop-icon:hover .os-desktop-icon__icon{filter:drop-shadow(0 2px 8px var(--color-accent-glow))}.os-desktop-icon__label{font-size:11px;font-family:var(--font-primary);color:var(--color-text);text-shadow:0 1px 4px #0009;word-break:break-word;pointer-events:none;border-radius:3px;padding:2px 4px;line-height:1.3}.os-desktop-icon:hover .os-desktop-icon__label{color:#fff}[data-theme=light] .os-desktop-icon__label{text-shadow:0 1px 4px #ffffff80}[data-theme=light] .os-desktop-icon:hover .os-desktop-icon__label{color:var(--color-accent)}
.os-window{border-radius:var(--window-radius);box-shadow:var(--window-shadow);animation:os-window-open var(--window-transition-open) forwards;flex-direction:column;min-width:280px;min-height:180px;display:flex;position:absolute;overflow:hidden}.os-window--closing{animation:os-window-close var(--window-transition-close) forwards;pointer-events:none}.os-window--minimized{display:none}.os-window--maximized{border-radius:0}.os-window__titlebar{background:var(--color-window-titlebar);border-bottom:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;height:36px;padding:0 8px;display:flex}.os-window__titlebar:active{cursor:grabbing}.os-window__titlebar-icon{margin-right:6px;font-size:14px;line-height:1}.os-window__titlebar-title{color:var(--color-text);font-size:12px;font-weight:600;font-family:var(--font-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.os-window__titlebar-actions{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.os-window__titlebar-btn{cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:filter .15s}.os-window__titlebar-btn:hover{filter:brightness(.8)}.os-window__titlebar-btn--minimize{background:#f59e0b}.os-window__titlebar-btn--maximize{background:#22c55e}.os-window__titlebar-btn--close{background:#ef4444}.os-window__body{background:var(--color-window-bg);color:var(--color-text);flex:1;position:relative;overflow:auto}.os-window__resize-handle{z-index:5;position:absolute}.os-window__resize-handle--n{cursor:n-resize;height:5px;top:0;left:8px;right:8px}.os-window__resize-handle--s{cursor:s-resize;height:5px;bottom:0;left:8px;right:8px}.os-window__resize-handle--e{cursor:e-resize;width:5px;top:8px;bottom:8px;right:0}.os-window__resize-handle--w{cursor:w-resize;width:5px;top:8px;bottom:8px;left:0}.os-window__resize-handle--ne{cursor:ne-resize;width:14px;height:14px;top:0;right:0}.os-window__resize-handle--nw{cursor:nw-resize;width:14px;height:14px;top:0;left:0}.os-window__resize-handle--se{cursor:se-resize;width:14px;height:14px;bottom:0;right:0}.os-window__resize-handle--sw{cursor:sw-resize;width:14px;height:14px;bottom:0;left:0}.os-window--maximized .os-window__resize-handle{display:none}.os-window--maximized .os-window__titlebar{cursor:default}
.os-taskbar{height:48px;z-index:var(--z-taskbar);-webkit-backdrop-filter:blur(20px);background:#1e1e2ebf;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:4px;max-width:90vw;padding:0 6px;display:flex;position:fixed;bottom:6px;left:50%;transform:translate(-50%)}[data-theme=light] .os-taskbar{background:#ffffffbf;border-color:#0000001a}.os-taskbar__left,.os-taskbar__right{flex-shrink:0;align-items:center;gap:0;display:flex}.os-taskbar__icon-btn{width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex;position:relative}.os-taskbar__icon-btn:hover{color:var(--color-text);background:#ffffff1a}[data-theme=light] .os-taskbar__icon-btn:hover{background:#0000000f}.os-taskbar__tabs{scrollbar-width:none;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;overflow-x:auto}.os-taskbar__tabs::-webkit-scrollbar{display:none}.os-taskbar__tab{width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex;position:relative}.os-taskbar__tab:hover{color:var(--color-text);background:#ffffff1a}.os-taskbar__toggle:hover{cursor:pointer}.os-taskbar__toggle svg{fill:beige;transition:all .35s}.os-taskbar__toggle:hover svg{fill:var(--color-accent)}[data-theme=light] .os-taskbar__tab:hover{background:#0000000f}.os-taskbar__tab--active{color:var(--color-text)}.os-taskbar__tab--active:after{content:"";background:var(--color-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.os-taskbar__tab--minimized{opacity:.5}
.os-topbar{height:28px;z-index:var(--z-taskbar);-webkit-backdrop-filter:blur(20px);font-size:12px;font-family:var(--font-primary);background:#1e1e2ebf;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=light] .os-topbar{background:#ffffffbf;border-bottom-color:#00000014}.os-topbar__left{align-items:center;gap:8px;display:flex}.os-topbar__logo-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;margin:0 -4px;padding:2px 4px;transition:background .15s;display:flex}.os-topbar__logo-btn:hover{background:#ffffff1a}[data-theme=light] .os-topbar__logo-btn:hover{background:#00000014}.os-topbar__logo{object-fit:contain;border-radius:3px;width:16px;height:16px}.os-topbar__app-name{color:var(--color-text);font-size:12px;font-weight:600}.os-topbar__right{align-items:center;gap:10px;display:flex}.os-topbar__date{color:var(--color-text-muted);font-family:var(--font-primary);font-size:11px}.os-topbar__clock{color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px}.os-topbar__menu-backdrop{z-index:9998;position:fixed;inset:0}.os-topbar__menu{z-index:9999;-webkit-backdrop-filter:blur(20px);background:#1e1e2ef2;border:1px solid #ffffff1f;border-radius:8px;min-width:220px;padding:4px 0;animation:.15s os-window-open;position:fixed;top:28px;left:6px;box-shadow:0 8px 24px #00000080}[data-theme=light] .os-topbar__menu{background:#fffffff2;border-color:#0000001a;box-shadow:0 8px 24px #00000026}.os-topbar__menu-item{width:100%;color:var(--color-text);font-size:12px;font-family:var(--font-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:5px 12px;transition:background .1s;display:flex}.os-topbar__menu-item:hover{background:var(--color-accent);color:#fff}.os-topbar__menu-item--disabled{opacity:.4;cursor:default}.os-topbar__menu-item--disabled:hover{color:var(--color-text);background:0 0}.os-topbar__menu-shortcut{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono);margin-left:16px}.os-topbar__menu-item:hover .os-topbar__menu-shortcut{color:#ffffffb3}.os-topbar__menu-divider{background:#ffffff14;height:1px;margin:4px 8px}[data-theme=light] .os-topbar__menu-divider{background:#00000014}.os-topbar__menu-section{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 12px 2px;font-size:10px;font-weight:600}.os-about-modal{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s os-window-open;display:flex;position:fixed;inset:0}.os-about-modal__dialog{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#1e1e2ef2;border:1px solid #ffffff1f;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 16px 48px #00000080}[data-theme=light] .os-about-modal__dialog{background:#fffffff2;border-color:#0000001a}.os-about-modal__logo{border-radius:14px;width:64px;height:64px;margin-bottom:12px}.os-about-modal__title{margin-bottom:4px;font-size:16px;font-weight:700}.os-about-modal__version{color:var(--color-text-muted);font-size:11px;font-family:var(--font-mono);margin-bottom:16px}.os-about-modal__text{color:var(--color-text-muted);margin-bottom:16px;font-size:12px;line-height:1.6}.os-about-modal__close{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:6px;padding:6px 20px;font-size:12px;transition:all .15s}.os-about-modal__close:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}
.boot-screen{z-index:var(--z-boot);font-family:var(--font-mono);background:#0a0a14;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot-screen--hiding{pointer-events:none;animation:.6s ease-out forwards os-boot-fade}.boot-screen__terminal{width:90%;max-width:600px;padding:32px}.boot-screen__line{color:#22c55e;opacity:0;font-size:13px;line-height:1.8;animation:.15s forwards boot-line-in}.boot-screen__line--dim{color:#22c55e66}.boot-screen__line--accent{color:var(--color-accent)}.boot-screen__line--highlight{color:#fff;font-weight:600}.boot-screen__cursor{vertical-align:middle;background:#22c55e;width:8px;height:15px;margin-left:2px;animation:1s step-end infinite os-blink-cursor;display:inline-block}@keyframes boot-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.boot-screen__skip{color:#ffffff4d;font-size:11px;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:6px 14px;transition:all .2s;position:fixed;bottom:20px;right:20px}.boot-screen__skip:hover{color:#fff9;border-color:#fff6}
.os-shell{background-color:var(--color-bg);background-image:var(--bg-circuit);color:var(--color-text);font-family:var(--font-primary);background-repeat:repeat;background-size:auto;position:fixed;inset:0;overflow:hidden}.os-shell__desktop{top:28px;left:0;right:0;bottom:var(--taskbar-height);position:absolute;overflow:hidden}.os-shell__windows-layer{top:28px;left:0;right:0;bottom:var(--taskbar-height);pointer-events:none;z-index:var(--z-window-base);position:absolute}.os-shell__windows-layer>*{pointer-events:auto}.os-desktop-hero{pointer-events:none;position:absolute;bottom:100px;right:80px;overflow:hidden}.os-desktop-hero img{object-fit:cover;width:100%;height:100%}
.hero{min-height:100vh;padding-top:var(--space-xxl);align-items:center;display:flex;position:relative;overflow:hidden}.hero__glow{background:var(--color-accent);opacity:.15;width:500px;height:500px;top:10%;right:10%}.hero__container{align-items:center;gap:var(--space-xl);z-index:1;flex-direction:column;display:flex;position:relative}@media (min-width:768px){.hero__container{flex-direction:row;justify-content:space-between}}.hero__content{gap:var(--space-md);flex-direction:column;flex:1;max-width:600px;display:flex}.hero__title{text-transform:uppercase;flex-direction:column;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1;display:flex}.hero__title-line{opacity:0;display:block}.hero__title-line--accent{color:var(--color-accent)}.hero__role{color:var(--color-text-muted);opacity:0;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500}.hero__visual{flex:1;justify-content:center;align-items:center;display:flex}.hero__image-wrapper{border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}@media (min-width:768px){.hero__image-wrapper{width:clamp(300px,40vw,500px);height:clamp(300px,40vw,500px)}}.hero__image{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}
.about{background-color:var(--color-bg)}.about__container{align-items:center;gap:var(--space-xl);flex-direction:column-reverse;margin-bottom:0;display:flex}@media (min-width:768px){.about__container{flex-direction:row;justify-content:space-between;margin-bottom:4rem}}.about__image-col{flex:1;justify-content:center;align-items:center;display:flex}.about__image-wrapper{cursor:pointer;border-radius:50%;width:250px;height:250px;position:relative}@media (min-width:768px){.about__image-wrapper{width:clamp(250px,30vw,400px);height:clamp(250px,30vw,400px)}}.about__glow{background:var(--color-accent);filter:blur(40px);opacity:.3;z-index:0;pointer-events:none;border-radius:50%;width:100%;height:100%;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about__image-placeholder{background:linear-gradient(135deg, var(--color-bg), var(--color-bg-light));border:2px solid var(--color-border);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.about__image-text{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;z-index:2;font-weight:600}.about__text-col{gap:var(--space-md);flex-direction:column;flex:1;max-width:600px;display:flex}.about__title{color:var(--color-text);font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.about__bio{color:var(--color-text-muted);font-size:1.1rem;line-height:1.8}
.skills{background-color:var(--color-bg)}.skills__title{margin-bottom:var(--space-xl);text-align:center;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.skills__list{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.skills__item{background:var(--color-glass);border:1px solid var(--color-border);cursor:default;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s}.skills__item.cexp{border:1px solid var(--color-accent)}.skills__item:hover{border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent-glow);color:#fff;background:#3b83f61a;transform:translateY(-2px)}
.experience{overflow:hidden}.experience__title{color:var(--color-text);font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.experience__timeline{max-width:1000px;margin:0 auto;position:relative}.experience__line{background:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:20px}.experience__line-fill{background:var(--color-accent);width:100%;box-shadow:0 0 10px var(--color-accent-glow)}@media (min-width:768px){.experience__line{left:50%;transform:translate(-50%)}}.experience__item{margin-bottom:var(--space-xl);width:100%;padding-left:50px;position:relative}@media (min-width:768px){.experience__item{width:50%;margin-bottom:var(--space-lg)}.experience__item--left{padding-left:0;padding-right:50px;left:0}.experience__item--right{padding-left:50px;left:50%}}.experience__node{background:var(--color-bg);border:2px solid var(--color-accent);width:14px;height:14px;box-shadow:0 0 10px var(--color-accent-glow);z-index:2;border-radius:50%;position:absolute;top:20px;left:14px}@media (min-width:768px){.experience__item--left .experience__node{left:auto;right:-7px}.experience__item--right .experience__node{left:-7px}}.experience__card{background:linear-gradient(69deg, var(--color-bg), transparent);border:2px solid var(--color-border);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);border-radius:12px;transition:transform .3s,border-color .3s}.experience__card:hover{background:linear-gradient(0deg, var(--color-bg), transparent);border-color:#3b83f666;transform:translateY(-5px)}.experience__role{color:var(--color-accent);margin-bottom:.2rem;font-size:1.3rem}.experience__company{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.experience__period{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.9rem}.experience__desc-list{padding-left:1.2rem;list-style:outside}.experience__desc-item{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.95rem;line-height:1.6}
.projects{background-color:var(--color-bg);background-image:var(--bg-circuit)}.projects__title{margin-bottom:var(--space-xl);color:var(--color-text);text-align:center;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.projects__grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (min-width:768px){.projects__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.projects__card{background:linear-gradient(145deg, var(--color-glass), transparent);border:1px solid var(--color-border);padding:var(--space-lg);justify-content:space-between;gap:var(--space-md);cursor:default;border-radius:16px;flex-direction:column;transition:transform .4s,border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.projects__card-preview{opacity:0;pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.projects__wip-badge{z-index:3;background:var(--color-accent);color:#fff;letter-spacing:.1em;pointer-events:none;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;top:12px;right:12px}.projects__card-preview img,.projects__card-preview video{object-fit:cover;border-radius:16px;width:100%;height:100%}.projects__card:hover .projects__card-preview{opacity:1}.projects__card--has-preview:hover .projects__card-content{opacity:0}.projects__card:before{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 100% 0,#3b83f61a,#0000 70%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.projects__card:hover{border-color:#3b83f680;transform:translateY(-10px);box-shadow:0 10px 40px #00000080,0 0 20px #3b83f633}.projects__card:hover:before{opacity:1}.projects__card-content{z-index:2;transition:opacity .3s;position:relative}.projects__card-title{margin-bottom:var(--space-sm);color:var(--color-text);font-size:1.5rem;font-weight:700}.projects__card-desc{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:1rem;line-height:1.6}.projects__tech-stack{flex-wrap:wrap;gap:.5rem;display:flex}.projects__tech-item{color:var(--color-accent);background:#ffffff0d;border-radius:20px;padding:.3rem .8rem;font-size:.8rem}.projects__card-link{margin-top:var(--space-md);color:var(--color-text);opacity:.5;z-index:3;align-self:flex-start;transition:opacity .3s,color .3s,transform .3s;position:relative}.projects__card:hover .projects__card-link{opacity:1;color:var(--color-accent);transform:translate(5px)translateY(-5px)}
.media{background-color:var(--color-bg);padding:var(--space-xxl) 0;position:relative;overflow:hidden}.media:before{content:"";background:radial-gradient(circle, var(--color-accent-glow), transparent 70%);opacity:.3;pointer-events:none;z-index:0;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media__title{text-align:center;margin-bottom:var(--space-xl);z-index:1;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;position:relative}.media__showcase{perspective:1200px;z-index:1;justify-content:center;align-items:center;min-height:800px;display:flex;position:relative}.phone-scene{width:320px;height:650px;transform-style:preserve-3d}@media (min-width:768px){.phone-scene{width:360px;height:720px}}.phone-wrapper{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-15deg)rotateX(10deg)}.phone-body{width:100%;height:100%;transform-style:preserve-3d;background:#1a1a1a;border-radius:40px;position:relative;transform:translateZ(20px);box-shadow:inset 0 0 0 2px #444,inset 0 0 0 6px #111,-10px 10px 30px #000c,-20px 20px 60px #3b83f633}.phone-body:before{content:"";background:#222;border-radius:40px;position:absolute;inset:0;transform:translateZ(-20px);box-shadow:inset 0 0 20px #000}.phone-screen{background:#000;border-radius:34px;flex-direction:column;display:flex;position:absolute;inset:6px;overflow:hidden}.app-header{color:#fff;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 20px;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:0}.app-notch{background:#111;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-status{align-items:center;gap:4px;display:flex}.app-icon.block{-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000);background:#fff;border-radius:2px;width:14px;height:10px;-webkit-mask-image:linear-gradient(#fff,#fff)}.app-feed{scrollbar-width:none;flex:1;padding:60px 15px 30px;overflow-y:auto}.app-feed::-webkit-scrollbar{display:none}.app-feed-title h3{margin-bottom:20px;font-size:1.5rem}.app-post{background:#111;border:1px solid #333;border-radius:16px;margin-bottom:20px;padding:15px}.app-post-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.app-avatar{background:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.app-user-info{flex-direction:column;display:flex}.app-username{font-size:.9rem;font-weight:600}.app-time-posted{color:#888;font-size:.75rem}.app-post-content h4{margin-bottom:6px;font-size:1rem}.app-post-content p{color:#ccc;margin-bottom:15px;font-size:.85rem;line-height:1.4}.app-post-visual{background:#0a0a0a;border:1px solid #222;border-radius:10px;justify-content:center;align-items:center;height:320px;margin-bottom:15px;display:flex;overflow:hidden}.app-media{object-fit:cover;width:100%;height:100%}.app-post-actions{border-top:1px solid #222;gap:20px;padding-top:10px;display:flex}.app-post-actions button{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;transition:color .2s;display:flex}.app-post-actions button:hover{color:var(--color-accent)}.app-footer{pointer-events:none;background:linear-gradient(#0000,#000000e6);justify-content:center;align-items:flex-end;width:100%;height:30px;padding-bottom:8px;display:flex;position:absolute;bottom:0}.app-home-indicator{background:#fff;border-radius:100px;width:100px;height:4px}
.contact{border-top:1px solid var(--color-border);padding:var(--space-xl) 0 2rem;text-align:center}.contact__content{max-width:600px;margin:0 auto var(--space-xl);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.contact__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.contact__desc{color:var(--color-text-muted);font-size:1.1rem;line-height:1.6}.contact__btn{background:var(--color-accent);color:#fff;margin-top:var(--space-md);border-radius:30px;align-items:center;gap:10px;padding:12px 32px;font-size:1.1rem;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-flex}.contact__btn:hover{box-shadow:0 10px 20px var(--color-accent-glow);color:#fff;transform:translateY(-3px)}.contact__socials{margin-top:var(--space-lg);gap:20px;display:flex}.contact__socials a{color:var(--color-text-muted);transition:color .3s,transform .3s}.contact__socials a:hover{color:var(--color-accent);transform:translateY(-3px)}.contact__bottom{color:#555;border-top:1px solid #ffffff0d;padding-top:2rem;font-size:.85rem}
.navigation{z-index:1000;background:linear-gradient(#000000e6 0%,#0000 100%);width:100%;padding:1.5rem 0;transition:transform .3s;position:fixed;top:0;left:0}.navigation--hidden{transform:translateY(-100%)}.navigation--visible{transform:translateY(0)}@media (max-width:768px){.navigation{background:linear-gradient(#0000 0%,#000000e6 100%);top:auto;bottom:0}.navigation--hidden{transform:translateY(100%)}.navigation--visible{transform:translateY(0)}}.navigation__container{justify-content:space-between;align-items:center;display:flex}.navigation__group{align-items:center;display:flex}.cap-btn{text-transform:uppercase;cursor:pointer;background:#141515;border:2px solid #0000;border-radius:10px;padding:.4rem 1.2rem .4rem .6rem;font-size:1.6rem;font-weight:700;text-decoration:none;transition:all .15s ease-in-out;display:inline-block;position:relative;top:0;overflow:hidden;box-shadow:0 4px 0 6px #060606,-1px 6px 6px 6px #000000e6;color:var(--color-accent)!important;background:radial-gradient(at 100% 0,#141515,#000)!important}.cap-btn span{font-family:roboto}.navigation__group--brand .cap-btn{margin-right:14px}.cap-btn:active{top:2px;box-shadow:0 2px 0 6px #060606b3,-1px 4px 6px 6px #055ab533}.cap-btn:hover{border-color:var(--color-accent);text-decoration:none!important}.cap-btn:focus{outline:none;box-shadow:0 2px 0 6px #060606b3,-1px 4px 6px 6px #000000e6}.cap-btn.disabled{filter:grayscale()opacity(.7)}.cap-btn.active{border-color:var(--color-accent)}.cap-btn.filter-btn{border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;margin-right:10px;padding:.3rem 1rem .3rem .5rem;font-size:.75rem;display:inline-flex;box-shadow:0 2px 0 3px #060606,-1px 4px 4px 4px #000000e6}.cap-btn.filter-btn:active{top:2px;box-shadow:0 1px 0 3px #060606b3,-1px 2px 4px 4px #055ab533}.cap-btn.filter-btn:hover,.cap-btn.filter-btn.active{border-color:var(--color-accent)}.nav-key__icon{color:var(--color-text-muted);margin-bottom:2px;font-family:sans-serif;font-size:.7rem}.nav-key__label{letter-spacing:.05em;font-weight:600}@media (max-width:768px){.navigation__group--brand{display:none}.navigation__container{justify-content:center}.cap-btn.filter-btn{margin-right:6px;padding:.2rem .6rem .2rem .3rem;font-size:.65rem}.nav-key__icon{font-size:.65rem}.nav-key__label{font-size:.6rem}}