:root{--color-surface:#070b12;--color-surface-raised:#0d1320;--color-border:rgba(255,255,255,0.06);--color-border-hover:rgba(255,255,255,0.12);--color-accent-primary:#10b981;--color-accent-secondary:#8b5cf6;--color-accent-tertiary:#0ea5e9;--color-text-primary:#f1f5f9;--color-text-secondary:#64748b;--color-text-muted:#334155;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:0;will-change:transform,opacity;transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo)}.reveal{transform:translateY(32px)}.reveal-left{transform:translateX(-48px)}.reveal-right{transform:translateX(48px)}.reveal-scale{transform:scale(.92)}.reveal-left.visible,.reveal-right.visible,.reveal-scale.visible,.reveal.visible{opacity:1;transform:translate(0) scale(1)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.delay-5{transition-delay:.42s}.delay-6{transition-delay:.54s}@keyframes text-shimmer-sweep{0%{background-position:-200%}to{background-position:200%}}.text-shimmer{background:linear-gradient(105deg,var(--color-text-primary) 0,var(--color-text-primary) 35%,var(--color-accent-primary) 50%,var(--color-text-primary) 65%,var(--color-text-primary) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-shimmer-sweep 4s ease-in-out infinite;will-change:background-position}@keyframes text-glow-pulse{0%,to{text-shadow:0 0 8px rgba(16,185,129,.15),0 0 16px rgba(16,185,129,.05)}50%{text-shadow:0 0 12px rgba(16,185,129,.3),0 0 24px rgba(16,185,129,.15)}}.text-glow{color:var(--color-accent-primary);animation:text-glow-pulse 3s ease-in-out infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.typing-cursor:after{content:"";display:inline-block;width:.5em;height:1.1em;background-color:var(--color-accent-primary);vertical-align:text-bottom;margin-left:.2em;animation:blink-cursor 1s step-start infinite}.glass-card{position:relative;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:1.25rem;overflow:hidden;transition:all .4s var(--ease-out-expo);will-change:transform,box-shadow,border-color}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,0));opacity:0;transition:opacity .4s ease;pointer-events:none}.glass-card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:0 12px 32px -8px rgba(0,0,0,.4),0 0 0 1px rgba(16,185,129,.1)}.glass-card:hover:before{opacity:1}.bg-grid-fade{background-size:60px 60px;background-image:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.02) 1px,transparent 0);mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 80%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 80%)}.bg-grid-fade,.bg-noise{position:absolute;inset:0;pointer-events:none}.bg-noise{opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.terminal-window{background:rgba(0,0,0,.6);border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden;box-shadow:0 20px 40px -12px rgba(0,0,0,.5)}.terminal-bar{display:flex;align-items:center;justify-content:center;height:2.25rem;background:rgba(255,255,255,.02);border-bottom:1px solid var(--color-border);position:relative}.terminal-dots{position:absolute;left:1rem;display:flex;gap:.4rem}.terminal-dots span{width:10px;height:10px;border-radius:50%}.terminal-dots span:first-child{background:#ff5f56}.terminal-dots span:nth-child(2){background:#ffbd2e}.terminal-dots span:nth-child(3){background:#27c93f}@keyframes type-entry{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}.log-entry{animation:type-entry .4s var(--ease-out-quint) both;white-space:pre-wrap}.device-frame{position:relative;width:288px;height:580px;background:#000;border-radius:40px;border:8px solid #1c1c1e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 24px 48px -12px rgba(0,0,0,.6);overflow:hidden;display:flex;flex-direction:column}.device-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:24px;background:#1c1c1e;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:20}.device-screen{flex:1;background:#000;position:relative;z-index:10;width:100%;height:100%}.device-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:rgba(255,255,255,.3);border-radius:4px;z-index:20}.skill-card{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;background:rgba(255,255,255,.015);border:1px solid var(--color-border);border-radius:.75rem;cursor:pointer;transition:all .2s ease;overflow:hidden}.skill-card:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:transparent;transition:background .2s ease}.skill-card:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}.skill-card-active{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)}.skill-card-active:before{background:var(--color-accent-primary);box-shadow:0 0 12px var(--color-accent-primary)}.section-glow{position:relative}.section-glow:before{width:60%;height:1px;background:linear-gradient(90deg,rgba(16,185,129,0),rgba(16,185,129,.3) 50%,rgba(16,185,129,0))}.section-glow:after,.section-glow:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%)}.section-glow:after{width:30%;height:40px;background:radial-gradient(ellipse at top,rgba(16,185,129,.08) 0,transparent 70%);pointer-events:none}.hover-lift{transition:transform .3s var(--ease-out-expo),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px rgba(0,0,0,.5)}.nav-link{position:relative;text-decoration:none}.nav-link:after{content:"";position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:var(--color-accent-primary);transition:all .3s var(--ease-out-expo);transform:translateX(-50%);border-radius:2px;opacity:0}.nav-link:hover:after{width:100%;opacity:1}.nav-active{color:var(--color-text-primary)!important}.nav-active:after{width:100%;opacity:1;box-shadow:0 0 8px rgba(16,185,129,.4)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none}}