@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ocean-surface:#0891b2;--ocean-shallow:#0e7490;--ocean-mid:#155e75;--ocean-deep:#0c4a6e;--ocean-abyss:#082f49;--ocean-void:#041525;--ocean-black:#000508;--bio-cyan:#22d3ee;--bio-teal:#2dd4bf;--bio-blue:#60a5fa;--bio-purple:#a78bfa;--bio-green:#4ade80;--bio-pink:#f472b6;--text-primary:#f0f9ff;--text-secondary:#e0f2feb3;--text-muted:#bae6fd66;--glass-bg:#082f494d;--glass-border:#22d3ee26;--glass-hover:#22d3ee40;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--section-spacing:clamp(4rem, 10vh, 10rem);--container-padding:clamp(1.5rem, 5vw, 4rem);--h1-size:clamp(2.5rem, 8vw, 5rem);--h2-size:clamp(2rem, 6vw, 3.5rem);--h3-size:clamp(1.5rem, 4vw, 2.2rem);--p-size:clamp(1rem, 1.2vw, 1.25rem);--fs-xs:clamp(.7rem, .8vw, .8rem);--fs-sm:clamp(.8rem, .9vw, .9rem);--fs-base:clamp(.9rem, 1vw, 1rem);--fs-md:clamp(1rem, 1.2vw, 1.15rem);--fs-lg:clamp(1.2rem, 1.5vw, 1.4rem);--fs-xl:clamp(1.5rem, 2vw, 1.8rem);--fs-2xl:clamp(1.8rem, 2.5vw, 2.2rem);--fs-3xl:clamp(2.2rem, 3.5vw, 3rem);--fs-4xl:clamp(2.8rem, 5vw, 4.5rem);--fs-hero:clamp(3.5rem, 8vw, 7rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-section:clamp(4rem, 10vh, 8rem);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--transition-fast:.15s var(--ease-out);--transition-base:.3s var(--ease-out);--transition-slow:.6s var(--ease-out);--z-ocean:0;--z-content:10;--z-depth-meter:50;--z-navbar:100;--z-loading:1000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);background-color:var(--ocean-black);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ocean-void)}::-webkit-scrollbar-thumb{background:var(--bio-cyan);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bio-teal)}h1{font-family:var(--font-display);font-size:var(--h1-size);letter-spacing:-.02em;font-weight:300}h2{font-family:var(--font-display);font-size:var(--h2-size);letter-spacing:-.01em;font-weight:300}h3{font-family:var(--font-display);font-size:var(--h3-size);font-weight:400}p{font-size:var(--p-size);opacity:.9;line-height:1.6}a{color:var(--bio-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--bio-teal)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-subtle{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);background:#082f4926;border:1px solid #22d3ee14}.glow-text{text-shadow:0 0 10px #22d3ee80,0 0 40px #22d3ee33}.glow-border{box-shadow:0 0 15px #22d3ee26,inset 0 0 15px #22d3ee0d}.bio-glow{animation:3s ease-in-out infinite alternate bioGlow}@keyframes bioGlow{0%{filter:brightness()drop-shadow(0 0 8px #22d3ee4d)}to{filter:brightness(1.2)drop-shadow(0 0 20px #22d3ee99)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bubbleRise{0%{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:.8}to{opacity:0;transform:translateY(-100vh)scale(1.5)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes waveText{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}75%{transform:translateY(3px)}}@keyframes depthPulse{0%,to{box-shadow:0 0 5px #22d3ee33}50%{box-shadow:0 0 20px #22d3ee80,0 0 40px #22d3ee33}}.ocean-canvas-container{width:100vw;height:100vh;z-index:var(--z-ocean);pointer-events:none;position:fixed;top:0;left:0}.content-layer{z-index:var(--z-content);pointer-events:none;position:relative}.content-layer>section{pointer-events:auto}.portfolio-section{min-height:100vh;padding:var(--space-section) var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative}.section-inner{width:100%;max-width:1100px;margin:0 auto}.section-heading{font-size:var(--fs-3xl);margin-bottom:var(--space-lg);color:var(--text-primary)}.section-subtitle{font-size:var(--fs-md);color:var(--text-secondary);margin-bottom:var(--space-3xl);font-weight:300}.depth-marker{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--bio-cyan);margin-bottom:var(--space-xl);background:#22d3ee14;border:1px solid #22d3ee33;animation:4s ease-in-out infinite depthPulse;display:inline-flex}.depth-marker-value{font-weight:600}.depth-marker-label{opacity:.7}.ocean-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base);position:relative;overflow:hidden}.ocean-card:before{content:"";background:linear-gradient(90deg, transparent, var(--bio-cyan), transparent);opacity:0;height:1px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.ocean-card:hover{border-color:var(--glass-hover);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d,0 0 30px #22d3ee1a}.ocean-card:hover:before{opacity:1}.ocean-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);color:var(--bio-cyan);font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#22d3ee26,#2dd4bf26);border:1px solid #22d3ee4d;font-weight:600;display:inline-flex}.ocean-btn:hover{border-color:var(--bio-cyan);color:var(--text-primary);background:linear-gradient(135deg,#22d3ee40,#2dd4bf40);transform:translateY(-2px);box-shadow:0 0 30px #22d3ee33}.ocean-btn-primary{background:linear-gradient(135deg, var(--bio-cyan), var(--bio-teal));color:var(--ocean-void);border:none}.ocean-btn-primary:hover{color:var(--ocean-void);box-shadow:0 0 40px #22d3ee66}.skill-tag{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);transition:all var(--transition-fast);background:#22d3ee0f;border:1px solid #22d3ee1f;display:inline-flex}.skill-tag:hover{color:var(--bio-cyan);background:#22d3ee1f;border-color:#22d3ee4d;box-shadow:0 0 15px #22d3ee1a}@media (width<=768px){.portfolio-section{padding:var(--space-3xl) var(--space-md)}.section-inner{padding:0}}.navbar{z-index:var(--z-navbar);padding:var(--space-sm) var(--space-xl);transition:all var(--transition-slow);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#04152599;border-bottom:1px solid #22d3ee14}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:56px;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--text-primary);background:0 0;border:none;display:flex}.navbar-logo-text{font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.05em;background:linear-gradient(135deg, var(--bio-cyan), var(--bio-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.navbar-depth-badge{font-family:var(--font-mono);font-size:var(--fs-xs);border-radius:var(--radius-full);color:var(--bio-cyan);background:#22d3ee1a;border:1px solid #22d3ee33;padding:2px 8px}.navbar-links{gap:var(--space-xs);display:flex}.navbar-link{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;position:relative}.navbar-link:after{content:"";background:var(--bio-cyan);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.navbar-link:hover{color:var(--text-primary);background:#22d3ee0d}.navbar-link.active{color:var(--bio-cyan)}.navbar-link.active:after{width:20px}.navbar-controls{align-items:center;gap:var(--space-sm);display:flex}.navbar-lang-toggle{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--fs-xs);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#22d3ee14;border:1px solid #22d3ee26;padding:4px 12px}.navbar-lang-toggle:hover{border-color:var(--bio-cyan);color:var(--bio-cyan);background:#22d3ee26}.navbar-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-burger span{background:var(--text-secondary);border-radius:var(--radius-full);width:22px;height:2px;transition:all var(--transition-base);display:block}.navbar-burger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-burger.open span:nth-child(2){opacity:0}.navbar-burger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar-mobile-menu{gap:var(--space-xs);padding:var(--space-md) var(--space-xl);max-height:0;transition:max-height var(--transition-slow);flex-direction:column;display:none;overflow:hidden}.navbar-mobile-menu.open{max-height:400px}.navbar-mobile-link{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.navbar-mobile-link:hover,.navbar-mobile-link.active{color:var(--bio-cyan);background:#22d3ee0d}@media (width<=768px){.navbar-links{display:none}.navbar-burger,.navbar-mobile-menu{display:flex}}.depth-meter{z-index:var(--z-depth-meter);align-items:center;gap:var(--space-md);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.depth-meter-value{font-family:var(--font-mono);flex-direction:column;align-items:center;display:flex}.depth-meter-number{font-size:var(--fs-xl);color:var(--bio-cyan);text-shadow:0 0 15px #22d3ee80;font-weight:700;line-height:1}.depth-meter-unit{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.depth-meter-track{border-radius:var(--radius-full);background:#22d3ee1a;width:3px;height:280px;position:relative;overflow:visible}.depth-meter-fill{background:linear-gradient(to bottom, var(--bio-cyan), var(--bio-purple));border-radius:var(--radius-full);width:100%;transition:height .1s linear;position:absolute;top:0;left:0;box-shadow:0 0 10px #22d3ee66}.depth-meter-marker{align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.depth-meter-marker-dot{width:8px;height:8px;transition:all var(--transition-base);background:#22d3ee4d;border:1px solid #22d3ee80;border-radius:50%}.depth-meter-marker.active .depth-meter-marker-dot{background:var(--bio-cyan);transform:scale(1.3);box-shadow:0 0 10px #22d3ee99}.depth-meter-marker-label{white-space:nowrap;font-family:var(--font-mono);color:var(--text-muted);opacity:0;transition:all var(--transition-base);font-size:10px;position:absolute;right:16px;transform:translate(5px)}.depth-meter-marker.active .depth-meter-marker-label{opacity:1;color:var(--bio-cyan);transform:translate(0)}@media (width<=768px){.depth-meter{display:none}}.loading-screen{width:100vw;height:100vh;z-index:var(--z-loading);transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);background:linear-gradient(#041525,#000508);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.loading-screen.done{opacity:0;pointer-events:none;transform:scale(1.05)}.loading-content{align-items:center;gap:var(--space-xl);z-index:1;flex-direction:column;display:flex}.loading-icon{width:48px;height:48px;color:var(--bio-cyan);filter:drop-shadow(0 0 15px #22d3ee80);animation:2s ease-in-out infinite float}.loading-icon svg{width:100%;height:100%}.loading-phase{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-secondary);min-height:1.5em;transition:all var(--transition-base)}.loading-bar{border-radius:var(--radius-full);background:#22d3ee1a;width:200px;height:3px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--bio-cyan), var(--bio-teal));border-radius:var(--radius-full);height:100%;transition:width 50ms linear;box-shadow:0 0 10px #22d3ee66}.loading-depth{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.loading-bubbles{pointer-events:none;width:100%;height:100%;position:absolute;bottom:0;left:0;overflow:hidden}.loading-bubble{background:#22d3ee26;border:1px solid #22d3ee33;border-radius:50%;animation:5s ease-in infinite bubbleRise;position:absolute;bottom:-20px}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;position:relative}.hero-content{align-items:center;gap:var(--space-lg);animation:fadeInUp 1.2s var(--ease-out) both;flex-direction:column;display:flex}.hero-greeting{font-family:var(--font-body);font-size:var(--fs-lg);color:var(--text-secondary);letter-spacing:.02em;font-weight:300}.hero-greeting-highlight{color:var(--bio-cyan);font-weight:500}.hero-name{font-family:var(--font-display);font-size:var(--fs-hero);letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--bio-cyan) 50%, var(--bio-teal) 100%);-webkit-text-fill-color:transparent;text-shadow:none;animation:fadeInUp 1.2s var(--ease-out) .2s both;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:1}.hero-title{font-family:var(--font-mono);font-size:var(--fs-md);color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;animation:fadeInUp 1.2s var(--ease-out) .4s both}.hero-cta{margin-top:var(--space-xl);animation:fadeInUp 1.2s var(--ease-out) .6s both}.hero-scroll-hint{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;animation:fadeInUp 1.2s var(--ease-out) 1s both;flex-direction:column;display:flex;position:absolute;bottom:40px}.hero-scroll-arrow{color:var(--bio-cyan);opacity:.6;animation:2s ease-in-out infinite float}@media (width<=768px){.hero-name{font-size:clamp(2.5rem,12vw,4rem)}}.holographic-container{perspective:1000px;z-index:5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:60vh;min-height:500px;padding:4rem 1rem;display:flex;position:relative}.holographic-anchor{justify-content:center;align-items:center;width:100%;max-width:550px;display:flex;position:relative}.holographic-wrapper{width:100%;transform-style:preserve-3d;will-change:transform;cursor:pointer;position:relative}@supports ((-moz-appearance:none)){.holographic-wrapper{backface-visibility:hidden}}.holographic-card{aspect-ratio:1.58;-webkit-backdrop-filter:blur(12px);z-index:2;background:#0f172a66;border-radius:16px;flex-direction:column;width:100%;padding:0;display:flex;overflow:hidden;border:1px solid #38bdf84d!important;box-shadow:0 20px 40px #0006,inset 0 0 40px #38bdf81a!important}.holographic-front,.holographic-back{backface-visibility:hidden}.holographic-back{position:absolute;top:0;left:0;transform:rotateY(180deg)}.flip-hint{color:#38bdf899;justify-content:center;align-items:center;animation:2s infinite pulse-hint;display:flex;position:absolute;bottom:1rem;right:1.5rem}@keyframes pulse-hint{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(1)}}.license-back-content{flex-direction:column;height:100%;padding:2rem;display:flex}.license-description-text{color:#bae6fd;text-align:justify;font-size:.95rem;line-height:1.6}.license-top-bar{letter-spacing:1.5px;color:#bae6fd;background:#0ea5e933;border-bottom:1px solid #38bdf84d;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;font-size:.7rem;display:flex}.license-content{flex:1;padding:1.5rem;display:flex}.license-left{border-right:1px dashed #38bdf833;flex-direction:column;justify-content:center;align-items:center;width:120px;margin-right:1.5rem;padding-right:1.5rem;display:flex}.license-photo-box{background:#0f172a99;border:1px solid #38bdf866;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;display:flex}.license-user-icon{color:#38bdf8;opacity:.8}.license-stars{color:#fbbf24;letter-spacing:4px;font-size:1.5rem}.license-right{flex-direction:column;flex:1;display:flex}.license-title{color:#fff;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #0ea5e9;align-self:flex-start;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:700;display:inline-block}.license-fields{flex-direction:column;gap:.8rem;display:flex}.license-field{align-items:center;display:flex}.license-field .field-label{color:#bae6fd;text-transform:uppercase;letter-spacing:1px;width:140px;font-size:.8rem}.license-field .field-value{color:#fff;font-family:monospace;font-size:.95rem;font-weight:600}.holo-stat{-webkit-backdrop-filter:blur(4px);color:#fff;text-align:center;z-index:10;background:radial-gradient(circle at 30% 30%,#ffffff26,#0ea5e926 60%,#0284c74d);border:1px solid #bae6fd4d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;transition:all .3s;display:flex;position:absolute;transform:translateZ(80px);box-shadow:inset 0 0 20px #fff3,0 10px 30px #0000004d}@keyframes holo-float{0%{transform:translateZ(80px)translateY(0)translate(0)}33%{transform:translateZ(80px)translateY(-15px)translate(5px)}66%{transform:translateZ(80px)translateY(10px)translate(-5px)}to{transform:translateZ(80px)translateY(0)translate(0)}}.holo-stat{animation:6s ease-in-out infinite holo-float}.stat-tl{animation-delay:0s;top:-100px;left:-80px}.stat-tr{animation-delay:-1.5s;top:-70px;right:-110px}.stat-bl{animation-delay:-3.2s;bottom:-60px;left:-60px}.stat-br{animation-delay:-4.8s;bottom:-60px;right:-90px}.stat-icon{color:#38bdf8;margin-bottom:.25rem}.stat-value{text-shadow:0 0 15px #38bdf8cc;margin-bottom:.15rem;font-family:monospace;font-size:1.5rem;font-weight:700}.stat-label{color:#e0f2fe;text-transform:uppercase;letter-spacing:1px;font-size:.65rem;line-height:1.2}@media (width<=768px){.holographic-container{height:auto;padding-bottom:300px}.holographic-anchor{max-width:100%}.holographic-card{aspect-ratio:auto;min-height:220px}.license-content{text-align:center;flex-direction:column;align-items:center;padding:1rem}.license-left{border-bottom:1px dashed #38bdf833;border-right:none;width:100%;margin-bottom:1rem;margin-right:0;padding-bottom:1rem;padding-right:0}.license-right{align-items:center;width:100%}.license-title{align-self:center;font-size:1rem}.license-field .field-label{width:90px;font-size:.65rem}.license-field .field-value{font-size:.85rem}.holo-stat{width:80px;height:80px;transform:translateZ(20px)}.stat-value{font-size:1rem}.stat-label{font-size:.5rem}.stat-tl{top:auto;bottom:-110px;left:10%}.stat-tr{top:auto;bottom:-110px;right:10%}.stat-bl{bottom:-210px;left:10%}.stat-br{bottom:-210px;right:10%}.license-top-bar{padding:.5rem 1rem;font-size:.6rem}}.holo-footer-barcode{opacity:.7;justify-content:center;align-items:center;gap:4px;display:flex}.barcode-line{background:#38bdf8;width:2px;height:24px}.barcode-line.w-2{width:4px}.barcode-line.w-3{width:6px}.barcode-line.w-4{width:8px}.holo-footer-barcode span{color:#38bdf8;letter-spacing:2px;margin-left:1rem;font-family:monospace;font-size:.75rem}.about-section{padding-top:calc(var(--space-section) + 60px)}.about-physics-container{pointer-events:auto;width:100%;height:600px;margin-top:2rem;position:relative}.about-card{gap:var(--space-md);flex-direction:column;display:flex}.about-card-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--bio-cyan);background:#22d3ee14;justify-content:center;align-items:center;display:flex}.passion-icon{color:var(--bio-teal);background:#2dd4bf14}.about-description{color:var(--text-secondary);font-size:var(--fs-base);line-height:1.8}.about-stats{gap:var(--space-md);grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.about-stat{text-align:center;padding:var(--space-xl) var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.about-stat-value{font-family:var(--font-display);font-size:var(--fs-3xl);background:linear-gradient(135deg, var(--bio-cyan), var(--bio-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.about-stat-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}@media (width<=768px){.about-physics-container{height:800px}.about-stats{grid-template-columns:1fr}}.constellation-container{background:radial-gradient(circle,#0ea5e90d 0%,#0000 70%);width:100%;height:60vh;min-height:500px;position:relative;overflow:visible}.constellation-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.constellation-line-faint{stroke:#38bdf826;stroke-width:1px}.constellation-line-active{stroke:url(#line-gradient);stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px #38bdf8cc);stroke-dasharray:1000;stroke-dashoffset:1000px;animation:.8s ease-out forwards draw-line}@keyframes draw-line{to{stroke-dashoffset:0}}.constellation-node{cursor:pointer;z-index:5;width:0;height:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:translate(-50%,-50%)}.node-core{z-index:2;background-color:#bae6fd;border-radius:50%;width:8px;height:8px;transition:all .3s;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #bae6fd80}.node-glow{z-index:1;opacity:.5;background:radial-gradient(circle,#38bdf866 0%,#0000 70%);border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.node-label{color:#e0f2fe;letter-spacing:1px;opacity:.8;white-space:nowrap;text-shadow:0 0 8px #000c;pointer-events:none;font-size:.85rem;transition:all .3s;position:absolute;top:15px}@keyframes star-float{0%{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-6px)}to{transform:translate(-50%,-50%)translateY(0)}}.constellation-node{animation:6s ease-in-out infinite star-float}.constellation-node:nth-child(2n){animation-duration:7s;animation-delay:-2s}.constellation-node:nth-child(3n){animation-duration:8s;animation-delay:-4s}.constellation-node:hover .node-core,.node-active .node-core{background-color:#fff;width:14px;height:14px;box-shadow:0 0 20px #38bdf8,0 0 40px #38bdf8}.constellation-node:hover .node-glow,.node-active .node-glow{opacity:1;background:radial-gradient(circle,#38bdf899 0%,#0000 70%);width:60px;height:60px}.constellation-node:hover .node-label,.node-active .node-label{opacity:1;color:#fff;text-shadow:0 0 10px #38bdf8;font-size:1rem;font-weight:700;transform:translateY(4px)}.node-related .node-core{background-color:#38bdf8;width:10px;height:10px;box-shadow:0 0 15px #0284c7}.node-related .node-label{opacity:1;color:#7dd3fc}.node-faded{opacity:.15;filter:blur(2px)}.cat-frontend .node-core{background-color:#60a5fa}.cat-backend .node-core{background-color:#f472b6}.cat-ai .node-core{background-color:#34d399}.cat-tools .node-core{background-color:#fbbf24}@media (width<=768px){.constellation-container{height:70vh;min-height:450px}.node-core{width:6px;height:6px}.node-label{font-size:.7rem;top:10px}.constellation-node:hover .node-label,.node-active .node-label{font-size:.85rem;transform:translateY(2px)}.constellation-node:hover .node-glow,.node-active .node-glow{width:40px;height:40px}}.node-active .node-core{background-color:#fff}.skills-section{padding-top:calc(var(--space-section) + 60px)}.skills-physics-container{pointer-events:auto;width:100%;height:600px;margin-top:2rem;position:relative}@media (width<=768px){.skills-physics-container{height:800px}}.projects-section{padding-top:calc(var(--space-section) + 60px)}.sonar-container{justify-content:center;align-items:stretch;gap:var(--space-2xl);flex-direction:row;min-height:400px;margin-top:2rem;display:flex}.sonar-radar-box{flex-direction:column;align-items:center;gap:1rem;display:flex}.sonar-radar{background:#0ea5e90d;border:2px solid #22d3ee66;border-radius:50%;width:350px;height:350px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #22d3ee1a,0 0 20px #22d3ee33}.sonar-grid-circle{border:1px dashed #22d3ee33;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-circle-1{width:33%;height:33%}.grid-circle-2{width:66%;height:66%}.sonar-crosshair{background:#22d3ee33;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-v{width:1px;height:100%}.crosshair-h{width:100%;height:1px}.sonar-sweeper{content:"";pointer-events:none;background:conic-gradient(#0000 70%,#22d3ee99 100%);border-radius:50%;animation:4s linear infinite radarSweep;position:absolute;inset:0}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sonar-blip{cursor:pointer;width:32px;height:32px;color:var(--bio-cyan);z-index:10;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.blip-marker{z-index:2;filter:drop-shadow(0 0 5px var(--bio-cyan));position:relative}.blip-ping{background:var(--bio-cyan);opacity:.5;z-index:1;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite blipPing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blipPing{0%{opacity:.8;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.sonar-blip:hover,.sonar-blip.active{color:#fff}.sonar-blip:hover .blip-marker,.sonar-blip.active .blip-marker{filter:drop-shadow(0 0 10px #fff);transform:scale(1.1)}.sonar-blip:hover .blip-ping,.sonar-blip.active .blip-ping{opacity:.8;background:#fff;animation-duration:1s}.sonar-instruction{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--bio-teal);text-transform:uppercase;letter-spacing:.1em;animation:2s ease-in-out infinite pulse}.holo-panel{opacity:.5;border-color:#22d3ee4d;flex-direction:column;flex:1;max-width:400px;padding:2rem;transition:all .4s;display:flex;position:relative;transform:translate(20px)}.holo-panel.holo-active{opacity:1;border-color:#22d3ee99;transform:translate(0);box-shadow:inset 0 0 20px #22d3ee0d,0 8px 32px #0006}.holo-content{flex-direction:column;gap:1.5rem;height:100%;display:flex}.holo-header{align-items:center;gap:1rem;display:flex}.holo-icon{width:48px;height:48px;color:var(--bio-cyan);border-radius:var(--radius-md);background:#22d3ee1a;border:1px solid #22d3ee4d;justify-content:center;align-items:center;display:flex}.holo-title{font-size:var(--fs-xl);color:var(--text-primary);margin:0}.holo-badge{align-self:flex-start;margin-top:-.5rem}.holo-description{color:var(--text-secondary);margin:0;line-height:1.6}.holo-note{font-size:var(--fs-sm);color:var(--bio-teal);margin:0;font-style:italic}.holo-tech-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.holo-btn{width:fit-content;margin-top:1rem}.holo-empty{color:#22d3ee4d;height:100%;font-family:var(--font-mono);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}@media (width<=900px){.sonar-container{flex-direction:column;align-items:center;gap:2rem}.holo-panel{width:100%;max-width:100%;padding:1.5rem;transform:translateY(20px)}.holo-panel.holo-active{transform:translateY(0)}.sonar-radar{width:250px;height:250px}.holo-title{font-size:1.25rem}.holo-description{font-size:.9rem}}.project-tech-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.project-link{margin-top:var(--space-sm);align-self:flex-start}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.project-featured{grid-column:1}}.screenshot-ping{cursor:pointer;z-index:20;flex-direction:column;align-items:center;gap:3px;animation:.4s cubic-bezier(.175,.885,.32,1.275) both ping-appear;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes ping-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.ping-icon{color:#38bdf8;background:#0ea5e940;border:1px solid #38bdf8b3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:4px;transition:all .2s;display:flex;box-shadow:0 0 8px #38bdf866}.screenshot-ping:hover .ping-icon{background:#38bdf880;transform:scale(1.15);box-shadow:0 0 16px #38bdf8cc}.ping-label{color:#bae6fd;white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;opacity:.9;background:#0f172acc;border:1px solid #38bdf833;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.6rem}.ping-orbit{pointer-events:none;border:1px solid #38bdf84d;border-radius:50%;width:32px;height:32px;animation:2.5s ease-out infinite orbit-pulse;position:absolute}@keyframes orbit-pulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.screenshot-hint{color:var(--bio-teal);background:#0ea5e914;border-left:2px solid #0ea5e966;border-radius:0 4px 4px 0;align-items:center;gap:.5rem;margin:0;padding:.5rem .75rem;font-size:.78rem;font-style:italic;display:flex}.screenshot-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#020814d9;justify-content:center;align-items:center;animation:.25s overlay-fadein;display:flex;position:fixed;inset:0}@keyframes overlay-fadein{0%{opacity:0}to{opacity:1}}.screenshot-modal{background:#0a1428f2;border:1px solid #38bdf866;border-radius:16px;width:min(700px,90vw);animation:.35s cubic-bezier(.175,.885,.32,1.275) modal-scalein;position:relative;overflow:hidden;box-shadow:0 0 60px #38bdf833}@keyframes modal-scalein{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.screenshot-modal-header{background:#0ea5e91a;border-bottom:1px solid #38bdf833;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.screenshot-modal-title{letter-spacing:1.5px;text-transform:uppercase;color:#38bdf8;font-family:monospace;font-size:.85rem}.screenshot-modal-close{color:#bae6fdb3;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .2s;display:flex}.screenshot-modal-close:hover{color:#fff;background:#38bdf826}.screenshot-modal-body{justify-content:center;align-items:center;min-height:300px;display:flex}.screenshot-img{width:100%;display:block}.screenshot-placeholder{color:#38bdf866;text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}.screenshot-placeholder p{color:var(--text-secondary);margin:0;font-size:1.1rem}.screenshot-placeholder span{color:var(--bio-teal);font-size:.8rem;font-style:italic}.legacy-section{padding-top:calc(var(--space-section) + 60px)}.relics-scatter-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-top:4rem;padding-bottom:2rem;display:flex}.relic-card{background:#0f172ad9;border:1px solid #47556966;border-bottom:6px solid #0f172a;border-radius:6px;width:300px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.relic-0{transform:rotate(-3deg)translateY(10px)}.relic-1{transform:rotate(4deg)translateY(-15px)}.relic-2{transform:rotate(-2deg)translateY(5px)}.relic-3{transform:rotate(5deg)translateY(15px)}.relic-4{transform:rotate(-4deg)translateY(-8px)}.relic-card:hover{background:#1e293bf2;transform:rotate(0)translateY(-10px);box-shadow:0 15px 30px #0009}.relic-theme-layer{pointer-events:none;z-index:0;border-radius:6px;position:absolute;inset:0;overflow:hidden}.relic-algae{pointer-events:none;z-index:1;background:radial-gradient(circle at 100% 0,#14532d1a 0%,#0000 40%);border-radius:6px;position:absolute;inset:0}.relic-1 .relic-algae{background:radial-gradient(circle at 0 100%,#14532d26 0%,#0000 50%)}.relic-3 .relic-algae{background:radial-gradient(circle at 0 0,#14532d1a 0%,#0000 40%)}.relic-icon-wrapper,.relic-content{z-index:2;position:relative}.relic-icon-wrapper{background:linear-gradient(135deg,#33415599,#1e293bcc);border:1px solid #64748b4d;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;transition:all .4s;display:flex;box-shadow:inset 0 0 10px #00000080}.relic-icon-svg{color:#94a3b8;filter:drop-shadow(0 2px 4px #0006);transition:color .4s}.relic-content{flex-direction:column;gap:1rem;display:flex}.relic-title{font-size:var(--fs-lg);color:#cbd5e1;font-family:var(--font-display);margin:0;transition:color .4s}.relic-description{color:#94a3b8;font-size:var(--fs-sm);margin:0;line-height:1.6}.relic-tech{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.relic-tech-tag{font-family:var(--font-mono);color:#64748b;background:#0000004d;border:1px solid #4755694d;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;transition:all .4s}.relic-link-btn{color:#38bdf8b3;letter-spacing:.5px;text-transform:uppercase;z-index:2;background:#38bdf814;border:1px solid #38bdf833;border-radius:20px;align-items:center;gap:.4rem;width:fit-content;margin-top:.75rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative}.relic-link-btn:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf880;transform:translateY(-2px);box-shadow:0 4px 15px #38bdf826,0 0 20px #38bdf814}.relic-theme-pixel .pixel-grid-overlay{opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.relic-theme-pixel:hover .pixel-grid-overlay{opacity:1}.relic-theme-pixel .paleocapa-pixel-art{opacity:.12;filter:saturate(.5);width:70px;height:auto;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:-5px;right:10px}.relic-theme-pixel:hover .paleocapa-pixel-art{opacity:.45;filter:saturate();transform:translateY(-8px)}.relic-theme-pixel:hover{border-color:#8b5c2a80;box-shadow:0 15px 30px #0009,0 0 20px #8b5c2a26,inset 0 0 30px #8b5c2a08}.relic-theme-pixel:hover .relic-icon-wrapper{border-color:#8b5c2a80;border-radius:4px;box-shadow:inset 0 0 10px #00000080,0 0 10px #8b5c2a33}.relic-theme-pixel:hover .relic-icon-svg{color:#c9944a}.relic-theme-pixel:hover .relic-title{color:#dbb778}.relic-theme-pixel:hover .relic-tech-tag{color:#a0855a;border-color:#8b5c2a66}.relic-theme-honey .honeycomb-pattern{opacity:.2;width:120px;height:auto;transition:opacity .5s;position:absolute;top:-5px;left:-5px}.relic-theme-honey:hover .honeycomb-pattern{opacity:.6}.relic-theme-honey:hover .honeycomb-pattern .hex{animation:2s ease-in-out infinite hexPulse}.hex-0{animation-delay:0s}.hex-1{animation-delay:.15s}.hex-2{animation-delay:.3s}.hex-3{animation-delay:.45s}.hex-4{animation-delay:.6s}.hex-5{animation-delay:.75s}.hex-6{animation-delay:.9s}@keyframes hexPulse{0%,to{fill:#fbbf240a}50%{fill:#fbbf2426}}.bees-container{width:100%;height:100%;position:absolute;top:0;left:0}.bee{opacity:0;width:22px;height:auto;transition:opacity .3s;position:absolute}.relic-theme-honey:hover .bee{opacity:.7}.bee-0{animation:4s ease-in-out infinite beeFly0;top:15%;right:12%}.bee-1{animation:5s ease-in-out .5s infinite beeFly1;top:55%;right:25%}.bee-2{animation:3.5s ease-in-out 1s infinite beeFly2;bottom:20%;right:8%}@keyframes beeFly0{0%,to{transform:translate(0)rotate(-5deg)}25%{transform:translate(-10px,-8px)rotate(5deg)}50%{transform:translate(-5px,5px)rotate(-3deg)}75%{transform:translate(8px,-3px)rotate(8deg)}}@keyframes beeFly1{0%,to{transform:translate(0)rotate(3deg)}33%{transform:translate(12px,-10px)rotate(-5deg)}66%{transform:translate(-8px,6px)rotate(6deg)}}@keyframes beeFly2{0%,to{transform:translate(0)rotate(-3deg)}50%{transform:translate(-15px,-8px)rotate(10deg)}}.bee-wing-l,.bee-wing-r{animation:.15s ease-in-out infinite alternate wingFlap}.bee-wing-r{animation-delay:75ms}@keyframes wingFlap{0%{opacity:.3;transform:scaleY(.8)}to{opacity:.6;transform:scaleY(1.1)}}.relic-theme-honey:hover{border-color:#fbbf2459;box-shadow:0 15px 30px #0009,0 0 20px #fbbf241a}.relic-theme-honey:hover .relic-icon-wrapper{border-color:#fbbf2466;box-shadow:inset 0 0 10px #00000080,0 0 10px #fbbf2426}.relic-theme-honey:hover .relic-icon-svg{color:#fbbf24}.relic-theme-honey:hover .relic-title{color:#fcd34d}.relic-theme-honey:hover .relic-tech-tag{color:#d4a017;border-color:#fbbf244d}.relic-theme-honey:hover .relic-algae{background:radial-gradient(circle at 0 100%,#7850001a 0%,#0000 50%)}.relic-theme-music .sound-wave{opacity:.15;width:80%;height:30px;transition:opacity .5s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.relic-theme-music:hover .sound-wave{opacity:.5}.relic-theme-music:hover .wave-bar{animation:.8s ease-in-out infinite alternate waveBarBounce}.bar-0{animation-delay:0s!important}.bar-1{animation-delay:40ms!important}.bar-2{animation-delay:80ms!important}.bar-3{animation-delay:.12s!important}.bar-4{animation-delay:.16s!important}.bar-5{animation-delay:.2s!important}.bar-6{animation-delay:.24s!important}.bar-7{animation-delay:.28s!important}.bar-8{animation-delay:.32s!important}.bar-9{animation-delay:.36s!important}.bar-10{animation-delay:.4s!important}.bar-11{animation-delay:.44s!important}.bar-12{animation-delay:.48s!important}.bar-13{animation-delay:.52s!important}.bar-14{animation-delay:.56s!important}.bar-15{animation-delay:.6s!important}.bar-16{animation-delay:.64s!important}.bar-17{animation-delay:.68s!important}.bar-18{animation-delay:.72s!important}.bar-19{animation-delay:.76s!important}@keyframes waveBarBounce{0%{opacity:.3;transform:scaleY(.4)}to{opacity:.7;transform:scaleY(1.4)}}.notes-container{width:100%;height:100%;position:absolute;top:0;left:0}.floating-note{color:#a855f766;opacity:0;pointer-events:none;font-size:1.1rem;transition:opacity .3s;position:absolute}.relic-theme-music:hover .floating-note{opacity:1;animation:3s ease-in-out infinite noteFloat}.note-0{font-size:1rem;animation-delay:0s;top:20%;right:10%}.note-1{font-size:1.3rem;animation-delay:.6s;top:10%;right:20%}.note-2{font-size:.9rem;animation-delay:1.2s;top:45%;right:5%}.note-3{font-size:1.1rem;animation-delay:1.8s;top:55%;right:30%}.note-4{font-size:1rem;animation-delay:2.4s;top:70%;right:15%}@keyframes noteFloat{0%{opacity:0;transform:translateY(0)rotate(0)}15%{opacity:.7}85%{opacity:.5}to{opacity:0;transform:translateY(-40px)rotate(15deg)translate(10px)}}.relic-theme-music:hover{border-color:#a855f759;box-shadow:0 15px 30px #0009,0 0 25px #a855f71f}.relic-theme-music:hover .relic-icon-wrapper{border-color:#a855f766;box-shadow:inset 0 0 10px #00000080,0 0 12px #a855f733}.relic-theme-music:hover .relic-icon-svg{color:#a855f7}.relic-theme-music:hover .relic-title{color:#c084fc}.relic-theme-music:hover .relic-tech-tag{color:#9061c2;border-color:#a855f74d}.relic-theme-dare .spin-wheel{opacity:.12;width:72px;height:72px;transition:all .5s;position:absolute;bottom:8px;right:10px}.relic-theme-dare:hover .spin-wheel{opacity:.5;animation:8s linear infinite wheelSpin}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.relic-theme-dare:hover .wheel-pointer{fill:#22d3eeb3}.relic-theme-dare:hover .wheel-seg{animation:2s ease-in-out infinite alternate segGlow}.seg-0{animation-delay:0s}.seg-1{animation-delay:.25s}.seg-2{animation-delay:.5s}.seg-3{animation-delay:.75s}.seg-4{animation-delay:1s}.seg-5{animation-delay:1.25s}.seg-6{animation-delay:1.5s}.seg-7{animation-delay:1.75s}@keyframes segGlow{0%{opacity:.6}to{opacity:1}}.symbols-container{width:100%;height:100%;position:absolute;top:0;left:0}.floating-symbol{font-family:var(--font-display);color:#22d3ee4d;opacity:0;pointer-events:none;font-weight:700;transition:opacity .3s;position:absolute}.relic-theme-dare:hover .floating-symbol{opacity:1;animation:2.5s ease-in-out infinite symbolBob}.symbol-0{color:#22d3ee59;font-size:1.4rem;animation-delay:0s;top:15%;right:8%}.symbol-1{color:#2dd4bf59;font-size:1rem;animation-delay:.5s;top:8%;right:22%}.symbol-2{color:#22d3ee4d;font-size:1.1rem;animation-delay:1s;top:40%;right:4%}.symbol-3{color:#2dd4bf4d;font-size:.9rem;animation-delay:1.5s;top:50%;right:28%}.symbol-4{color:#22d3ee40;font-size:1.2rem;animation-delay:2s;top:65%;right:12%}@keyframes symbolBob{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:.9;transform:translateY(-12px)scale(1.15)}}.relic-theme-dare:hover{border-color:#22d3ee4d;box-shadow:0 15px 30px #0009,0 0 20px #22d3ee1a}.relic-theme-dare:hover .relic-icon-wrapper{border-color:#22d3ee59;box-shadow:inset 0 0 10px #00000080,0 0 10px #22d3ee26}.relic-theme-dare:hover .relic-icon-svg{color:var(--bio-cyan,#22d3ee)}.relic-theme-dare:hover .relic-title{color:#67e8f9}.relic-theme-dare:hover .relic-tech-tag{color:#22a0b8;border-color:#22d3ee40}.relic-theme-party .shot-glass{opacity:.15;width:28px;height:auto;transition:all .5s;position:absolute;bottom:12px;right:16px}.relic-theme-party:hover .shot-glass{opacity:.6;transform:translateY(-4px)}.relic-theme-party:hover .shot-liquid{animation:1.5s ease-in-out infinite liquidSlosh}@keyframes liquidSlosh{0%,to{transform:translate(0)skew(0)}25%{transform:translate(1px)skew(2deg)}75%{transform:translate(-1px)skew(-2deg)}}.cards-container{width:100%;height:100%;position:absolute;top:0;left:0}.mini-card{opacity:0;background:#ef44440f;border:1px solid #ef444433;border-radius:3px;justify-content:center;align-items:center;width:26px;height:34px;font-size:.85rem;transition:opacity .4s;display:flex;position:absolute}.relic-theme-party:hover .mini-card{opacity:1}.mini-card-0{animation:3s ease-in-out infinite cardFloat0;top:12%;right:8%;transform:rotate(-10deg)}.mini-card-1{animation:3.5s ease-in-out .4s infinite cardFloat1;top:35%;right:20%;transform:rotate(8deg)}.mini-card-2{animation:2.8s ease-in-out .8s infinite cardFloat2;top:55%;right:6%;transform:rotate(-5deg)}@keyframes cardFloat0{0%,to{transform:rotate(-10deg)translateY(0)}50%{transform:rotate(-6deg)translateY(-8px)}}@keyframes cardFloat1{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(12deg)translateY(-6px)}}@keyframes cardFloat2{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-10px)}}.relic-theme-party:hover{border-color:#ef444459;box-shadow:0 15px 30px #0009,0 0 25px #ef44441a}.relic-theme-party:hover .relic-icon-wrapper{border-color:#ef444466;box-shadow:inset 0 0 10px #00000080,0 0 10px #ef444426}.relic-theme-party:hover .relic-icon-svg{color:#ef4444}.relic-theme-party:hover .relic-title{color:#fca5a5}.relic-theme-party:hover .relic-tech-tag{color:#b94040;border-color:#ef44444d}@media (width<=768px){.relics-scatter-container{gap:1.5rem}.relic-card{width:100%;max-width:340px}.relic-0{transform:rotate(-1.5deg)translateY(5px)}.relic-1{transform:rotate(2deg)translateY(-8px)}.relic-2{transform:rotate(-1deg)translateY(3px)}.relic-3{transform:rotate(2.5deg)translateY(8px)}.relic-4{transform:rotate(-2deg)translateY(-5px)}}.contact-section{padding-top:calc(var(--space-section) + 60px)}.pda-device{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:1.5rem;max-width:600px;margin:4rem auto 0;padding:1.5rem;transition:transform .3s;transform:perspective(1000px)rotateX(2deg);box-shadow:0 20px 40px #000c,inset 0 2px 5px #ffffff1a,inset 0 -5px 15px #00000080}.pda-device:hover{transform:perspective(1000px)rotateX(0)}.pda-bezel{background:#020617;border-radius:.75rem;padding:10px;position:relative;box-shadow:inset 0 0 20px #000}.pda-screen{background:#061f2f;border-radius:4px;flex-direction:column;min-height:350px;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0ea5e933}.pda-scanlines{pointer-events:none;z-index:10;background:repeating-linear-gradient(#0000,#0000 2px,#0ea5e90d 3px,#0000 4px);position:absolute;inset:0}.pda-header{font-family:var(--font-mono);color:var(--bio-cyan);border-bottom:1px solid #0ea5e94d;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:.75rem;display:flex}.pda-title{flex:1}.pda-status{color:#4ade80;animation:2s infinite pulse}.pda-tabs{gap:1rem;margin-bottom:2rem;display:flex}.pda-tab{color:#64748b;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:.9rem;transition:all .3s}.pda-tab:hover{color:#94a3b8}.pda-tab.active{color:var(--bio-cyan);text-shadow:0 0 10px var(--bio-cyan)}.pda-content{font-family:var(--font-mono);color:#38bdf8;flex-direction:column;flex:1;display:flex}.pda-log-text{margin:0 0 .75rem;line-height:1.5;animation:.5s ease-out both typeWriter}.pda-delay-1{animation-delay:.3s}.pda-delay-2{animation-delay:.6s}.pda-delay-3{animation-delay:1.2s}@keyframes typeWriter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.pda-btn{border:1px solid var(--bio-cyan);color:var(--bio-cyan);text-align:center;background:#0ea5e91a;border-radius:4px;margin-top:auto;padding:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 0 10px #0ea5e933}.pda-btn:hover{background:var(--bio-cyan);color:#020617;box-shadow:0 0 20px var(--bio-cyan)}.pda-network-links{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.pda-network-link{border-left:2px solid var(--bio-cyan);color:#bae6fd;background:#0ea5e90d;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.pda-network-link:hover{color:#fff;background:#0ea5e926;padding-left:1.5rem}.contact-cta{text-align:center;align-items:center;gap:var(--space-lg);padding:var(--space-3xl) var(--space-xl);flex-direction:column;display:flex}.contact-cta-icon{color:var(--bio-cyan);filter:drop-shadow(0 0 12px #22d3ee80)}.contact-cta-title{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--text-primary)}.contact-email{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--bio-cyan);word-break:break-all}.contact-socials{gap:var(--space-lg);flex-direction:column;display:flex}.contact-socials-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-secondary)}.contact-social-links{gap:var(--space-md);flex-direction:column;display:flex}.contact-social-link{align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-base);transition:all var(--transition-base);cursor:pointer;text-decoration:none;display:flex}.contact-social-link:hover{color:var(--bio-cyan);border-color:#22d3ee4d;transform:translate(8px)}.contact-social-link svg{color:var(--bio-cyan);flex-shrink:0}@media (width<=768px){.contact-grid{grid-template-columns:1fr}}.credits-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#020814d9;justify-content:center;align-items:center;animation:.3s ease-out creditsFadeIn;display:flex;position:fixed;inset:0}@keyframes creditsFadeIn{0%{opacity:0}to{opacity:1}}.credits-modal{border-radius:var(--radius-lg);background:#0a192fe6;border:1px solid #22d3ee4d;width:min(450px,90vw);animation:.4s cubic-bezier(.175,.885,.32,1.275) creditsScaleIn;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 20px #22d3ee1a}@keyframes creditsScaleIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.credits-header{background:#22d3ee0d;border-bottom:1px solid #22d3ee1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.credits-title-box{align-items:center;gap:.75rem;display:flex}.credits-icon{color:var(--bio-cyan)}.credits-title{font-family:var(--font-mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--bio-cyan);font-weight:600}.credits-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.credits-close:hover{color:var(--text-primary);background:#ffffff0d}.credits-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.credits-section{flex-direction:column;gap:.75rem;display:flex}.credits-section-title{font-family:var(--font-mono);text-transform:uppercase;color:var(--bio-teal);letter-spacing:.05em;opacity:.8;margin:0;font-size:.7rem}.credits-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.credits-item{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:.4rem;padding-bottom:.75rem;display:flex}.credits-item:last-child{border-bottom:none;padding-bottom:0}.credits-item-main{align-items:baseline;gap:.5rem;display:flex}.credits-asset-name{color:var(--text-primary);font-weight:600;font-size:var(--fs-md)}.credits-author{font-size:var(--fs-sm);color:var(--text-secondary)}.credits-item-links{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.2rem;display:flex}.credits-license{font-size:.65rem;font-family:var(--font-mono);color:var(--bio-teal);background:#22d3ee1a;border-radius:4px;padding:.1rem .4rem}.credits-link{color:var(--bio-cyan);align-items:center;gap:.25rem;font-size:.75rem;text-decoration:none;transition:color .2s;display:flex}.credits-link:hover{color:var(--text-primary);text-decoration:underline}.credits-asset-desc{font-size:var(--fs-sm);color:var(--text-secondary);margin:0;line-height:1.5}.credits-footer-text{font-size:var(--fs-xs);color:var(--bio-teal);text-align:center;opacity:.7;margin-top:1rem;font-style:italic}.abyss-section{min-height:60vh;padding-bottom:var(--space-3xl);flex-direction:column;justify-content:flex-end}.abyss-content{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.abyss-question{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--text-muted);font-style:italic;font-weight:300;animation:4s ease-in-out infinite pulse}.abyss-line{background:linear-gradient(#22d3ee33,#0000);width:1px;height:60px}.abyss-secret{font-family:var(--font-mono);font-size:var(--fs-xs);color:#22d3ee4d;opacity:0;max-width:300px;animation:fadeInUp 2s var(--ease-out) 1s forwards}.abyss-credits{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);opacity:.4;margin-top:var(--space-xl)}.credits-trigger-btn{color:var(--bio-teal);border-radius:var(--radius-full);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;margin-top:var(--space-md);background:#22d3ee0d;border:1px solid #22d3ee1a;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;transition:all .3s;display:flex}.credits-trigger-btn:hover{color:var(--bio-cyan);background:#22d3ee26;border-color:#22d3ee66;box-shadow:0 0 15px #22d3ee1a}.hadal-trigger-container{flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;display:flex}.hadal-initiate-btn{border:1px solid var(--bio-cyan);color:var(--bio-cyan);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;border-radius:4px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 15px #22d3ee33}.hadal-initiate-btn:hover{background:var(--bio-cyan);color:#fff;transform:translateY(-2px);box-shadow:0 0 30px #22d3ee99}.hadal-warning{font-size:.65rem;font-family:var(--font-mono);color:#ef4444;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin:0}.hadal-active-status{color:var(--bio-cyan);font-family:var(--font-mono);letter-spacing:.05em;opacity:.9;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;font-size:.75rem;display:flex}.spinning-compass{color:var(--bio-cyan);width:24px;height:24px;animation:8s linear infinite compassSpin}@keyframes compassSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:2s infinite btnPulse}@keyframes btnPulse{0%{box-shadow:0 0 #22d3ee66}70%{box-shadow:0 0 0 15px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}.btn-icon,.btn-icon-end{width:14px;height:14px}.hadal-hud{pointer-events:none;z-index:50;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crushing-pressure .hadal-vignette{animation:4s infinite alternate pressurePulse;box-shadow:inset 0 0 150px 50px #000000f2}@keyframes pressurePulse{0%{opacity:.7}to{opacity:1}}.pressure-cracks{z-index:100;opacity:.4;filter:drop-shadow(0 0 5px #ffffff1a);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pressure-cracks img{object-fit:cover;width:100vw;height:100vh}.cinematic-achievement{z-index:200;pointer-events:none;background:radial-gradient(circle,#22d3ee1a 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;animation:.8s cubic-bezier(.4,0,.2,1) achievementFadeIn;display:flex;position:fixed;inset:0}@keyframes achievementFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.achievement-scanline{background:var(--bio-cyan);width:100%;height:2px;box-shadow:0 0 20px var(--bio-cyan);animation:1.5s ease-out forwards scanlineMove;position:absolute;top:50%;left:0}@keyframes scanlineMove{0%{opacity:0;transform:translateY(-100px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(100px)}}.achievement-label{font-family:var(--font-mono);letter-spacing:.4em;color:var(--bio-cyan);text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-size:.8rem}.achievement-title{font-family:var(--font-display);color:#fff;letter-spacing:.1em;text-shadow:0 0 20px #22d3ee80;text-transform:uppercase;font-size:2.5rem;font-weight:300}.hadal-emergency-alert{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#dc262626;border:1px solid #dc262680;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;max-width:500px;padding:2rem;animation:1.5s infinite alertPulse;display:flex}@keyframes alertPulse{0%{transform:scale(1);box-shadow:0 0 20px #dc262633}50%{transform:scale(1.02);box-shadow:0 0 40px #dc262666}to{transform:scale(1);box-shadow:0 0 20px #dc262633}}.alert-icon-pulse{color:#ef4444;width:32px;height:32px}.alert-text{color:#fca5a5;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.9rem;line-height:1.5}.resurface-container{pointer-events:auto;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.resurface-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 30px #fff6}.resurface-btn:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 0 50px #fff9}.hadal-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px 20px #00000080}