:root{--color-navy:#011329;--color-navy-dark:#000a18;--color-navy-light:#0a2440;--color-golden:#ffaf00;--color-golden-light:#ffc333;--color-golden-dark:#cc8c00;--color-teal:#3c7f72;--color-teal-light:#4a9d8c;--color-teal-dark:#2d5f55;--color-cream:#f4ddb5;--color-cream-light:#f8e9d0;--color-cream-dark:#e6c78f;--color-coral:#d34a24;--color-hotpink:#ff0266;--color-gold-hover:gold;--color-spotify-green:#1db954;--color-spotify-green-light:#1ed760;--font-body:"Livvic",sans-serif;--font-heading:"Chakra Petch",sans-serif;--font-pixel:"Press Start 2P",system-ui;--font-script:"Yellowtail",cursive;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-8:64px;--shadow-card:0 8px 30px #0006;--shadow-header:0 3px 10px #0000004d;--shadow-hover:0 10px 20px #0003;--radius-sm:8px;--radius-md:15px;--radius-lg:20px;--radius-full:50%;--transition-fast:0.2s ease;--transition-normal:0.4s ease;--transition-slow:0.8s ease;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out-smooth:cubic-bezier(0.4,0,0.2,1);--gradient-space:linear-gradient(180deg,#011329,#012040 40%,#0a2d4d 70%,#011329);--gradient-golden-glow:radial-gradient(circle,#ffaf0026 0%,#3c7f721a 40%,#0000 70%);--gradient-card:linear-gradient(135deg,#ffaf0014,#3c7f720d);--gradient-card-hover:linear-gradient(135deg,#ffaf0026,#3c7f721a);--gradient-synthwave:linear-gradient(180deg,#ff0266,#ffaf00 50%,#3c7f72);--gradient-footer:linear-gradient(180deg,#0000,#011329);--glow-golden:0 0 20px #ffaf004d;--glow-golden-strong:0 0 30px #ffaf0080;--glow-teal:0 0 20px #3c7f724d;--glow-text-golden:0 0 10px #ffaf0080,0 0 20px #ffaf004d;--glass-bg:#011329b3;--glass-border:#ffaf0026;--glass-blur:blur(12px);--z-base:1;--z-overlay:100;--z-modal:500;--z-header:1000;--z-tooltip:1500}.star-field{animation:twinkle 4s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffaf00cc,#0000),radial-gradient(2px 2px at 40px 70px,#3c7f7299,#0000),radial-gradient(1px 1px at 90px 40px,#f4ddb5b3,#0000),radial-gradient(2px 2px at 130px 80px,#ffaf0080,#0000),radial-gradient(1px 1px at 160px 120px,#3c7f7299,#0000),radial-gradient(2px 2px at 200px 50px,#f4ddb566,#0000),radial-gradient(1px 1px at 250px 150px,#ffaf0099,#0000),radial-gradient(2px 2px at 300px 90px,#3c7f7280,#0000),radial-gradient(1px 1px at 350px 200px,#f4ddb580,#0000),radial-gradient(2px 2px at 50px 250px,#ffaf0066,#0000),radial-gradient(1px 1px at 150px 300px,#3c7f7299,#0000),radial-gradient(2px 2px at 280px 350px,#f4ddb580,#0000);background-size:400px 400px;bottom:0;left:0;right:0;top:0;z-index:0}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:1}}.glow-orb{animation:pulse-glow 3s ease-in-out infinite;background:var(--gradient-golden-glow);border-radius:50%;filter:blur(40px);height:300px;pointer-events:none;position:absolute;width:300px;z-index:0}.glow-orb--top-right{right:-20%;top:20%}.glow-orb--bottom-left{bottom:20%;left:-20%}.glow-orb--small{height:150px;width:150px}.float{animation:float 4s ease-in-out infinite}.float--slow{animation-duration:6s}.float--fast{animation-duration:2.5s}.shimmer-hover{overflow:hidden;position:relative}.shimmer-hover:before{background:linear-gradient(90deg,#0000,#ffaf001a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%}.shimmer-hover:hover:before{left:100%}.slide-in{animation:slide-in-right .5s var(--ease-out-expo) forwards;opacity:0;transform:translateX(-30px)}.slide-in--from-bottom{animation-name:slide-in-up;transform:translateY(30px)}.slide-in--from-right{animation-name:slide-in-left;transform:translateX(30px)}@keyframes slide-in-right{to{opacity:1;transform:translateX(0)}}@keyframes slide-in-left{to{opacity:1;transform:translateX(0)}}.fade-in{animation:fade-in .6s var(--ease-in-out-smooth) forwards;opacity:0}.scale-in{animation:scale-in .5s var(--ease-out-back) forwards;opacity:0;transform:scale(.9)}@keyframes scale-in{to{opacity:1;transform:scale(1)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.glass-card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.glass-card--hover:hover{background:var(--gradient-card-hover);border-color:#ffaf0066;box-shadow:var(--glow-golden)}.golden-underline{display:inline-block;position:relative}.golden-underline:after{background:linear-gradient(90deg,var(--color-golden),var(--color-teal));bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .4s var(--ease-out-expo);width:0}.golden-underline.active:after,.golden-underline:hover:after{width:100%}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s var(--ease-in-out-smooth),transform .6s var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal--left{transform:translateX(-30px)}.reveal--left.visible{transform:translateX(0)}.reveal--right{transform:translateX(30px)}.reveal--right.visible{transform:translateX(0)}.reveal--scale{transform:scale(.95)}.reveal--scale.visible{transform:scale(1)}.glow-button{background:var(--color-golden);border:none;border-radius:var(--radius-sm);color:var(--color-navy);cursor:pointer;font-family:var(--font-heading);font-weight:600;overflow:hidden;padding:12px 32px;position:relative;transition:all .3s ease}.glow-button:hover{background:var(--color-golden-light);box-shadow:var(--glow-golden-strong);transform:translateY(-2px)}.glow-button:active{transform:translateY(0)}.icon-glow{transition:all .3s ease}.icon-glow:hover{filter:drop-shadow(var(--glow-golden));transform:scale(1.1)}.animated-border{position:relative}.animated-border:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(45deg,var(--color-golden),var(--color-teal),var(--color-golden));background-size:400% 400%;border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.animated-border:hover:before{opacity:1}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:var(--color-navy);color:#fff;font-family:var(--font-body);margin:0;padding:0}.app,body{min-height:100vh;overflow-x:hidden}.app{width:100%}.main-content{margin:0 auto;max-width:1200px}.header{background-color:var(--color-golden);box-shadow:var(--shadow-header);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-inner{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:12px 16px;width:100%}.logo{color:var(--color-teal);flex-shrink:0;font-family:var(--font-heading);font-size:1.5rem;font-weight:600;text-decoration:none;z-index:1001}.logo:hover{color:var(--color-teal-dark)}.desktop-nav{display:flex;gap:var(--space-5)}.desktop-nav a{color:var(--color-navy);font-family:var(--font-body);font-size:1rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.desktop-nav a:hover{color:var(--color-teal)}.hamburger{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:44px;justify-content:center;margin:0;padding:0;width:44px;z-index:1002}.hamburger-line{background-color:var(--color-navy);border-radius:2px;display:block;height:2px;transform-origin:center;transition:transform .3s ease,opacity .3s ease,background-color .3s ease;width:24px}.hamburger.active .hamburger-line{background-color:var(--color-golden)}.hamburger.active .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav,.mobile-nav-overlay{display:none}@media (max-width:768px){.header{left:0;position:fixed;right:0;top:0;transition:background-color .3s ease}.header:has(.mobile-nav.open){background-color:initial;box-shadow:none}.header-inner{padding:12px 20px}.desktop-nav{display:none}.hamburger{display:flex}.mobile-nav-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:block;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;z-index:998}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav{background:linear-gradient(180deg,#011329,#012040 40%,#0a2d4d 70%,#011329);bottom:0;display:flex;flex-direction:column;left:0;opacity:0;overflow:hidden;padding:100px 24px 40px;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease;z-index:999}.mobile-nav.open{opacity:1;transform:translateY(0)}.nav-stars{animation:twinkle 4s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffaf00cc,#0000),radial-gradient(2px 2px at 40px 70px,#3c7f7299,#0000),radial-gradient(1px 1px at 90px 40px,#f4ddb5b3,#0000),radial-gradient(2px 2px at 130px 80px,#ffaf0080,#0000),radial-gradient(1px 1px at 160px 120px,#3c7f7299,#0000),radial-gradient(2px 2px at 200px 50px,#f4ddb566,#0000),radial-gradient(1px 1px at 250px 150px,#ffaf0099,#0000),radial-gradient(2px 2px at 300px 90px,#3c7f7280,#0000),radial-gradient(1px 1px at 350px 200px,#f4ddb580,#0000),radial-gradient(2px 2px at 50px 250px,#ffaf0066,#0000),radial-gradient(1px 1px at 150px 300px,#3c7f7299,#0000),radial-gradient(2px 2px at 280px 350px,#f4ddb580,#0000);background-size:400px 400px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:1}}.nav-glow{animation:pulse-glow 3s ease-in-out infinite;background:radial-gradient(circle,#ffaf0026 0,#3c7f721a 40%,#0000 70%);border-radius:50%;filter:blur(40px);height:300px;pointer-events:none;position:absolute;right:-20%;top:20%;width:300px}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.nav-astronaut{animation:float-nav 4s ease-in-out infinite;bottom:15%;filter:drop-shadow(0 0 20px rgba(255,175,0,.3));height:auto;opacity:.4;pointer-events:none;position:absolute;right:10%;width:80px}@keyframes float-nav{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.nav-links-container{display:flex;flex-direction:column;gap:8px;margin-top:20px;z-index:1}.nav-link{align-items:center;animation:slide-in .5s ease forwards;background:linear-gradient(135deg,#ffaf0014,#3c7f720d);border:1px solid #ffaf0026;border-radius:12px;display:flex;gap:16px;opacity:0;overflow:hidden;padding:20px;position:relative;text-decoration:none;transform:translateX(-30px);transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#ffaf001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:active:before,.nav-link:hover:before{left:100%}.nav-link:active,.nav-link:hover{background:linear-gradient(135deg,#ffaf0026,#3c7f721a);border-color:#ffaf0066;box-shadow:0 4px 20px #ffaf0026;transform:translateX(8px)}@keyframes slide-in{to{opacity:1;transform:translateX(0)}}.nav-link-number{color:var(--color-teal);font-family:var(--font-heading);font-size:.75rem;min-width:24px;opacity:.7}.nav-link-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.nav-link-label{color:var(--color-golden);font-family:var(--font-heading);font-size:1.5rem;font-weight:600;letter-spacing:.02em}.nav-link-subtitle{color:var(--color-cream);font-family:var(--font-body);font-size:.875rem;opacity:.6}.nav-link-arrow{color:var(--color-teal);font-size:1.25rem;opacity:0;transform:translateX(-10px);transition:all .3s ease}.nav-link:active .nav-link-arrow,.nav-link:hover .nav-link-arrow{opacity:1;transform:translateX(0)}.nav-footer{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:40px;z-index:1}.nav-line{background:linear-gradient(90deg,#0000,var(--color-golden),#0000);height:2px;width:60px}.nav-tagline{color:var(--color-cream);font-family:var(--font-script);font-size:1rem;letter-spacing:.1em;opacity:.5}}@media (max-width:480px){.header-inner{padding:10px 16px}.logo{font-size:1.25rem}.mobile-nav{padding:80px 16px 30px}.nav-link{gap:12px;padding:16px}.nav-link-label{font-size:1.25rem}.nav-link-subtitle{font-size:.75rem}.nav-astronaut{bottom:10%;right:5%;width:60px}}.hero{align-items:center;background:var(--gradient-space);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.star-field{inset:0;pointer-events:none;position:absolute;z-index:1}.stars{background-repeat:repeat;height:100%;position:absolute;width:100%}.stars--small{animation:twinkle-random 3s ease-in-out infinite;background-image:radial-gradient(1.5px 1.5px at 50px 160px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1.5px 1.5px at 130px 80px,#ffffffe6,#0000),radial-gradient(1px 1px at 200px 220px,#fffc,#0000),radial-gradient(1.5px 1.5px at 250px 30px,#fff,#0000),radial-gradient(1px 1px at 300px 150px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 380px 200px,#fff,#0000),radial-gradient(1px 1px at 420px 100px,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 500px 250px,#fff,#0000),radial-gradient(1px 1px at 550px 50px,#fffc,#0000),radial-gradient(1.5px 1.5px at 620px 180px,#fff,#0000),radial-gradient(1px 1px at 700px 120px,#ffffffb3,#0000);background-size:750px 300px}.stars--medium{animation:twinkle-random 4s ease-in-out .5s infinite;background-image:radial-gradient(2px 2px at 100px 250px,#ffaf00e6,#0000),radial-gradient(2px 2px at 200px 100px,#fff,#0000),radial-gradient(2px 2px at 350px 200px,#3c7f72e6,#0000),radial-gradient(2px 2px at 450px 300px,#fff,#0000),radial-gradient(2px 2px at 550px 150px,#ffaf00cc,#0000),radial-gradient(2px 2px at 650px 50px,#fff,#0000),radial-gradient(2px 2px at 80px 320px,#d34a24b3,#0000),radial-gradient(2px 2px at 500px 80px,#3c7f72cc,#0000);background-size:700px 350px}.stars--large{animation:twinkle-pop 6s ease-in-out infinite;background-image:radial-gradient(3px 3px at 150px 200px,#ffaf00,#0000),radial-gradient(3px 3px at 400px 100px,#3c7f72,#0000),radial-gradient(3px 3px at 600px 300px,#fff,#0000),radial-gradient(2.5px 2.5px at 250px 350px,#d34a24e6,#0000),radial-gradient(3px 3px at 50px 150px,#ffaf00e6,#0000);background-size:800px 400px}@keyframes twinkle-random{0%,to{opacity:1}25%{opacity:.6}50%{opacity:.9}75%{opacity:.4}}@keyframes twinkle-pop{0%,to{opacity:.7;transform:scale(1)}10%{opacity:1;transform:scale(1.3)}20%{opacity:.5;transform:scale(1)}50%{opacity:.8}70%{opacity:1;transform:scale(1.2)}80%{opacity:.6;transform:scale(1)}}.shooting-star{background:linear-gradient(90deg,#ffaf0000,#ffaf00,#fff);border-radius:50%;height:2px;opacity:0;position:absolute;width:120px}.shooting-star--1{animation:shoot-1 6s ease-in-out infinite;left:-120px;top:15%}.shooting-star--2{animation:shoot-2 9s ease-in-out 3s infinite;background:linear-gradient(90deg,#3c7f7200,#3c7f72,#fff);left:-120px;top:40%;width:80px}.shooting-star--3{animation:shoot-3 12s ease-in-out 7s infinite;background:linear-gradient(90deg,#d34a2400,#d34a24,#fff);left:-120px;top:70%;width:60px}@keyframes shoot-1{0%{left:-120px;opacity:0;top:15%;transform:rotate(15deg)}2%{opacity:1}12%{left:110%;opacity:0;top:35%}to{left:110%;opacity:0}}@keyframes shoot-2{0%{left:-80px;opacity:0;top:25%;transform:rotate(20deg)}3%{opacity:1}15%{left:110%;opacity:0;top:50%}to{left:110%;opacity:0}}@keyframes shoot-3{0%{left:-60px;opacity:0;top:60%;transform:rotate(10deg)}2%{opacity:1}10%{left:110%;opacity:0;top:75%}to{left:110%;opacity:0}}.particle-field{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.particle{animation:particle-float 10s ease-in-out infinite;border-radius:50%;position:absolute}.particle--golden{background:#ffaf00;box-shadow:0 0 6px #ffaf00cc}.particle--teal{background:#3c7f72;box-shadow:0 0 6px #3c7f72cc}.particle--coral{background:#d34a24;box-shadow:0 0 6px #d34a24cc}@keyframes particle-float{0%,to{opacity:.4;transform:translateY(0) translateX(0) scale(1)}25%{opacity:1;transform:translateY(-30px) translateX(15px) scale(1.3)}50%{opacity:.6;transform:translateY(-10px) translateX(-10px) scale(.9)}75%{opacity:.9;transform:translateY(-40px) translateX(20px) scale(1.1)}}.pulse-ring{border:2px solid;border-radius:50%;opacity:0;pointer-events:none;position:absolute}.pulse-ring--1{animation:pulse-burst 8s ease-out infinite;border-color:var(--color-golden);height:80px;left:15%;top:20%;width:80px}.pulse-ring--2{animation:pulse-burst 10s ease-out 4s infinite;border-color:var(--color-teal);bottom:30%;height:60px;right:20%;width:60px}.pulse-ring--3{animation:pulse-burst 12s ease-out 7s infinite;border-color:var(--color-coral);height:50px;left:25%;top:60%;width:50px}@keyframes pulse-burst{0%{opacity:0;transform:scale(.5)}5%{opacity:.8}20%{opacity:0;transform:scale(2.5)}to{opacity:0;transform:scale(2.5)}}.hero-geometrics{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.geo-ring{border:1px solid;border-radius:50%;position:absolute}.geo-ring--1{animation:rotate-slow 50s linear infinite;border-color:#ffaf004d;height:500px;right:-150px;top:5%;width:500px}.geo-ring--2{animation:rotate-slow 40s linear infinite reverse;border-color:#3c7f7240;bottom:10%;height:400px;left:-120px;width:400px}.geo-ring--3{animation:rotate-slow 25s linear infinite;border-color:#d34a2433;height:200px;right:12%;top:55%;width:200px}.geo-ring--4{animation:rotate-slow 35s linear infinite reverse;border-color:#ffaf0040;height:300px;left:-80px;top:15%;width:300px}.geo-circle{border-radius:50%;position:absolute}.geo-circle--1{animation:float-gentle 10s ease-in-out infinite;background:radial-gradient(circle,#ffaf0014 0,#0000 70%);height:150px;right:18%;top:25%;width:150px}.geo-circle--2{animation:float-gentle 8s ease-in-out 2s infinite;background:radial-gradient(circle,#3c7f7214 0,#0000 70%);bottom:30%;height:120px;left:12%;width:120px}.geo-circle--3{animation:float-gentle 12s ease-in-out 4s infinite;background:radial-gradient(circle,#d34a240f 0,#0000 70%);height:100px;left:22%;top:60%;width:100px}.geo-orb{animation:orb-pulse 5s ease-in-out infinite;border-radius:50%;position:absolute}.geo-orb--1{animation-delay:0s;background:var(--color-golden);box-shadow:0 0 12px var(--color-golden),0 0 24px #ffaf0080;height:6px;left:10%;top:35%;width:6px}.geo-orb--2{animation-delay:2s;background:var(--color-teal);bottom:35%;box-shadow:0 0 10px var(--color-teal),0 0 20px #3c7f7280;height:5px;left:6%;width:5px}@keyframes orb-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}@keyframes rotate-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float-gentle{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-20px) scale(1.05)}}.hero-lines{height:100%;position:absolute;transition:transform .1s ease-out;width:auto;z-index:2}.hero-lines--left{animation:lines-pulse-left 5s ease-in-out infinite;left:0;opacity:.35;top:0;transform-origin:center left}.hero-lines--right{animation:lines-pulse-right 6s ease-in-out 2s infinite;opacity:.2;right:0;top:0;transform-origin:center right}@keyframes lines-pulse-left{0%,to{opacity:.25}50%{opacity:.4}}@keyframes lines-pulse-right{0%,to{opacity:.15}50%{opacity:.25}}.hero-glow{border-radius:50%;filter:blur(100px);pointer-events:none;position:absolute;transition:transform .1s ease-out;z-index:1}.hero-glow--primary{animation:pulse-glow 8s ease-in-out infinite;background:radial-gradient(circle,#ffaf0026 0,#0000 70%);height:500px;right:5%;top:5%;width:500px}.hero-glow--secondary{animation:pulse-glow 10s ease-in-out 2s infinite;background:radial-gradient(circle,#3c7f721f 0,#0000 70%);bottom:15%;height:400px;left:0;width:400px}.hero-glow--accent{animation:pulse-glow 12s ease-in-out 4s infinite;background:radial-gradient(circle,#d34a2414 0,#0000 70%);height:300px;left:45%;top:45%;transform:translate(-50%,-50%);width:300px}.hero-glow--left{animation:pulse-glow 7s ease-in-out 1s infinite;background:radial-gradient(circle,#ffaf001a 0,#0000 70%);height:350px;left:-5%;top:25%;width:350px}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-40px) rotate(5deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(35px) rotate(-3deg)}}.floating-astronaut{animation:float 5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,175,0,.3));height:clamp(14rem,25vw,20rem);left:5%;opacity:1;top:10%}.floating-astronaut,.floating-space-right{object-fit:contain;position:absolute;transition:transform .1s ease-out;width:auto;z-index:3}.floating-space-right{animation:float-reverse 7s ease-in-out infinite;bottom:5%;filter:drop-shadow(0 0 15px rgba(60,127,114,.3));height:clamp(12rem,20vw,16rem);opacity:.9;right:3%}.hero-content{align-items:center;display:flex;flex-direction:column;padding:var(--space-4);position:relative;text-align:center;z-index:10}.hero-title{margin:0}.hero-name{align-items:center;display:flex;flex-direction:column;line-height:1;overflow:visible}.hero-name--jake{animation:glow-pulse 3s ease-in-out infinite;color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(5rem,15vw,12rem);font-weight:700;letter-spacing:-.02em;text-shadow:0 0 10px #ffaf0066,0 0 20px #ffaf0033}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px #ffaf0066,0 0 20px #ffaf0033}50%{text-shadow:0 0 20px #ffaf00cc,0 0 40px #ffaf0066,0 0 60px #ffaf0033}}.hero-name--lately{-webkit-text-fill-color:#0000;animation:lately-shimmer 4s ease-in-out infinite;background:linear-gradient(135deg,var(--color-teal) 0,var(--color-teal-light) 40%,var(--color-cream) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(60,127,114,.3));font-family:var(--font-heading);font-size:clamp(3rem,10vw,8rem);font-weight:500;letter-spacing:.05em;margin-top:-.1em;padding-bottom:.1em}@keyframes lately-shimmer{0%,to{filter:drop-shadow(0 0 15px rgba(60,127,114,.3))}50%{filter:drop-shadow(0 0 30px rgba(60,127,114,.5))}}.hero-tagline-wrapper{margin-top:var(--space-5);overflow:hidden}.hero-tagline{color:var(--color-cream);font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.5rem);letter-spacing:.02em;margin:0;opacity:.9}.tagline-text{animation:slide-in-up 1s var(--ease-out-expo) .3s both;display:inline-block}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-links{align-items:center;animation:fade-in 1s ease-out .5s both;display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-5);width:100%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hero-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#011329b3;border:1px solid #ffaf0066;border-radius:var(--radius-sm);color:var(--color-cream);display:inline-flex;font-family:var(--font-heading);font-size:1rem;font-weight:500;gap:var(--space-2);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;transition:all .3s ease}.hero-link:before{background:linear-gradient(90deg,#0000,#ffaf0026,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hero-link:hover:before{left:100%}.hero-link:hover{background:#ffaf0026;border-color:var(--color-golden);box-shadow:0 0 25px #ffaf004d;color:var(--color-golden);transform:translateY(-3px)}.hero-link--alt{border-color:#3c7f7266}.hero-link--alt:before{background:linear-gradient(90deg,#0000,#3c7f7226,#0000)}.hero-link--alt:hover{background:#3c7f7226;border-color:var(--color-teal);box-shadow:0 0 25px #3c7f724d;color:var(--color-teal)}.hero-link-icon{font-family:JetBrains Mono,monospace;font-weight:600;opacity:.7;transition:transform .3s ease}.hero-link:hover .hero-link-icon{transform:translateX(3px)}.scroll-indicator{align-items:center;animation:fade-in 1s ease-out .8s both;background:none;border:none;bottom:var(--space-5);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);left:50%;position:absolute;transform:translateX(-50%);z-index:10}.scroll-indicator-text{color:var(--color-cream);font-family:var(--font-heading);font-size:.7rem;letter-spacing:.2em;opacity:.5;text-transform:uppercase;transition:opacity .3s ease}.scroll-indicator:hover .scroll-indicator-text{opacity:1}.scroll-indicator-arrow{animation:bounce-arrow 2s ease-in-out infinite;border-bottom:2px solid var(--color-golden);border-right:2px solid var(--color-golden);height:20px;opacity:.6;transform:rotate(45deg);width:20px}@keyframes bounce-arrow{0%,to{opacity:.6;transform:rotate(45deg) translateY(0)}50%{opacity:1;transform:rotate(45deg) translateY(5px)}}@media (max-width:768px){.hero{min-height:100svh}.floating-astronaut{height:10rem;left:2%;opacity:.85;top:8%}.floating-space-right{bottom:5%;height:8rem;opacity:.7;right:2%}.hero-glow--primary,.hero-glow--secondary{height:300px;width:300px}.hero-glow--accent,.hero-glow--left{display:none}.hero-lines--left{opacity:.2}.geo-ring--1,.geo-ring--3,.hero-lines--right{display:none}.geo-ring--2,.geo-ring--4{height:200px;width:200px}.geo-circle--2,.geo-circle--3,.geo-orb--2,.pulse-ring--2,.pulse-ring--3{display:none}.hero-links{align-items:center;flex-direction:column;gap:var(--space-3)}.hero-link{justify-content:center;min-width:180px;width:auto}.shooting-star--2,.shooting-star--3,.stars--large{display:none}.particle-field{opacity:.5}}@media (max-width:480px){.hero{padding-bottom:80px}.hero-content{padding:var(--space-4);padding-top:15vh}.floating-astronaut{animation:float-mobile 4s ease-in-out infinite;bottom:12%;filter:drop-shadow(0 0 15px rgba(255,175,0,.4));height:7rem;left:5%;opacity:.95;top:auto}.floating-space-right{animation:float-reverse-mobile 5s ease-in-out infinite;bottom:10%;filter:drop-shadow(0 0 12px rgba(60,127,114,.4));height:5.5rem;opacity:.85;right:5%}@keyframes float-mobile{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes float-reverse-mobile{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(12px) rotate(-2deg)}}.hero-name--jake{font-size:4rem;text-shadow:0 0 15px #ffaf0080,0 0 30px #ffaf004d}.hero-name--lately{filter:drop-shadow(0 0 20px rgba(60,127,114,.4));font-size:2.5rem}.hero-tagline{font-size:.95rem;padding:0 var(--space-2)}.hero-tagline-wrapper{margin-top:var(--space-4)}.hero-links{gap:var(--space-3);margin-top:var(--space-5)}.hero-link{border-width:2px;font-size:1rem;min-width:180px;padding:var(--space-3) var(--space-4)}.scroll-indicator{bottom:var(--space-4)}.hero-glow--primary{height:280px;opacity:.7;right:-10%;top:10%;width:280px}.hero-glow--secondary{bottom:5%;height:250px;left:-15%;opacity:.6;width:250px}.hero-glow--accent{display:block;height:200px;left:50%;opacity:.4;top:50%;width:200px}.hero-glow--left,.hero-lines--left,.hero-lines--right{display:none}.stars--small{opacity:.9}.stars--medium{display:block;opacity:.7}.stars--large{display:none}.shooting-star--1{animation:shoot-mobile 10s ease-in-out 2s infinite;display:block}@keyframes shoot-mobile{0%{left:-100px;opacity:0;top:20%;transform:rotate(20deg)}3%{opacity:1}15%{left:110%;opacity:0;top:40%}to{left:110%;opacity:0}}.shooting-star--2,.shooting-star--3{display:none}.hero-geometrics{display:block}.geo-ring--1,.geo-ring--3,.geo-ring--4{display:none}.geo-ring--2{border-color:#3c7f724d;bottom:20%;display:block;height:180px;left:-60px;opacity:.8;width:180px}.geo-circle--1,.geo-circle--2,.geo-circle--3{display:none}.geo-orb--1{display:block;height:5px;left:85%;top:25%;width:5px}.geo-orb--2{display:none}.pulse-ring--1{animation:pulse-burst 10s ease-out 3s infinite;display:block;height:60px;left:10%;top:30%;width:60px}.pulse-ring--2,.pulse-ring--3{display:none}.particle-field{display:block;opacity:.6}}.signal-section{background:var(--gradient-space);overflow:hidden;padding:var(--space-8) var(--space-4);position:relative}.signal-container{margin:0 auto;max-width:700px}.signal-header{margin-bottom:var(--space-4)}.signal-prompt{color:var(--color-teal);font-family:JetBrains Mono,monospace;font-size:.9rem;opacity:.8}.signal-terminal{background:#011329cc;border:1px solid #ffaf0033;border-radius:var(--radius-md);box-shadow:0 4px 30px #0000004d,inset 0 1px 0 #ffffff0d;overflow:hidden}.terminal-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffaf001a;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.terminal-dots{display:flex;gap:6px}.terminal-dot{border-radius:50%;height:12px;width:12px}.terminal-dot--red{background:#ff5f57}.terminal-dot--yellow{background:#febc2e}.terminal-dot--green{background:#28c840}.terminal-title{color:var(--color-cream);font-family:JetBrains Mono,monospace;font-size:.75rem;opacity:.5}.terminal-body{padding:var(--space-4)}.signal-line{animation:fade-in-line .4s ease-out forwards;display:flex;font-family:JetBrains Mono,monospace;font-size:clamp(.8rem,2vw,.95rem);gap:var(--space-2);line-height:1.8;opacity:0}@keyframes fade-in-line{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.signal-prefix{color:var(--color-teal);min-width:80px}.signal-value{color:var(--color-cream);opacity:.9}.signal-value--highlight{color:var(--color-golden);opacity:1}.signal-cursor{align-items:center;display:flex;font-family:JetBrains Mono,monospace;font-size:.95rem;gap:var(--space-1);margin-top:var(--space-3)}.cursor-prompt{color:var(--color-teal)}.cursor-blink{animation:blink 1s step-end infinite;background:var(--color-golden);height:18px;width:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.signal-terminal.reveal{opacity:0;transform:translateY(30px);transition:all .6s var(--ease-out-expo)}.signal-terminal.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.signal-section{padding:var(--space-6) var(--space-3)}.signal-line{flex-direction:column;gap:0}.signal-prefix{font-size:.7rem;min-width:auto;opacity:.7}.signal-value{padding-left:var(--space-2)}}@media (max-width:480px){.terminal-body{padding:var(--space-3)}.signal-line{font-size:.8rem}}.stack-section{background:var(--gradient-space);overflow:hidden;padding:var(--space-8) var(--space-4);position:relative}.stack-container{margin:0 auto;max-width:1000px}.stack-header{margin-bottom:var(--space-6);text-align:center}.stack-label{color:var(--color-teal);display:block;font-family:JetBrains Mono,monospace;font-size:.9rem;margin-bottom:var(--space-2);opacity:.8}.stack-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0;text-shadow:var(--glow-text-golden)}.stack-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.stack-tile{cursor:default;padding:var(--space-5);text-align:center;transition:all .3s ease}.stack-tile:hover{border-color:#ffaf0066;box-shadow:var(--glow-golden);transform:translateY(-8px)}.stack-icon{color:var(--color-teal);display:block;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700;margin-bottom:var(--space-3);opacity:.9}.stack-tile:hover .stack-icon{color:var(--color-golden);text-shadow:0 0 20px #ffaf0080}.stack-tile-title{color:var(--color-cream);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-2)}.stack-tile-desc{color:var(--color-cream);font-family:var(--font-body);font-size:.9rem;line-height:1.6;margin:0;opacity:.7}.stack-header.reveal{opacity:0;transform:translateY(30px);transition:all .6s var(--ease-out-expo)}.stack-header.reveal.visible{opacity:1;transform:translateY(0)}.stack-tile.reveal{opacity:0;transform:translateY(30px) scale(.95);transition:all .5s var(--ease-out-expo)}.stack-tile.reveal.visible{opacity:1;transform:translateY(0) scale(1)}@media (max-width:768px){.stack-section{padding:var(--space-6) var(--space-3)}.stack-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.stack-tile{padding:var(--space-4)}.stack-tile:hover{transform:none}.stack-icon{font-size:1.5rem}.stack-tile-title{font-size:1.1rem}}@media (max-width:480px){.stack-grid{grid-template-columns:1fr}.stack-tile{grid-gap:0 var(--space-3);align-items:center;display:grid;gap:0 var(--space-3);grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left}.stack-icon{font-size:1.75rem;grid-row:span 2}.stack-icon,.stack-tile-title{margin-bottom:0}.stack-tile-desc{grid-column:2}}.featured-section{background:var(--gradient-space);overflow:hidden;padding:var(--space-8) var(--space-4);position:relative}.featured-container{margin:0 auto;max-width:1100px}.featured-header{margin-bottom:var(--space-6);text-align:center}.featured-label{color:var(--color-teal);display:block;font-family:JetBrains Mono,monospace;font-size:.9rem;margin-bottom:var(--space-2);opacity:.8}.featured-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0;text-shadow:var(--glow-text-golden)}.featured-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.featured-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .4s var(--ease-out-expo)}.featured-card:hover{border-color:#ffaf0066;box-shadow:var(--glow-golden);transform:translateY(-8px)}.featured-card-image{height:180px;overflow:hidden;position:relative}.featured-card-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.featured-card:hover .featured-card-image img{transform:scale(1.05)}.featured-card-overlay{background:linear-gradient(180deg,#0000 0,#011329cc);inset:0;position:absolute}.featured-card-placeholder{align-items:center;background:linear-gradient(135deg,#011329,#02203d 50%,#011329);border-bottom:1px solid #ffaf001a;display:flex;height:100%;justify-content:center;width:100%}.featured-card-placeholder span{color:var(--color-golden);font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.1em;opacity:.5;text-transform:uppercase}.featured-card-content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-4)}.featured-card-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.featured-tag{background:#3c7f721a;border:1px solid #3c7f7233;border-radius:var(--radius-sm);color:var(--color-teal);font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.featured-card-title{color:var(--color-cream);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-2);transition:color .3s ease}.featured-card:hover .featured-card-title{color:var(--color-golden)}.featured-card-desc{color:var(--color-cream);flex:1 1;font-family:var(--font-body);font-size:.9rem;line-height:1.5;margin:0;opacity:.7}.featured-card-link{align-items:center;color:var(--color-teal);display:inline-flex;font-family:var(--font-heading);font-size:.85rem;font-weight:500;gap:var(--space-2);margin-top:var(--space-3);transition:all .3s ease}.featured-card:hover .featured-card-link{color:var(--color-golden)}.featured-card-link .arrow{font-family:JetBrains Mono,monospace;transition:transform .3s ease}.featured-card:hover .featured-card-link .arrow{transform:translateX(4px)}.featured-footer{display:flex;justify-content:center;margin-top:var(--space-6)}.featured-all-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01132980;border:1px solid #ffaf004d;border-radius:var(--radius-sm);color:var(--color-cream);display:inline-flex;font-family:var(--font-heading);font-size:1rem;font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-5);text-decoration:none;transition:all .3s ease}.featured-all-link:hover{background:#ffaf001a;border-color:var(--color-golden);box-shadow:var(--glow-golden);color:var(--color-golden)}.featured-all-link .link-icon{font-family:JetBrains Mono,monospace;opacity:.7}.featured-header.reveal{opacity:0;transform:translateY(30px);transition:all .6s var(--ease-out-expo)}.featured-header.reveal.visible{opacity:1;transform:translateY(0)}.featured-card.reveal{opacity:0;transform:translateY(40px);transition:all .6s var(--ease-out-expo)}.featured-card.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.featured-grid{grid-template-columns:repeat(2,1fr)}.featured-grid>:last-child{grid-column:span 2}}@media (max-width:768px){.featured-section{padding:var(--space-6) var(--space-3)}.featured-grid{gap:var(--space-4);grid-template-columns:1fr}.featured-grid>:last-child{grid-column:auto}.featured-card:hover{transform:none}.featured-card-image{height:200px}}@media (max-width:480px){.featured-card-image{height:160px}.featured-card-content{padding:var(--space-3)}}.latest-section{overflow:hidden;padding:var(--space-8) var(--space-4);position:relative}.latest-glow{background:var(--gradient-golden-glow);filter:blur(100px);height:400px;left:50%;opacity:.2;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.latest-content{margin:0 auto;max-width:1000px;position:relative;z-index:1}.latest-header{margin-bottom:var(--space-6);text-align:center}.latest-tagline{color:var(--color-teal);display:block;font-family:var(--font-script);font-size:1.25rem;margin-bottom:var(--space-2)}.latest-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0;text-shadow:var(--glow-text-golden)}.latest-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.latest-card{padding:var(--space-4);transition:all .3s ease}.latest-card:hover{border-color:#ffaf004d;box-shadow:var(--glow-golden);transform:translateY(-4px)}.latest-card.update{border-left:3px solid var(--color-teal)}.latest-link{display:block;text-decoration:none}.latest-date{color:var(--color-teal);display:block;font-family:var(--font-heading);font-size:.7rem;letter-spacing:.1em;margin-bottom:var(--space-2);text-transform:uppercase}.latest-card-title{color:var(--color-golden);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-2);transition:text-shadow .3s ease}.latest-card:hover .latest-card-title{text-shadow:var(--glow-text-golden)}.latest-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-cream);display:-webkit-box;font-family:var(--font-body);font-size:.9rem;line-height:1.6;margin:0 0 var(--space-3);opacity:.8;overflow:hidden}.latest-read-more{align-items:center;color:var(--color-golden);display:inline-flex;font-family:var(--font-heading);font-size:.8rem;gap:var(--space-2)}.latest-read-more .arrow{transition:transform .3s ease}.latest-card:hover .latest-read-more .arrow{transform:translateX(4px)}.latest-update .update-indicator{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.latest-update .update-dot{animation:pulse 2s ease-in-out infinite;background:var(--color-teal);border-radius:50%;height:6px;width:6px}.latest-update .update-label{color:var(--color-teal);font-family:var(--font-heading);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.latest-update-text{color:var(--color-cream);font-family:var(--font-body);font-size:.9rem;line-height:1.6;margin:0;opacity:.8}.latest-footer{margin-top:var(--space-5);text-align:center}.view-all-btn{align-items:center;background:#0000;border:1px solid #ffaf004d;border-radius:var(--radius-sm);color:var(--color-golden);display:inline-flex;font-family:var(--font-heading);font-size:.9rem;gap:var(--space-2);padding:var(--space-3) var(--space-5);text-decoration:none;transition:all .3s ease}.view-all-btn:hover{background:#ffaf000d;border-color:var(--color-golden);box-shadow:var(--glow-golden)}.view-all-btn .arrow{transition:transform .3s ease}.view-all-btn:hover .arrow{transform:translateX(4px)}@media (max-width:768px){.latest-section{padding:var(--space-6) var(--space-3)}.latest-grid{gap:var(--space-3);grid-template-columns:1fr}.latest-card:hover{transform:none}}@media (max-width:480px){.latest-section{padding:var(--space-5) var(--space-2)}.latest-card{padding:var(--space-3)}.latest-card-title{font-size:1.1rem}}.cta-section{background:var(--gradient-space);overflow:hidden;padding:var(--space-8) var(--space-4);position:relative;text-align:center}.cta-glow{background:radial-gradient(circle,#ffaf0014 0,#0000 60%);height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.cta-container{margin:0 auto;max-width:600px;position:relative;z-index:2}.cta-label{color:var(--color-teal);display:block;font-family:JetBrains Mono,monospace;font-size:.9rem;margin-bottom:var(--space-2);opacity:.8}.cta-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(2rem,6vw,3.5rem);font-weight:700;margin:0 0 var(--space-3);text-shadow:var(--glow-text-golden)}.cta-text{color:var(--color-cream);font-family:var(--font-body);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 0 var(--space-5);opacity:.8}.cta-button{align-items:center;background:linear-gradient(135deg,var(--color-golden) 0,#ffc107 100%);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 20px #ffaf004d,inset 0 1px 0 #fff3;color:var(--color-deep-navy);display:inline-flex;font-family:var(--font-heading);font-size:1.1rem;font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-6);text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 30px #ffaf0066,inset 0 1px 0 #fff3;transform:translateY(-3px)}.cta-button:active{transform:translateY(-1px)}.cta-button-icon{font-family:JetBrains Mono,monospace;font-weight:700;opacity:.7}.cta-container.reveal{opacity:0;transform:translateY(40px);transition:all .7s var(--ease-out-expo)}.cta-container.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.cta-section{padding:var(--space-6) var(--space-3)}.cta-glow{height:300px;width:300px}.cta-button{max-width:300px;width:100%}}@media (max-width:480px){.cta-button{font-size:1rem;padding:var(--space-3) var(--space-5)}}.footer{background:var(--color-navy-dark);overflow:hidden;padding:var(--space-6) var(--space-4) var(--space-4);position:relative}.footer-stars{background-image:radial-gradient(1px 1px at 50px 50px,#ffaf004d,#0000),radial-gradient(1px 1px at 150px 80px,#3c7f724d,#0000),radial-gradient(1px 1px at 250px 30px,#f4ddb533,#0000),radial-gradient(1px 1px at 350px 100px,#ffaf0033,#0000),radial-gradient(1px 1px at 100px 120px,#3c7f7233,#0000);background-size:400px 150px;bottom:0;opacity:.6}.footer-gradient,.footer-stars{left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-gradient{background:linear-gradient(180deg,var(--color-navy) 0,#0000 100%);height:80px}.footer-content{grid-gap:var(--space-5);align-items:start;display:grid;gap:var(--space-5);grid-template-columns:1fr 2fr 1fr;margin:0 auto;max-width:1000px;position:relative;z-index:1}.footer-heading{color:var(--color-teal);font-family:var(--font-heading);font-size:.75rem;font-weight:600;letter-spacing:.15em;margin:0 0 var(--space-3);text-transform:uppercase}.footer-nav-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.footer-nav-link{color:var(--color-cream);display:inline-block;font-family:var(--font-body);font-size:.9rem;opacity:.7;text-decoration:none;transition:all .3s ease}.footer-nav-link:hover{color:var(--color-golden);opacity:1;transform:translateX(4px)}.footer-brand{align-items:center;display:flex;flex-direction:column;text-align:center}.footer-logo{color:var(--color-golden);font-family:var(--font-heading);font-size:1.5rem;font-weight:600;text-decoration:none;transition:all .3s ease}.footer-logo:hover{text-shadow:var(--glow-text-golden)}.footer-tagline{margin:var(--space-2) 0 0;opacity:.6}.footer-divider{height:1px;margin:var(--space-4) 0}.footer-copyright{color:var(--color-cream);font-family:var(--font-body);font-size:.8rem;margin:0;opacity:.4}.footer-social{align-items:flex-end;display:flex;flex-direction:column}.footer-social-links{display:flex;gap:var(--space-2)}.footer-social-link{align-items:center;background:#ffaf000d;border:1px solid #ffaf001a;border-radius:var(--radius-sm);color:var(--color-cream);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.footer-social-link:hover{background:#ffaf001a;border-color:var(--color-golden);box-shadow:var(--glow-golden);color:var(--color-golden);transform:translateY(-3px)}@media (max-width:768px){.footer{padding:var(--space-5) var(--space-3) var(--space-4)}.footer-content{gap:var(--space-5);grid-template-columns:1fr;text-align:center}.footer-nav{order:2}.footer-brand{order:1}.footer-social{align-items:center;order:3}.footer-nav-list{flex-direction:row;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.footer-nav-link:hover{transform:none}}@media (max-width:480px){.footer{padding:var(--space-4) var(--space-2)}.footer-logo{font-size:1.25rem}.footer-nav-list{gap:var(--space-2)}.footer-nav-link{font-size:.85rem}}.section-container{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:80vh;overflow:hidden;padding:var(--space-8) var(--space-4);position:relative}.circle-image{height:100%;left:-10%;opacity:.2;top:0;width:auto}.circle-image,.section-glow{pointer-events:none;position:absolute;z-index:0}.section-glow{background:var(--gradient-golden-glow);border-radius:50%;filter:blur(80px);height:400px;left:20%;opacity:.3;top:30%;width:400px}.image-wrapper{align-self:center;position:relative;z-index:1}.selfie{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);height:auto;max-height:70vh;object-fit:cover;width:100%}.image-frame{border:2px solid #ffaf0033;border-radius:var(--radius-lg);bottom:8px;left:-8px;pointer-events:none;position:absolute;right:8px;top:-8px}.text-area{justify-content:center;padding:var(--space-4);z-index:2}.text-area,.title-text{display:flex;flex-direction:column}.title-text{align-items:flex-start;margin-bottom:var(--space-5)}.name{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.1}.jake-about{color:var(--color-golden)}.lately-about{color:var(--color-teal)}.about-subtitle{color:var(--color-coral);font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,2rem);font-weight:500;margin:var(--space-2) 0 0}.info-sections{display:flex;flex-direction:column;gap:var(--space-4)}.info-card{background:var(--gradient-card);border:1px solid #ffaf001a;border-radius:var(--radius-md);overflow:hidden;padding:var(--space-4);position:relative;transition:all .3s ease}.info-card:hover{background:var(--gradient-card-hover);border-color:#ffaf004d;box-shadow:var(--glow-golden);transform:translateX(8px)}.card-accent{background:linear-gradient(180deg,var(--color-golden),var(--color-teal));height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.info-card:hover .card-accent{opacity:1}.card-title{align-items:center;color:var(--color-cream);display:flex;font-family:var(--font-heading);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:600;gap:var(--space-2);margin:0 0 var(--space-3)}.card-icon{color:var(--color-teal);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;opacity:.8}.card-text{color:var(--color-cream);font-family:var(--font-body);font-size:clamp(.875rem,1.5vw,1rem);line-height:1.7;margin:0;opacity:.85}.highlight-gold{color:var(--color-golden);font-weight:500}.highlight-teal{font-weight:500}.highlight-teal,.turqiose,.turquoise{color:var(--color-teal)}.yellow{color:var(--color-golden)}@media (max-width:768px){.section-container{gap:var(--space-4);grid-template-columns:1fr;min-height:auto;padding:var(--space-6) var(--space-3)}.circle-image,.section-glow{display:none}.image-wrapper{margin:0 auto;max-width:400px}.selfie{max-height:50vh}.image-frame{bottom:6px;left:-6px;right:6px;top:-6px}.text-area{padding:var(--space-3) 0}.title-text{align-items:center;text-align:center}.info-card:hover{transform:none}}@media (max-width:480px){.section-container{padding:var(--space-4) var(--space-2)}.selfie{max-height:40vh}.name{font-size:2rem}.about-subtitle{font-size:1.25rem}.info-card{padding:var(--space-3)}.card-title{font-size:1.1rem}.card-text{font-size:.9rem}}.about-container{background-color:#011329;color:#f4ddb5;margin:auto;max-width:1200px;padding:80px 20px 20px}@media (max-width:768px){.about-container{padding-top:70px}}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .4s var(--ease-out-expo)}.project-card:hover{border-color:#ffaf0066;box-shadow:var(--glow-golden);transform:translateY(-8px)}.project-card__image{height:200px;overflow:hidden;position:relative}.project-card__image img{height:100%;object-fit:cover;transition:transform .5s var(--ease-out-expo);width:100%}.project-card:hover .project-card__image img{transform:scale(1.08)}.project-card__image--placeholder{background:linear-gradient(135deg,#0a2d4d,#011329)}.project-card__image-placeholder{align-items:center;background:radial-gradient(ellipse at 30% 40%,#ffaf0014 0,#0000 50%),radial-gradient(ellipse at 70% 60%,#3c7f7214 0,#0000 50%);display:flex;height:100%;justify-content:center;width:100%}.project-card__placeholder-icon{color:#ffaf004d;font-family:JetBrains Mono,monospace;font-size:3rem;text-shadow:0 0 20px #ffaf0033}.project-card__overlay{background:linear-gradient(180deg,#0000 0,#0000 40%,#011329e6);inset:0;pointer-events:none;position:absolute}.project-card__type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#011329cc;border:1px solid #ffaf0033;border-radius:var(--radius-sm);color:var(--color-cream);font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;padding:4px 8px;position:absolute;right:var(--space-3);top:var(--space-3);transition:all .3s ease}.project-card:hover .project-card__type-badge{background:#ffaf0033;border-color:var(--color-golden);color:var(--color-golden)}.project-card__content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-4)}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.project-card__tag{background:#3c7f721a;border:1px solid #3c7f7233;border-radius:var(--radius-sm);color:var(--color-teal);font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.project-card__title{color:var(--color-cream);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-2);transition:color .3s ease}.project-card:hover .project-card__title{color:var(--color-golden)}.project-card__tagline{color:var(--color-cream);flex:1 1;font-family:var(--font-body);font-size:.9rem;line-height:1.5;margin:0;opacity:.7}.project-card__footer{align-items:center;border-top:1px solid #ffaf001a;display:flex;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-3)}.project-card__year{color:var(--color-cream);font-family:JetBrains Mono,monospace;font-size:.75rem;opacity:.5}.project-card__link{align-items:center;color:var(--color-teal);display:flex;font-family:var(--font-heading);font-size:.85rem;font-weight:500;gap:var(--space-1);transition:color .3s ease}.project-card:hover .project-card__link{color:var(--color-golden)}.project-card__arrow{font-family:JetBrains Mono,monospace;transition:transform .3s ease}.project-card:hover .project-card__arrow{transform:translateX(4px)}@media (max-width:768px){.project-card__image{height:180px}.project-card:hover{transform:none}.project-card__content{padding:var(--space-3)}.project-card__title{font-size:1.1rem}}@media (max-width:480px){.project-card__image{height:160px}}.project-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.project-filters__label{color:var(--color-teal);font-family:JetBrains Mono,monospace;font-size:.85rem;opacity:.7}.project-filters__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-filters__button{background:#0000;border:1px solid #ffaf0033;border-radius:var(--radius-sm);color:var(--color-cream);cursor:pointer;font-family:var(--font-heading);font-size:.9rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:all .3s ease}.project-filters__button:hover{background:#ffaf001a;border-color:#ffaf0066;color:var(--color-golden)}.project-filters__button--active{background:#ffaf0026;border-color:var(--color-golden);box-shadow:0 0 15px #ffaf0033;color:var(--color-golden)}@media (max-width:768px){.project-filters{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.project-filters__buttons{width:100%}.project-filters__button{flex:1 1;font-size:.85rem;padding:var(--space-2) var(--space-3);text-align:center}}@media (max-width:480px){.project-filters__buttons{display:grid;grid-template-columns:repeat(2,1fr)}}.featured-project{margin-bottom:var(--space-6)}.featured-project__container{grid-gap:var(--space-5);background:var(--glass-bg);border:1px solid #ffaf0033;border-radius:var(--radius-lg);display:grid;gap:var(--space-5);grid-template-columns:1.2fr 1fr;overflow:hidden;transition:all .4s ease}.featured-project__container:hover{border-color:#ffaf0066;box-shadow:var(--glow-golden)}.featured-project__image{min-height:350px;overflow:hidden;position:relative}.featured-project__image img{height:100%;object-fit:cover;transition:transform .6s var(--ease-out-expo);width:100%}.featured-project__container:hover .featured-project__image img{transform:scale(1.05)}.featured-project__image-overlay{background:linear-gradient(90deg,#0000 0,#0113294d 80%,#011329cc);inset:0;pointer-events:none;position:absolute}.featured-project__content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-5)}.featured-project__header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.featured-project__badge{background:var(--color-golden);border-radius:var(--radius-sm);color:var(--color-deep-navy);font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;letter-spacing:.1em;padding:4px 12px;text-transform:uppercase}.featured-project__year{color:var(--color-cream);font-family:JetBrains Mono,monospace;font-size:.8rem;opacity:.5}.featured-project__title{color:var(--color-cream);font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin:0 0 var(--space-2)}.featured-project__tagline{color:var(--color-teal);font-family:var(--font-heading);font-size:1.1rem;font-weight:500;margin:0 0 var(--space-3)}.featured-project__description{color:var(--color-cream);font-family:var(--font-body);font-size:1rem;line-height:1.7;margin:0 0 var(--space-4);opacity:.8}.featured-project__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.featured-project__tag{background:#3c7f721a;border:1px solid #3c7f7233;border-radius:var(--radius-sm);color:var(--color-teal);font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.featured-project__cta{align-items:center;background:linear-gradient(135deg,var(--color-golden) 0,#ffc107 100%);border-radius:var(--radius-sm);box-shadow:0 4px 15px #ffaf004d,inset 0 1px 0 #fff3;color:var(--color-deep-navy);display:inline-flex;font-family:var(--font-heading);font-size:1rem;font-weight:600;gap:var(--space-2);padding:var(--space-3) var(--space-5);text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.featured-project__cta:hover{box-shadow:0 6px 20px #ffaf0066,inset 0 1px 0 #fff3;transform:translateY(-2px)}.featured-project__cta-icon{font-family:JetBrains Mono,monospace;font-weight:700;opacity:.7}.featured-project.reveal{opacity:0;transform:translateY(40px);transition:all .7s var(--ease-out-expo)}.featured-project.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.featured-project__container{grid-template-columns:1fr}.featured-project__image{min-height:250px}.featured-project__image-overlay{background:linear-gradient(180deg,#0000 0,#011329cc)}.featured-project__content{padding:var(--space-4)}}@media (max-width:768px){.featured-project__container:hover{transform:none}.featured-project__image{min-height:200px}.featured-project__title{font-size:1.5rem}.featured-project__cta{justify-content:center;width:100%}}@media (max-width:480px){.featured-project__content{padding:var(--space-3)}.featured-project__image{min-height:180px}}.projects-page{background:var(--gradient-space);min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.projects-content{margin:0 auto;max-width:1200px;padding:var(--space-6) var(--space-4);position:relative;z-index:2}.projects-header{margin-bottom:var(--space-6);text-align:center}.projects-label{color:var(--color-teal);display:block;font-family:JetBrains Mono,monospace;font-size:.9rem;margin-bottom:var(--space-2);opacity:.8}.projects-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(3rem,10vw,5rem);font-weight:700;margin:0;text-shadow:var(--glow-text-golden)}.projects-subtitle{color:var(--color-cream);font-family:var(--font-body);font-size:1.1rem;line-height:1.6;margin:var(--space-4) 0 0;opacity:.8}.projects-filters-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-6)}.projects-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.projects-empty{padding:var(--space-8) var(--space-4);text-align:center}.projects-empty-icon{color:var(--color-teal);display:block;font-family:JetBrains Mono,monospace;font-size:2rem;margin-bottom:var(--space-3);opacity:.5}.projects-empty p{color:var(--color-cream);font-family:var(--font-body);font-size:1rem;margin:0;opacity:.6}.projects-cta{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6)}.projects-cta-line{background:linear-gradient(90deg,#0000,var(--color-golden),#0000);height:2px;width:60px}.projects-cta-text{color:var(--color-cream);font-family:var(--font-body);font-size:1.1rem;margin:0;opacity:.8}.projects-cta-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01132980;border:1px solid #ffaf004d;border-radius:var(--radius-sm);color:var(--color-cream);display:inline-flex;font-family:var(--font-heading);font-size:1rem;font-weight:500;gap:var(--space-2);padding:var(--space-3) var(--space-5);text-decoration:none;transition:all .3s ease}.projects-cta-button:hover{background:#ffaf001a;border-color:var(--color-golden);box-shadow:var(--glow-golden);color:var(--color-golden)}.projects-cta-icon{font-family:JetBrains Mono,monospace;opacity:.7}.projects-header.reveal{opacity:0;transform:translateY(30px);transition:all .6s var(--ease-out-expo)}.projects-header.reveal.visible{opacity:1;transform:translateY(0)}.projects-grid .project-card.reveal{opacity:0;transform:translateY(40px);transition:all .5s var(--ease-out-expo)}.projects-grid .project-card.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-page{padding-top:70px}.projects-content{padding:var(--space-4) var(--space-3)}.projects-grid{gap:var(--space-4);grid-template-columns:1fr}}@media (max-width:480px){.projects-content{padding:var(--space-3) var(--space-2)}.projects-title{font-size:2.5rem}.projects-cta{margin-top:var(--space-6)}}.contact-page{background:var(--gradient-space);min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.contact-astronaut{bottom:10%;filter:drop-shadow(0 0 20px rgba(255,175,0,.3));opacity:.3;pointer-events:none;position:absolute;right:5%;width:clamp(80px,15vw,150px);z-index:1}.contact-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:600px;padding:var(--space-6) var(--space-4);position:relative;z-index:2}.contact-header{text-align:center}.contact-tagline{color:var(--color-teal);display:block;font-family:var(--font-script);font-size:1.25rem;margin-bottom:var(--space-2)}.contact-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin:0;text-shadow:var(--glow-text-golden)}.contact-subtitle{color:var(--color-cream);font-family:var(--font-body);font-size:1rem;line-height:1.6;margin-top:var(--space-3);opacity:.8}.contact-card{padding:var(--space-5);position:relative;width:100%}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{position:relative}.form-label{display:block;font-family:var(--font-heading);font-size:.875rem;letter-spacing:.05em;margin-bottom:var(--space-2)}.form-input,.form-label{color:var(--color-cream)}.form-input{background:#01132999;border:1px solid #ffaf0033;border-radius:var(--radius-sm);box-sizing:border-box;font-family:var(--font-body);font-size:1rem;outline:none;padding:16px;transition:all .3s ease;width:100%}.form-input::placeholder{color:#f4ddb566}.form-input:focus{border-color:var(--color-golden);box-shadow:0 0 0 2px #ffaf001a,var(--glow-golden)}.form-textarea{min-height:120px;resize:vertical}.input-glow{background:linear-gradient(90deg,#0000,var(--color-golden),#0000);bottom:0;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.form-input:focus~.input-glow{width:80%}.submit-button{align-items:center;background:var(--color-golden);border:none;border-radius:var(--radius-sm);color:var(--color-navy);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:1rem;font-weight:600;gap:var(--space-2);justify-content:center;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:var(--color-golden-light);box-shadow:var(--glow-golden-strong);transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.8}.button-icon{transition:transform .3s ease}.submit-button:hover .button-icon{transform:translateX(4px)}.submit-button.submitting{gap:var(--space-1)}.loading-dot{animation:loading-bounce 1.4s ease-in-out infinite both;background:var(--color-navy);border-radius:50%;height:8px;width:8px}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.contact-socials{align-items:center;border-top:1px solid #ffaf001a;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5)}.social-label{color:var(--color-cream);font-family:var(--font-body);font-size:.875rem;opacity:.6}.social-links{display:flex;gap:var(--space-4)}.social-link{align-items:center;background:#ffaf000d;border:1px solid #ffaf0026;border-radius:var(--radius-sm);color:var(--color-cream);display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.social-link:hover{background:#ffaf001a;border-color:var(--color-golden);box-shadow:var(--glow-golden);color:var(--color-golden);transform:translateY(-4px)}.contact-footer{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.footer-line{background:linear-gradient(90deg,#0000,var(--color-golden),#0000);height:2px;width:60px}.footer-tagline{color:var(--color-cream);font-family:var(--font-script);font-size:1rem;letter-spacing:.1em;opacity:.5}.contact-success{align-items:center;animation:fade-in .6s ease;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:var(--space-4);position:relative;text-align:center;z-index:2}.success-astronaut{animation:float 3s ease-in-out infinite,success-float-away 1s ease-out;filter:drop-shadow(0 0 30px rgba(255,175,0,.4));height:auto;margin-bottom:var(--space-4);width:120px}@keyframes success-float-away{0%{opacity:0;transform:translateY(30px) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}.success-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(2rem,6vw,3rem);margin:0 0 var(--space-3);text-shadow:var(--glow-text-golden)}.success-message{color:var(--color-cream);font-family:var(--font-body);font-size:1.125rem;margin-bottom:var(--space-5);max-width:400px;opacity:.8}@media (max-width:768px){.contact-page{padding-top:70px}.contact-content{padding:var(--space-4) var(--space-3)}.contact-card{padding:var(--space-4)}.contact-astronaut{bottom:5%;opacity:.2;right:2%}}@media (max-width:480px){.contact-content{padding:var(--space-3) var(--space-2)}.contact-card{padding:var(--space-3)}.contact-title{font-size:2rem}.form-input{padding:14px}.submit-button{padding:14px 24px}.social-link{height:44px;width:44px}}.controls-4d{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#011329d9;border:1px solid #ffaf0033;border-radius:12px;font-family:JetBrains Mono,monospace;padding:20px;position:fixed;right:20px;top:100px;width:280px;z-index:100}.controls-4d__header{align-items:center;border-bottom:1px solid #ffaf0033;display:flex;gap:10px;margin-bottom:20px;padding-bottom:15px}.controls-4d__icon{color:#ffaf00;color:var(--color-golden,#ffaf00);font-size:1.5rem}.controls-4d__title{color:#f5efe6;color:var(--color-cream,#f5efe6);font-size:1rem;font-weight:600;letter-spacing:.1em;margin:0;text-transform:uppercase}.controls-4d__section{margin-bottom:20px}.controls-4d__label{color:#3c7f72;color:var(--color-teal,#3c7f72);display:block;font-size:.7rem;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.controls-4d__value{color:#ffaf00;color:var(--color-golden,#ffaf00);font-weight:600}.controls-4d__mode-toggle{background:#0000004d;border-radius:8px;display:flex;gap:5px;padding:4px}.controls-4d__mode-btn{background:#0000;border:none;border-radius:6px;color:#f5efe680;cursor:pointer;flex:1 1;font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.05em;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.controls-4d__mode-btn:hover{color:#f5efe6;color:var(--color-cream,#f5efe6)}.controls-4d__mode-btn.active{background:#ffaf0033;color:#ffaf00;color:var(--color-golden,#ffaf00)}.controls-4d__shapes{display:flex;flex-direction:column;gap:6px}.controls-4d__shape-btn{align-items:center;background:#0003;border:1px solid #ffaf001a;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.controls-4d__shape-btn:hover{background:#ffaf000d;border-color:#ffaf004d}.controls-4d__shape-btn.active{background:#ffaf001a;border-color:#ffaf00;border-color:var(--color-golden,#ffaf00)}.controls-4d__shape-name{color:#f5efe6;color:var(--color-cream,#f5efe6);font-size:.8rem}.controls-4d__shape-btn.active .controls-4d__shape-name{color:#ffaf00;color:var(--color-golden,#ffaf00)}.controls-4d__shape-info{color:#f5efe666;font-size:.65rem}.controls-4d__dimension-buttons{display:flex;gap:5px;margin-bottom:10px}.controls-4d__dim-btn{background:#0000004d;border:1px solid #3c7f7233;border-radius:6px;color:#f5efe680;cursor:pointer;flex:1 1;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;padding:8px;transition:all .2s ease}.controls-4d__dim-btn:hover{border-color:#3c7f7280;color:#f5efe6;color:var(--color-cream,#f5efe6)}.controls-4d__dim-btn.active{background:#3c7f7233;border-color:#3c7f72;border-color:var(--color-teal,#3c7f72);color:#3c7f72;color:var(--color-teal,#3c7f72)}.controls-4d__slider-group{align-items:center;display:flex;gap:10px;margin-bottom:8px}.controls-4d__slider-label{color:#f5efe699;font-size:.7rem;width:25px}.controls-4d__slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;outline:none}.controls-4d__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffaf00;background:var(--color-golden,#ffaf00);border-radius:50%;cursor:pointer;height:14px;-webkit-transition:transform .1s ease;transition:transform .1s ease;width:14px}.controls-4d__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.controls-4d__slider:disabled{opacity:.4}.controls-4d__slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.controls-4d__slider--dimension::-webkit-slider-thumb{background:#3c7f72;background:var(--color-teal,#3c7f72)}.controls-4d__toggle{align-items:center;background:#0003;border:1px solid #ffaf001a;border-radius:6px;color:#f5efe699;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:.75rem;gap:10px;letter-spacing:.05em;padding:10px 12px;text-transform:uppercase;transition:all .2s ease;width:100%}.controls-4d__toggle:hover{border-color:#ffaf004d}.controls-4d__toggle.active{border-color:#ffaf00;border-color:var(--color-golden,#ffaf00);color:#ffaf00;color:var(--color-golden,#ffaf00)}.controls-4d__toggle-icon{font-size:1rem}.controls-4d__themes{display:flex;gap:8px}.controls-4d__theme-btn{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.controls-4d__theme-btn:hover{transform:scale(1.1)}.controls-4d__theme-btn.active{border-color:#fff;box-shadow:0 0 10px currentColor}.controls-4d__theme-btn--golden{background:linear-gradient(135deg,#ffaf00,#ffc107)}.controls-4d__theme-btn--teal{background:linear-gradient(135deg,#3c7f72,#5aa897)}.controls-4d__theme-btn--cosmic{background:linear-gradient(135deg,#6b5b95,#a855f7)}.controls-4d__theme-btn--fire{background:linear-gradient(135deg,#d34a24,#ff6b35)}.controls-4d__info{border-top:1px solid #ffaf001a;padding-top:15px}.controls-4d__info p{color:#f5efe680;font-size:.7rem;line-height:1.5;margin:0}.controls-4d__info-main{color:#f5efe6b3;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);margin-bottom:8px}.controls-4d__info-main strong{color:#3c7f72;color:var(--color-teal,#3c7f72)}.controls-4d__info-detail{font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:.65rem;margin-bottom:12px}.controls-4d__info-hint{border-top:1px solid #ffaf000d;color:#f5efe64d;font-family:JetBrains Mono,monospace;font-size:.6rem;padding-top:8px;text-align:center}@media (max-width:768px){.controls-4d{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:50vh;overflow-y:auto;padding:15px;position:fixed;right:0;top:auto;width:100%}.controls-4d__shapes{flex-direction:row;flex-wrap:wrap}.controls-4d__shape-btn{flex:1 1 45%}}.tesseract-playground{background:linear-gradient(135deg,#011329,#02203d 50%,#011329);height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.tesseract-playground__canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.tesseract-playground__back{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#011329b3;border:1px solid #ffaf0033;border-radius:8px;color:#f5efe6;color:var(--color-cream,#f5efe6);display:flex;font-family:JetBrains Mono,monospace;font-size:.8rem;gap:8px;left:20px;padding:10px 16px;position:fixed;text-decoration:none;top:20px;transition:all .2s ease;z-index:100}.tesseract-playground__back:hover{border-color:#ffaf00;border-color:var(--color-golden,#ffaf00);color:#ffaf00;color:var(--color-golden,#ffaf00)}.tesseract-playground__back-icon{font-weight:700}.tesseract-playground__title-overlay{left:50%;pointer-events:none;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:50}.tesseract-playground__title{color:#ffaf00;color:var(--color-golden,#ffaf00);font-family:Space Grotesk,sans-serif;font-family:var(--font-heading,"Space Grotesk",sans-serif);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin:0;text-shadow:0 0 30px #ffaf004d}.tesseract-playground__subtitle{color:#f5efe699;font-family:JetBrains Mono,monospace;font-size:.8rem;margin:8px 0 0}@media (max-width:768px){.tesseract-playground__back{font-size:.7rem;left:10px;padding:8px 12px;top:10px}.tesseract-playground__title-overlay{top:10px;width:60%}.tesseract-playground__title{font-size:1.2rem}.tesseract-playground__subtitle{font-size:.65rem}}.tesseract-playground__loading{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:200}.tesseract-playground__loading-text{animation:pulse 1.5s ease-in-out infinite;color:#ffaf00;color:var(--color-golden,#ffaf00);font-family:JetBrains Mono,monospace;font-size:1rem}.activation-detail{background:linear-gradient(180deg,#011329,#02203d 50%,#011329);color:#f5efe6;color:var(--color-cream,#f5efe6);min-height:100vh}.activation-detail--not-found{align-items:center;display:flex;justify-content:center;text-align:center}.activation-detail__hero{align-items:center;background:linear-gradient(135deg,#011329,#0a2d4d 50%,#011329);display:flex;height:60vh;justify-content:center;min-height:400px;overflow:hidden;position:relative}.activation-detail__hero:before{background:radial-gradient(ellipse at 30% 20%,#ffaf001a 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#3c7f721a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.activation-detail__hero-overlay{background:#01132966;bottom:0;left:0;position:absolute;right:0;top:0}.activation-detail__hero-content{max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:10}.activation-detail__event-badge{background:#ffaf001a;border:1px solid #ffaf004d;border-radius:20px;color:#ffaf00;color:var(--color-golden,#ffaf00);display:inline-block;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.15em;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.activation-detail__title{font-family:Space Grotesk,sans-serif;font-family:var(--font-heading,"Space Grotesk",sans-serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin:0 0 16px;text-shadow:0 0 40px #ffaf0033}.activation-detail__tagline{color:#f5efe6b3;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:clamp(1rem,2vw,1.25rem);margin:0}.activation-detail__container{margin:0 auto;max-width:900px;padding:60px 20px 100px}.activation-detail__meta{border-bottom:1px solid #ffaf001a;display:flex;gap:40px;margin-bottom:40px;padding:30px 0}.activation-detail__meta-item{display:flex;flex-direction:column;gap:5px}.activation-detail__meta-label{color:#3c7f72;color:var(--color-teal,#3c7f72);font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.activation-detail__meta-value{font-family:Space Grotesk,sans-serif;font-family:var(--font-heading,"Space Grotesk",sans-serif);font-size:1.1rem;font-weight:600}.activation-detail__partners{margin-bottom:50px}.activation-detail__section-title{color:#3c7f72;color:var(--color-teal,#3c7f72);font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.1em;margin:0 0 15px;text-transform:uppercase}.activation-detail__partner-list{display:flex;flex-wrap:wrap;gap:10px}.activation-detail__partner-badge{background:#3c7f7226;border:1px solid #3c7f724d;border-radius:8px;color:#f5efe6;color:var(--color-cream,#f5efe6);font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:.9rem;font-weight:500;padding:10px 20px}.activation-detail__story{margin-bottom:50px}.activation-detail__description{color:#f5efe6d9;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:1.1rem;line-height:1.8;margin:0 0 30px}.activation-detail__placeholder{background:#0003;border:1px dashed #ffaf0033;border-radius:12px;padding:40px;text-align:center}.activation-detail__placeholder-icon{color:#ffaf00;color:var(--color-golden,#ffaf00);font-family:JetBrains Mono,monospace;font-size:2rem;margin-bottom:15px}.activation-detail__placeholder p{color:#f5efe680;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:.9rem;margin:5px 0}.activation-detail__gallery{margin-bottom:50px}.activation-detail__gallery-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.activation-detail__gallery-placeholder{align-items:center;aspect-ratio:4/3;background:#0000004d;border:1px dashed #3c7f724d;border-radius:8px;color:#f5efe64d;display:flex;font-family:JetBrains Mono,monospace;font-size:.75rem;justify-content:center}.activation-detail__tags{border-top:1px solid #ffaf001a;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding:30px 0}.activation-detail__tag{background:#ffaf001a;border-radius:4px;color:#ffaf00;color:var(--color-golden,#ffaf00);font-family:JetBrains Mono,monospace;font-size:.7rem;padding:6px 14px}.activation-detail__back-link{align-items:center;background:#011329b3;border:1px solid #ffaf0033;border-radius:8px;color:#f5efe6;color:var(--color-cream,#f5efe6);display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.8rem;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.activation-detail__back-link:hover{border-color:#ffaf00;border-color:var(--color-golden,#ffaf00);color:#ffaf00;color:var(--color-golden,#ffaf00)}.activation-detail__back-icon{font-weight:700}@media (max-width:768px){.activation-detail__hero{height:50vh;min-height:350px}.activation-detail__container{padding:40px 15px 80px}.activation-detail__meta{flex-direction:column;gap:20px}.activation-detail__gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.activation-detail__gallery-grid{grid-template-columns:1fr}}.theme-tabs{margin-bottom:var(--space-6)}.theme-tabs__label{color:#3c7f72;color:var(--color-teal,#3c7f72);display:block;font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.15em;margin-bottom:var(--space-3);text-align:center;text-transform:uppercase}.theme-tabs__buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.theme-tabs__button{align-items:center;background:#0000004d;border:1px solid #ffaf001a;border-radius:8px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);gap:var(--space-2);min-width:140px;padding:var(--space-3) var(--space-4);transition:all .3s ease}.theme-tabs__button:hover{background:#ffaf000d;border-color:#ffaf004d}.theme-tabs__button--active{background:#ffaf001a;border-color:#ffaf00;border-color:var(--color-golden,#ffaf00)}.theme-tabs__icon{color:#f5efe680;font-family:JetBrains Mono,monospace;font-size:1.5rem;transition:color .3s ease}.theme-tabs__button--active .theme-tabs__icon{color:#ffaf00;color:var(--color-golden,#ffaf00)}.theme-tabs__text{align-items:flex-start;display:flex;flex-direction:column}.theme-tabs__name{color:#f5efe6;color:var(--color-cream,#f5efe6);font-size:1rem;font-weight:600;transition:color .3s ease}.theme-tabs__button--active .theme-tabs__name{color:#ffaf00;color:var(--color-golden,#ffaf00)}.theme-tabs__subtitle{color:#f5efe680;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.showcase-boring .theme-tabs__label{color:#666;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.showcase-boring .theme-tabs__button{background:#fff;border:1px solid #ddd;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.showcase-boring .theme-tabs__button:hover{background:#f5f5f5;border-color:#ccc}.showcase-boring .theme-tabs__button--active{background:#333;border-color:#333}.showcase-boring .theme-tabs__icon{color:#999}.showcase-boring .theme-tabs__button--active .theme-tabs__icon{color:#fff}.showcase-boring .theme-tabs__name{color:#333}.showcase-boring .theme-tabs__button--active .theme-tabs__name{color:#fff}.showcase-boring .theme-tabs__subtitle{color:#888}.showcase-boring .theme-tabs__button--active .theme-tabs__subtitle{color:#ffffffb3}.showcase-utilitarian .theme-tabs__label{color:#888}.showcase-utilitarian .theme-tabs__button{background:#1a1a1a;border:1px solid #333;border-radius:6px}.showcase-utilitarian .theme-tabs__button:hover{background:#222;border-color:#444}.showcase-utilitarian .theme-tabs__button--active{background:#0a0a0a;border-color:#fff}.showcase-utilitarian .theme-tabs__icon{color:#666}.showcase-utilitarian .theme-tabs__button--active .theme-tabs__icon{color:#fff}.showcase-utilitarian .theme-tabs__name{color:#e0e0e0}.showcase-utilitarian .theme-tabs__button--active .theme-tabs__name{color:#fff}.showcase-utilitarian .theme-tabs__subtitle{color:#666}.showcase-brutalist .theme-tabs__label{color:#fff;font-family:JetBrains Mono,Courier New,monospace;font-weight:700;letter-spacing:.2em}.showcase-brutalist .theme-tabs__button{background:#0000;border:3px solid #fff;border-radius:0;padding:var(--space-4) var(--space-5)}.showcase-brutalist .theme-tabs__button:hover{background:#fff;border-color:#fff}.showcase-brutalist .theme-tabs__button:hover .theme-tabs__icon,.showcase-brutalist .theme-tabs__button:hover .theme-tabs__name,.showcase-brutalist .theme-tabs__button:hover .theme-tabs__subtitle{color:#000}.showcase-brutalist .theme-tabs__button--active{background:#fff;border-color:#fff}.showcase-brutalist .theme-tabs__icon{color:#fff;font-weight:900}.showcase-brutalist .theme-tabs__button--active .theme-tabs__icon{color:#000}.showcase-brutalist .theme-tabs__name{color:#fff;font-family:JetBrains Mono,Courier New,monospace;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.showcase-brutalist .theme-tabs__button--active .theme-tabs__name{color:#000}.showcase-brutalist .theme-tabs__subtitle{color:#888;font-family:JetBrains Mono,Courier New,monospace;text-transform:uppercase}.showcase-brutalist .theme-tabs__button--active .theme-tabs__subtitle{color:#333}.showcase-cyber .theme-tabs__label{color:#0ff;text-shadow:0 0 10px #0ff}.showcase-cyber .theme-tabs__button{background:#000c;border:1px solid #00ffff4d;border-radius:0}.showcase-cyber .theme-tabs__button:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 20px #00ffff4d}.showcase-cyber .theme-tabs__button--active{background:#ff00ff1a;border-color:#f0f;box-shadow:0 0 30px #f0f6}.showcase-cyber .theme-tabs__icon{color:#0ff;text-shadow:0 0 10px #0ff}.showcase-cyber .theme-tabs__button--active .theme-tabs__icon{color:#f0f;text-shadow:0 0 10px #f0f}.showcase-cyber .theme-tabs__name{color:#e0e0e0;font-family:JetBrains Mono,monospace}.showcase-cyber .theme-tabs__button--active .theme-tabs__name{color:#f0f;text-shadow:0 0 10px #f0f}.showcase-cyber .theme-tabs__subtitle{color:#666;font-family:JetBrains Mono,monospace}.showcase-organic .theme-tabs__label{color:#7a9a7a;font-family:Georgia,serif;letter-spacing:.1em}.showcase-organic .theme-tabs__button{background:#2d3a2d99;border:1px solid #7a9a7a4d;border-radius:20px}.showcase-organic .theme-tabs__button:hover{background:#7a9a7a33;border-color:#7a9a7a80}.showcase-organic .theme-tabs__button--active{background:#7a9a7a4d;border-color:#7a9a7a}.showcase-organic .theme-tabs__icon{color:#5a7a5a}.showcase-organic .theme-tabs__button--active .theme-tabs__icon{color:#a0c4a0}.showcase-organic .theme-tabs__name{color:#d4e4d4;font-family:Georgia,serif}.showcase-organic .theme-tabs__button--active .theme-tabs__name{color:#fff}.showcase-organic .theme-tabs__subtitle{color:#7a9a7a;font-family:Georgia,serif}.showcase-whimsical .theme-tabs__label{color:#c4a0ff;font-family:Comic Sans MS,Chalkboard SE,cursive}.showcase-whimsical .theme-tabs__button{background:#b464ff26;border:2px dashed #b464ff66;border-radius:16px;transform:rotate(-1deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.showcase-whimsical .theme-tabs__button:nth-child(2n){transform:rotate(1deg)}.showcase-whimsical .theme-tabs__button:hover{background:#ffb4c833;border-color:#ffb4c8;transform:rotate(0deg) scale(1.05)}.showcase-whimsical .theme-tabs__button--active{background:linear-gradient(135deg,#b464ff4d,#ffb4c84d);border-color:#c4a0ff;border-style:solid;transform:rotate(0deg) scale(1.02)}.showcase-whimsical .theme-tabs__icon{color:#ff9ecd}.showcase-whimsical .theme-tabs__button--active .theme-tabs__icon{color:#fc0}.showcase-whimsical .theme-tabs__name{color:#e0d0ff;font-family:Comic Sans MS,Chalkboard SE,cursive}.showcase-whimsical .theme-tabs__button--active .theme-tabs__name{color:#fff}.showcase-whimsical .theme-tabs__subtitle{color:#a080c0;font-family:Comic Sans MS,Chalkboard SE,cursive}.showcase-flamboyant .theme-tabs__label{color:#d4af37;font-family:Georgia,serif;font-style:italic}.showcase-flamboyant .theme-tabs__button{background:linear-gradient(135deg,#d4af371a,#b464b41a);border:1px solid #d4af374d;border-radius:4px;overflow:hidden;position:relative}.showcase-flamboyant .theme-tabs__button:before{background:linear-gradient(90deg,#0000,#d4af3733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.showcase-flamboyant .theme-tabs__button:hover:before{left:100%}.showcase-flamboyant .theme-tabs__button:hover{border-color:#d4af37;box-shadow:0 0 20px #d4af3733}.showcase-flamboyant .theme-tabs__button--active{background:linear-gradient(135deg,#d4af3733,#b464b426);border-color:#d4af37;box-shadow:0 0 30px #d4af374d}.showcase-flamboyant .theme-tabs__icon{color:#b08060}.showcase-flamboyant .theme-tabs__button--active .theme-tabs__icon{color:#d4af37}.showcase-flamboyant .theme-tabs__name{color:#f0e6d6;font-family:Georgia,serif;font-style:italic}.showcase-flamboyant .theme-tabs__button--active .theme-tabs__name{color:#d4af37}.showcase-flamboyant .theme-tabs__subtitle{color:#a08070;font-family:Georgia,serif}@media (max-width:768px){.theme-tabs__buttons{align-items:stretch;flex-direction:column}.theme-tabs__button{min-width:auto}}.code-block{background:#0006;border:1px solid #ffaf001a;border-radius:8px;overflow:hidden}.code-block__header{align-items:center;background:#0000004d;border-bottom:1px solid #ffaf001a;display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3)}.code-block__language{color:#3c7f72;color:var(--color-teal,#3c7f72);font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.code-block__copy{background:#0000;border:1px solid #ffaf0033;border-radius:4px;color:#f5efe699;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.7rem;padding:4px 10px;transition:all .2s ease}.code-block__copy:hover{border-color:#ffaf00;border-color:var(--color-golden,#ffaf00);color:#ffaf00;color:var(--color-golden,#ffaf00)}.code-block__pre{margin:0;overflow-x:auto;padding:var(--space-4)}.code-block__code{color:#f5efe6;color:var(--color-cream,#f5efe6);font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;white-space:pre}.component-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01132999;border:1px solid #ffaf001a;border-radius:12px;padding:var(--space-5);transition:all .3s ease}.component-card:hover{border-color:#ffaf004d;transform:translateY(-4px)}.component-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.component-card__info{align-items:center;display:flex;gap:var(--space-3)}.component-card__name{color:#f5efe6;color:var(--color-cream,#f5efe6);font-family:Space Grotesk,sans-serif;font-family:var(--font-heading,"Space Grotesk",sans-serif);font-size:1.1rem;font-weight:600;margin:0}.component-card__category{background:#3c7f721a;border-radius:4px;color:#3c7f72;color:var(--color-teal,#3c7f72);font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.component-card__toggle{background:#0000004d;border:1px solid #ffaf001a;border-radius:6px;color:#f5efe680;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem;padding:6px 10px;transition:all .2s ease}.component-card__toggle:hover{border-color:#ffaf004d;color:#f5efe6;color:var(--color-cream,#f5efe6)}.component-card__toggle--active{background:#ffaf001a;border-color:#ffaf00;border-color:var(--color-golden,#ffaf00);color:#ffaf00;color:var(--color-golden,#ffaf00)}.component-card__description{color:#f5efe699;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:.85rem;line-height:1.5;margin:0 0 var(--space-4)}.component-card__preview{align-items:center;background:#0003;border:1px solid #ffffff0d;border-radius:8px;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;min-height:100px;padding:var(--space-5)}.component-card__placeholder{color:#f5efe64d;font-family:JetBrains Mono,monospace;font-size:.8rem}.component-card__code{animation:slideDown .2s ease;margin-top:var(--space-4)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.showcase-boring .component-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000000d}.showcase-boring .component-card:hover{border-color:#ccc;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.showcase-boring .component-card__name{color:#333;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}.showcase-boring .component-card__category{background:#f5f5f5;color:#666;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.showcase-boring .component-card__toggle{background:#f5f5f5;border-color:#ddd;color:#666}.showcase-boring .component-card__toggle:hover{background:#e8e8e8;color:#333}.showcase-boring .component-card__toggle--active{background:#333;border-color:#333;color:#fff}.showcase-boring .component-card__description{color:#666;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.showcase-boring .component-card__preview{background:#fafafa;border-color:#e8e8e8}.showcase-utilitarian .component-card{background:#151515;border:1px solid #2a2a2a;border-radius:6px}.showcase-utilitarian .component-card:hover{border-color:#404040;transform:translateY(-2px)}.showcase-utilitarian .component-card__name{color:#e8e8e8}.showcase-utilitarian .component-card__category{background:#ffffff0d;color:#888}.showcase-utilitarian .component-card__toggle{background:#1a1a1a;border-color:#333;color:#888}.showcase-utilitarian .component-card__toggle:hover{background:#222;color:#ccc}.showcase-utilitarian .component-card__toggle--active{background:#fff;border-color:#fff;color:#000}.showcase-utilitarian .component-card__description{color:#888}.showcase-utilitarian .component-card__preview{background:#0a0a0a;border-color:#222}.showcase-brutalist .component-card{background:#0000;border:3px solid #fff;border-radius:0;padding:var(--space-6)}.showcase-brutalist .component-card:hover{background:#ffffff0d;transform:none}.showcase-brutalist .component-card__name{color:#fff;font-family:JetBrains Mono,Courier New,monospace;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.showcase-brutalist .component-card__category{background:#fff;border-radius:0;color:#000;font-family:JetBrains Mono,Courier New,monospace;font-weight:700}.showcase-brutalist .component-card__toggle{background:#0000;border:2px solid #fff;border-radius:0;color:#fff;font-family:JetBrains Mono,Courier New,monospace;font-weight:700;text-transform:uppercase}.showcase-brutalist .component-card__toggle--active,.showcase-brutalist .component-card__toggle:hover{background:#fff;color:#000}.showcase-brutalist .component-card__description{color:#aaa;font-family:JetBrains Mono,Courier New,monospace}.showcase-brutalist .component-card__preview{background:#0000;border:2px solid #ffffff4d;border-radius:0}.showcase-cyber .component-card{background:#000c;border:1px solid #0ff3;border-radius:0;position:relative}.showcase-cyber .component-card:before{background:linear-gradient(90deg,#0ff,#f0f);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.showcase-cyber .component-card:hover:before{opacity:1}.showcase-cyber .component-card:hover{border-color:#f0f6;box-shadow:0 0 30px #f0f3;transform:translateY(-4px)}.showcase-cyber .component-card__name{color:#0ff;font-family:JetBrains Mono,monospace;text-shadow:0 0 10px #00ffff80}.showcase-cyber .component-card__category{background:#ff00ff1a;border:1px solid #ff00ff4d;border-radius:0;color:#f0f;font-family:JetBrains Mono,monospace}.showcase-cyber .component-card__toggle{background:#0009;border:1px solid #00ffff4d;border-radius:0;color:#0ff;font-family:JetBrains Mono,monospace}.showcase-cyber .component-card__toggle:hover{background:#00ffff1a;border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.showcase-cyber .component-card__toggle--active{background:#f0f3;border-color:#f0f;box-shadow:0 0 15px #ff00ff4d;color:#f0f}.showcase-cyber .component-card__description{color:#888;font-family:JetBrains Mono,monospace}.showcase-cyber .component-card__preview{background:#0006;border:1px solid #00ffff1a;border-radius:0}.showcase-organic .component-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#232d23b3;border:1px solid #7a9a7a33;border-radius:16px}.showcase-organic .component-card:hover{border-color:#7a9a7a66;box-shadow:0 10px 30px #0003;transform:translateY(-4px)}.showcase-organic .component-card__name{color:#d4e4d4;font-family:Georgia,serif}.showcase-organic .component-card__category{background:#7a9a7a26;border-radius:12px;color:#7a9a7a;font-family:Georgia,serif}.showcase-organic .component-card__toggle{background:#2d3a2d99;border:1px solid #7a9a7a33;border-radius:12px;color:#7a9a7a;font-family:Georgia,serif}.showcase-organic .component-card__toggle:hover{background:#7a9a7a26;border-color:#7a9a7a66;color:#a0c4a0}.showcase-organic .component-card__toggle--active{background:#7a9a7a40;border-color:#7a9a7a;color:#a0c4a0}.showcase-organic .component-card__description{color:#8a9a8a;font-family:Georgia,serif}.showcase-organic .component-card__preview{background:#1a2a1a80;border:1px solid #7a9a7a1a;border-radius:12px}.showcase-whimsical .component-card{background:linear-gradient(135deg,#b464ff26,#64b4ff26);border:2px dashed #b464ff4d;border-radius:20px;transform:rotate(-.5deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.showcase-whimsical .component-card:nth-child(2n){transform:rotate(.5deg)}.showcase-whimsical .component-card:hover{border-color:#ffb4c8;box-shadow:0 10px 30px #b464ff33;transform:rotate(0deg) scale(1.02) translateY(-6px)}.showcase-whimsical .component-card__name{color:#e0d0ff;font-family:Comic Sans MS,Chalkboard SE,cursive}.showcase-whimsical .component-card__category{background:#ffb4c833;border-radius:10px;color:#ffb4c8;font-family:Comic Sans MS,Chalkboard SE,cursive}.showcase-whimsical .component-card__toggle{background:#b464ff26;border:2px solid #b464ff4d;border-radius:12px;color:#c4a0ff;font-family:Comic Sans MS,Chalkboard SE,cursive;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.showcase-whimsical .component-card__toggle:hover{background:#ffb4c833;border-color:#ffb4c8;color:#ffb4c8;transform:scale(1.1)}.showcase-whimsical .component-card__toggle--active{background:linear-gradient(135deg,#ffcc004d,#ffb4c84d);border-color:#fc0;color:#fc0}.showcase-whimsical .component-card__description{color:#a0b0c0;font-family:Comic Sans MS,Chalkboard SE,cursive}.showcase-whimsical .component-card__preview{background:#1a103080;border:2px dashed #b464ff33;border-radius:16px}.showcase-flamboyant .component-card{background:linear-gradient(135deg,#2a1a2fcc,#1a0a1fe6);border:1px solid #d4af3733;border-radius:8px;overflow:hidden;position:relative}.showcase-flamboyant .component-card:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.showcase-flamboyant .component-card:hover:before{left:100%}.showcase-flamboyant .component-card:hover{border-color:#d4af3780;box-shadow:0 15px 40px #d4af3726;transform:translateY(-6px)}.showcase-flamboyant .component-card__name{color:#f0e6d6;font-family:Georgia,serif;font-style:italic}.showcase-flamboyant .component-card__category{background:linear-gradient(135deg,#d4af3726,#b464b41a);border:1px solid #d4af3733;color:#d4af37;font-family:Georgia,serif;font-style:italic}.showcase-flamboyant .component-card__toggle{background:#1a0a1f99;border:1px solid #d4af3733;border-radius:4px;color:#b08060;font-family:Georgia,serif;font-style:italic}.showcase-flamboyant .component-card__toggle:hover{background:#d4af371a;border-color:#d4af3766;color:#d4af37}.showcase-flamboyant .component-card__toggle--active{background:linear-gradient(135deg,#d4af3733,#b464b426);border-color:#d4af37;box-shadow:0 0 20px #d4af3733;color:#d4af37}.showcase-flamboyant .component-card__description{color:#a08070;font-family:Georgia,serif;font-style:italic}.showcase-flamboyant .component-card__preview{background:#1a0a1f80;border:1px solid #d4af371a;border-radius:6px}.boring-demo{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.boring-demo--column{align-items:stretch;flex-direction:column;width:100%}.boring-button{background:#0000;border:1px solid;border-radius:4px;color:inherit;cursor:pointer;font-family:inherit;font-size:.875rem;padding:.5em 1em}.boring-button--primary{background:#333;background:var(--boring-primary,#333);color:#fff;color:var(--boring-on-primary,#fff)}.boring-button--primary,.boring-button--secondary{border-color:#333;border-color:var(--boring-primary,#333)}.boring-button--secondary{background:#0000;color:#333;color:var(--boring-primary,#333)}.boring-button--ghost{background:#0000;border-color:#0000;color:inherit}.boring-button--destructive{background:#c00;background:var(--boring-destructive,#c00);border-color:#c00;border-color:var(--boring-destructive,#c00);color:#fff}.boring-button:disabled{cursor:not-allowed;opacity:.5}.boring-input{background:#0000;border:1px solid #ffffff4d;border-radius:4px;box-sizing:border-box;color:inherit;font-family:inherit;font-size:.875rem;padding:.5em .75em;width:100%}.boring-input:focus{outline:2px solid #333;outline:2px solid var(--boring-primary,#333);outline-offset:2px}.boring-input--error{border-color:#c00;border-color:var(--boring-destructive,#c00)}.boring-textarea{background:#0000;border:1px solid #ffffff4d;border-radius:4px;box-sizing:border-box;color:inherit;font-family:inherit;font-size:.875rem;padding:.5em .75em;resize:vertical;width:100%}.boring-checkbox{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:8px}.boring-checkbox input{cursor:pointer;height:16px;width:16px}.boring-radio{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:8px}.boring-radio input{cursor:pointer;height:16px;width:16px}.boring-toggle{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:8px}.boring-toggle input{cursor:pointer;height:16px;width:16px}.boring-select{background:#0000;border:1px solid #ffffff4d;border-radius:4px;color:inherit;cursor:pointer;font-family:inherit;font-size:.875rem;min-width:150px;padding:.5em .75em}.boring-select option{background:#1a1a1a;color:#fff}.boring-card{border:1px solid #fff3;border-radius:4px;box-sizing:border-box;padding:1em;width:100%}.boring-card__title{font-size:1rem;font-weight:600;margin:0 0 .5em}.boring-card__content{font-size:.875rem;margin:0;opacity:.8}.boring-badge{border:1px solid;border-radius:4px;display:inline-block;font-size:.75rem;padding:.25em .5em}.boring-badge--success{border-color:#0a0;color:#0a0}.boring-badge--warning{border-color:#fa0;color:#fa0}.boring-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.boring-avatar--large{font-size:1rem;height:56px;width:56px}.boring-tooltip{border-bottom:1px dashed;cursor:help}.boring-modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.boring-modal{background:#1a1a1a;border:1px solid #fff3;border-radius:8px;max-width:90%;min-width:300px;padding:1.5em}.boring-modal h4{margin:0 0 .5em}.boring-modal p{margin:0 0 1em;opacity:.8}.boring-tabs{width:100%}.boring-tabs__list{border-bottom:1px solid #fff3;display:flex}.boring-tabs__tab{background:#0000;border:none;border-bottom:2px solid #0000;color:inherit;cursor:pointer;font-family:inherit;font-size:.875rem;margin-bottom:-1px;opacity:.6;padding:.5em 1em}.boring-tabs__tab--active{border-bottom-color:initial;opacity:1}.boring-tabs__content{font-size:.875rem;padding:1em 0}.boring-accordion{border:1px solid #fff3;border-radius:4px;width:100%}.boring-accordion__header{cursor:pointer;font-size:.875rem;padding:.75em 1em}.boring-accordion__content{font-size:.875rem;opacity:.8;padding:0 1em 1em}.boring-progress{-webkit-appearance:none;appearance:none;border-radius:4px;height:8px;width:100%}.boring-progress::-webkit-progress-bar{background:#ffffff1a;border-radius:4px}.boring-progress::-webkit-progress-value{background:currentColor;border-radius:4px}.boring-progress-label{font-size:.75rem;text-align:center}.boring-slider{cursor:pointer;width:100%}.boring-slider-value{font-size:.75rem;text-align:center}.boring-toast{animation:boring-toast-in .3s ease;background:#333;border-radius:4px;bottom:20px;color:#fff;font-size:.875rem;padding:1em 2em 1em 1em;position:fixed;right:20px;z-index:1000}.boring-toast__close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1rem;position:absolute;right:8px;top:50%;transform:translateY(-50%)}@keyframes boring-toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--util-primary:#f5efe6;--util-accent:#ffaf00;--util-success:#3c7f72;--util-warning:#f59e0b;--util-destructive:#ef4444;--util-bg:#0000004d;--util-border:#ffffff1a;--util-transition:0.2s ease}.util-demo{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.util-demo--column{align-items:stretch;flex-direction:column;width:100%}.util-button{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--util-border);color:#f5efe6;color:var(--util-primary);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.025em;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .2s ease;transition:all var(--util-transition)}.util-button:hover{color:#ffaf00;color:var(--util-accent)}.util-button--primary,.util-button:hover{border-color:#ffaf00;border-color:var(--util-accent)}.util-button--primary{background:#ffaf00;background:var(--util-accent);color:#011329}.util-button--primary:hover{background:#ffc940;color:#011329}.util-button__shine{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.util-button:hover .util-button__shine{left:100%}.util-button--secondary{border-color:#f5efe6;border-color:var(--util-primary)}.util-button--ghost{border-color:#0000}.util-button--ghost:hover{background:#ffaf001a}.util-button--destructive{border-color:#ef4444;border-color:var(--util-destructive);color:#ef4444;color:var(--util-destructive)}.util-button--destructive:hover{background:#ef4444;background:var(--util-destructive);color:#fff}.util-input-wrapper{position:relative;width:100%}.util-input{background:#0000;border:none;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--util-border);color:#f5efe6;color:var(--util-primary);font-family:Inter,sans-serif;font-size:.875rem;padding:1rem 0 .5rem;transition:border-color .2s ease;transition:border-color var(--util-transition);width:100%}.util-input:focus{outline:none}.util-input-label{color:#f5efe680;font-size:.875rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;transition:all var(--util-transition)}.util-input-wrapper--active .util-input-label,.util-input:focus+.util-input-label{color:#ffaf00;color:var(--util-accent);font-size:.7rem;top:0;transform:translateY(0)}.util-input-line{background:#ffaf00;background:var(--util-accent);bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.util-input:focus~.util-input-line{width:100%}.util-textarea-wrapper{position:relative;width:100%}.util-textarea{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--util-border);box-sizing:border-box;color:#f5efe6;color:var(--util-primary);font-family:Inter,sans-serif;font-size:.875rem;padding:1.5rem .75rem .5rem;resize:vertical;transition:border-color .2s ease;transition:border-color var(--util-transition);width:100%}.util-textarea:focus{border-color:#ffaf00;border-color:var(--util-accent);outline:none}.util-textarea-label{color:#f5efe680;font-size:.7rem;left:.75rem;pointer-events:none;position:absolute;top:.75rem}.util-textarea:focus+.util-textarea-label{color:#ffaf00;color:var(--util-accent)}.util-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px}.util-checkbox input{opacity:0;position:absolute}.util-checkbox__box{align-items:center;border:1px solid #ffffff1a;border:1px solid var(--util-border);display:flex;height:20px;justify-content:center;transition:all .2s ease;transition:all var(--util-transition);width:20px}.util-checkbox input:checked+.util-checkbox__box{background:#ffaf00;background:var(--util-accent);border-color:#ffaf00;border-color:var(--util-accent)}.util-checkbox__check{fill:none;stroke:#011329;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;height:14px;opacity:0;transform:scale(.5);transition:all .2s ease;transition:all var(--util-transition);width:14px}.util-checkbox input:checked+.util-checkbox__box .util-checkbox__check{opacity:1;transform:scale(1)}.util-checkbox__text{color:#f5efe6;color:var(--util-primary);font-size:.875rem}.util-radio{align-items:center;cursor:pointer;display:flex;gap:10px}.util-radio input{opacity:0;position:absolute}.util-radio__circle{align-items:center;border:1px solid #ffffff1a;border:1px solid var(--util-border);border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s ease;transition:all var(--util-transition);width:20px}.util-radio input:checked+.util-radio__circle{border-color:#ffaf00;border-color:var(--util-accent)}.util-radio__dot{background:#ffaf00;background:var(--util-accent);border-radius:50%;height:10px;opacity:0;transform:scale(0);transition:all .2s ease;transition:all var(--util-transition);width:10px}.util-radio input:checked+.util-radio__circle .util-radio__dot{opacity:1;transform:scale(1)}.util-radio__text{font-size:.875rem}.util-toggle{align-items:center;cursor:pointer;display:flex;gap:10px}.util-toggle input{opacity:0;position:absolute}.util-toggle__track{background:#0000004d;background:var(--util-bg);border:1px solid #ffffff1a;border:1px solid var(--util-border);border-radius:12px;height:24px;position:relative;transition:all .2s ease;transition:all var(--util-transition);width:44px}.util-toggle input:checked+.util-toggle__track{background:#ffaf00;background:var(--util-accent);border-color:#ffaf00;border-color:var(--util-accent)}.util-toggle__thumb{background:#f5efe6;background:var(--util-primary);border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transition:all .2s ease;transition:all var(--util-transition);width:18px}.util-toggle input:checked+.util-toggle__track .util-toggle__thumb{background:#011329;left:22px}.util-toggle__text{font-size:.875rem}.util-select-wrapper{min-width:180px;position:relative}.util-select{-webkit-appearance:none;appearance:none;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--util-border);color:#f5efe6;color:var(--util-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;padding:.625rem 2rem .625rem .75rem;transition:all .2s ease;transition:all var(--util-transition);width:100%}.util-select:focus{border-color:#ffaf00;border-color:var(--util-accent);outline:none}.util-select option{background:#011329}.util-select-arrow{color:#f5efe680;font-family:JetBrains Mono,monospace;font-size:.8rem;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%) rotate(90deg)}.util-card{background:#0000004d;background:var(--util-bg);border:1px solid #ffffff1a;border:1px solid var(--util-border);box-sizing:border-box;padding:1.25rem;transition:all .2s ease;transition:all var(--util-transition);width:100%}.util-card:hover{border-color:#ffaf004d;transform:translateY(-2px)}.util-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.util-card__title{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;margin:0}.util-card__badge{background:#ffaf001a;color:#ffaf00;color:var(--util-accent);font-size:.65rem;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.util-card__content{font-size:.875rem;line-height:1.5;margin:0;opacity:.7}.util-badge{align-items:center;background:#0000004d;background:var(--util-bg);border:1px solid #ffffff1a;border:1px solid var(--util-border);display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.05em;padding:.25rem .625rem;text-transform:uppercase}.util-badge--success{background:#3c7f721a;border-color:#3c7f72;border-color:var(--util-success);color:#3c7f72;color:var(--util-success)}.util-badge--warning{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--util-warning);color:#f59e0b;color:var(--util-warning)}.util-badge--pulse{color:#ef4444;color:var(--util-destructive)}.util-badge--pulse:before{animation:util-pulse 1.5s ease-in-out infinite;background:#ef4444;background:var(--util-destructive);border-radius:50%;content:"";height:6px;margin-right:6px;width:6px}@keyframes util-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.util-avatar{align-items:center;background:linear-gradient(135deg,#ffaf00,#3c7f72);background:linear-gradient(135deg,var(--util-accent),var(--util-success));border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;width:40px}.util-avatar--large{height:56px;width:56px}.util-avatar__initials{color:#011329;font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:600}.util-avatar--large .util-avatar__initials{font-size:1rem}.util-avatar__status{border:2px solid #011329;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.util-avatar__status--online{background:#3c7f72;background:var(--util-success)}.util-tooltip-trigger{border-bottom:1px dashed #ffffff1a;border-bottom:1px dashed var(--util-border);cursor:help;position:relative}.util-tooltip{background:#f5efe6;background:var(--util-primary);bottom:100%;color:#011329;font-size:.75rem;left:50%;opacity:0;padding:.5rem .75rem;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .2s ease;transition:all var(--util-transition);visibility:hidden;white-space:nowrap}.util-tooltip:after{border:6px solid #0000;border-top:6px solid var(--util-primary);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.util-tooltip-trigger:hover .util-tooltip{opacity:1;transform:translateX(-50%) translateY(-12px);visibility:visible}.util-modal-backdrop{align-items:center;animation:util-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#011329cc;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.util-modal{animation:util-slide-up .3s ease;background:#02203d;border:1px solid #ffffff1a;border:1px solid var(--util-border);max-width:90%;min-width:320px;padding:1.5rem}.util-modal__title{font-family:Space Grotesk,sans-serif;font-size:1.1rem;margin:0 0 .75rem}.util-modal__content{font-size:.875rem;margin:0 0 1.5rem;opacity:.7}.util-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}@keyframes util-fade-in{0%{opacity:0}to{opacity:1}}@keyframes util-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.util-tabs{width:100%}.util-tabs__list{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--util-border);display:flex;position:relative}.util-tabs__tab{background:#0000;border:none;color:#f5efe680;cursor:pointer;flex:1 1;font-family:Space Grotesk,sans-serif;font-size:.875rem;padding:.75rem 1rem;transition:color .2s ease;transition:color var(--util-transition)}.util-tabs__tab:hover{color:#f5efe6;color:var(--util-primary)}.util-tabs__tab--active{color:#ffaf00;color:var(--util-accent)}.util-tabs__indicator{background:#ffaf00;background:var(--util-accent);bottom:-1px;height:2px;left:0;position:absolute;transition:transform .3s ease;width:33.33333%}.util-tabs__content{font-size:.875rem;padding:1rem 0}.util-accordion{border:1px solid #ffffff1a;border:1px solid var(--util-border);width:100%}.util-accordion__header{align-items:center;background:#0000;border:none;color:#f5efe6;color:var(--util-primary);cursor:pointer;display:flex;font-family:Space Grotesk,sans-serif;font-size:.875rem;justify-content:space-between;padding:.875rem 1rem;transition:background .2s ease;transition:background var(--util-transition);width:100%}.util-accordion__header:hover{background:#ffaf000d}.util-accordion__icon{font-family:JetBrains Mono,monospace;transition:transform .2s ease;transition:transform var(--util-transition)}.util-accordion--open .util-accordion__icon{transform:rotate(180deg)}.util-accordion__body{max-height:0;overflow:hidden;transition:max-height .3s ease}.util-accordion--open .util-accordion__body{max-height:200px}.util-accordion__content{font-size:.875rem;opacity:.7;padding:0 1rem 1rem}.util-progress{background:#0000004d;background:var(--util-bg);height:4px;overflow:hidden;width:100%}.util-progress__bar{background:linear-gradient(90deg,#ffaf00,#3c7f72);background:linear-gradient(90deg,var(--util-accent),var(--util-success));height:100%;transition:width .5s ease}.util-progress__label{color:#f5efe680;font-size:.75rem;margin-top:.5rem;text-align:center}.util-slider{-webkit-appearance:none;appearance:none;background:#0000004d;background:var(--util-bg);border-radius:2px;cursor:pointer;height:4px;width:100%}.util-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffaf00;background:var(--util-accent);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:transform .2s ease;transition:transform .2s ease;-webkit-transition:transform var(--util-transition);transition:transform var(--util-transition);width:16px}.util-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.util-slider__value{color:#ffaf00;color:var(--util-accent);font-size:.75rem;text-align:center}.util-toast{align-items:center;animation:util-slide-up .3s ease;background:#f5efe6;background:var(--util-primary);bottom:20px;color:#011329;display:flex;font-size:.875rem;gap:.75rem;padding:.875rem 1rem;position:fixed;right:20px;z-index:1000}.util-toast__icon{color:#3c7f72;color:var(--util-success);font-family:JetBrains Mono,monospace}.util-toast__message{flex:1 1}.util-toast__close{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1rem;opacity:.5;transition:opacity .2s ease;transition:opacity var(--util-transition)}.util-toast__close:hover{opacity:1}:root{--brut-black:#000;--brut-white:#fff;--brut-red:red;--brut-offset:4px}.brut-demo{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.brut-demo--column{align-items:stretch;flex-direction:column;width:100%}.brut-button{background:#fff;background:var(--brut-white);border:3px solid #000;border:3px solid var(--brut-black);color:#000;color:var(--brut-black);cursor:pointer;font-family:JetBrains Mono,Courier New,monospace;font-size:.875rem;font-weight:700;letter-spacing:.1em;padding:12px 24px;position:relative;text-transform:uppercase;transition:transform .1s ease}.brut-button:hover{transform:translate(-2px,-2px)}.brut-button:active{transform:translate(2px,2px)}.brut-button__shadow{background:#000;background:var(--brut-black);bottom:-4px;bottom:calc(var(--brut-offset)*-1);left:4px;left:var(--brut-offset);position:absolute;right:-4px;right:calc(var(--brut-offset)*-1);top:4px;top:var(--brut-offset);transition:all .1s ease;z-index:-1}.brut-button:hover .brut-button__shadow{left:6px;top:6px}.brut-button:active .brut-button__shadow{left:2px;top:2px}.brut-button__text{position:relative;z-index:1}.brut-button--primary{background:#fff;background:var(--brut-white);color:#000;color:var(--brut-black)}.brut-button--secondary{border-color:#fff;border-color:var(--brut-white)}.brut-button--ghost,.brut-button--secondary{background:#0000;color:#fff;color:var(--brut-white)}.brut-button--ghost{border:3px dashed #ffffff80}.brut-button--destructive{background:red;background:var(--brut-red);border-color:red;border-color:var(--brut-red);color:#fff;color:var(--brut-white)}.brut-input-wrapper{position:relative;width:100%}.brut-input-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.15em;margin-bottom:8px;text-transform:uppercase}.brut-input,.brut-input-label{color:#fff;color:var(--brut-white);font-family:JetBrains Mono,monospace}.brut-input{background:#0000;border:3px solid #fff;border:3px solid var(--brut-white);box-sizing:border-box;font-size:1rem;padding:12px 16px;width:100%}.brut-input:focus{background:#ffffff1a;outline:none}.brut-input__offset{border:3px solid #ffffff4d;bottom:-4px;bottom:calc(var(--brut-offset)*-1);height:calc(100% - 28px);pointer-events:none;position:absolute;right:-4px;right:calc(var(--brut-offset)*-1);width:100%}.brut-textarea-wrapper{position:relative;width:100%}.brut-textarea-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.15em;margin-bottom:8px;text-transform:uppercase}.brut-textarea,.brut-textarea-label{color:#fff;color:var(--brut-white);font-family:JetBrains Mono,monospace}.brut-textarea{background:#0000;border:3px solid #fff;border:3px solid var(--brut-white);box-sizing:border-box;font-size:1rem;padding:12px 16px;resize:vertical;width:100%}.brut-textarea:focus{background:#ffffff1a;outline:none}.brut-textarea__offset{border:3px solid #ffffff4d;bottom:-4px;bottom:calc(var(--brut-offset)*-1);height:calc(100% - 28px);pointer-events:none;position:absolute;right:-4px;right:calc(var(--brut-offset)*-1);width:100%}.brut-checkbox{align-items:center;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:.875rem;gap:12px;letter-spacing:.05em;text-transform:uppercase}.brut-checkbox input{opacity:0;pointer-events:none;position:absolute}.brut-checkbox__box{align-items:center;background:#0000;border:3px solid #fff;border:3px solid var(--brut-white);display:flex;height:24px;justify-content:center;transition:all .1s ease;width:24px}.brut-checkbox input:checked+.brut-checkbox__box{background:#fff;background:var(--brut-white)}.brut-checkbox__x{color:#000;color:var(--brut-black);font-size:1.25rem;font-weight:900;opacity:0;transition:opacity .1s ease}.brut-checkbox input:checked+.brut-checkbox__box .brut-checkbox__x{opacity:1}.brut-checkbox__text{color:#fff;color:var(--brut-white)}.brut-radio{align-items:center;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:.875rem;gap:12px;letter-spacing:.05em;text-transform:uppercase}.brut-radio input{opacity:0;pointer-events:none;position:absolute}.brut-radio__box{align-items:center;background:#0000;border:3px solid #fff;border:3px solid var(--brut-white);display:flex;height:24px;justify-content:center;width:24px}.brut-radio__fill{background:#fff;background:var(--brut-white);height:12px;opacity:0;transition:opacity .1s ease;width:12px}.brut-radio input:checked+.brut-radio__box .brut-radio__fill{opacity:1}.brut-radio__text{color:#fff;color:var(--brut-white)}.brut-toggle{align-items:center;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:.875rem;gap:12px;text-transform:uppercase}.brut-toggle input{opacity:0;pointer-events:none;position:absolute}.brut-toggle__track{background:#0000;border:3px solid #fff;border:3px solid var(--brut-white);height:28px;position:relative;width:56px}.brut-toggle__thumb{background:#fff;background:var(--brut-white);height:18px;left:2px;position:absolute;top:2px;transition:transform .1s ease;width:18px}.brut-toggle input:checked+.brut-toggle__track .brut-toggle__thumb{transform:translateX(28px)}.brut-toggle input:checked+.brut-toggle__track{background:#fff3}.brut-toggle__label{color:#fff;color:var(--brut-white);font-weight:700}.brut-select-wrapper{position:relative;width:100%}.brut-select-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.15em;margin-bottom:8px;text-transform:uppercase}.brut-select,.brut-select-label{color:#fff;color:var(--brut-white);font-family:JetBrains Mono,monospace}.brut-select{-webkit-appearance:none;appearance:none;background:#0000;border:3px solid #fff;border:3px solid var(--brut-white);cursor:pointer;font-size:1rem;padding:12px 40px 12px 16px;width:100%}.brut-select option{background:#1a1a1a;color:#fff;color:var(--brut-white)}.brut-select__arrow{bottom:12px;color:#fff;color:var(--brut-white);font-size:.875rem;pointer-events:none;position:absolute;right:16px}.brut-select__offset{border:3px solid #ffffff4d;bottom:-4px;bottom:calc(var(--brut-offset)*-1);height:calc(100% - 28px);pointer-events:none;position:absolute;right:-4px;right:calc(var(--brut-offset)*-1);width:100%}.brut-card{border:3px solid #fff;border:3px solid var(--brut-white);box-sizing:border-box;padding:24px;position:relative;width:100%}.brut-card__offset{border:3px solid #ffffff4d;bottom:-8px;left:8px;position:absolute;right:-8px;top:8px;z-index:-1}.brut-card__number{color:#ffffff1a;font-size:3rem;position:absolute;right:16px;top:8px}.brut-card__number,.brut-card__title{font-family:JetBrains Mono,monospace;font-weight:900}.brut-card__title{color:#fff;color:var(--brut-white);font-size:1.25rem;letter-spacing:.1em;margin:0 0 16px;text-transform:uppercase}.brut-card__content{color:#fffc;font-size:.875rem;line-height:1.6;margin:0 0 20px}.brut-card__footer{display:flex;gap:8px}.brut-card__tag{border:2px solid #ffffff80;color:#ffffffb3;font-size:.7rem;padding:4px 8px}.brut-badge,.brut-card__tag{font-family:JetBrains Mono,monospace;text-transform:uppercase}.brut-badge{border:3px solid #fff;border:3px solid var(--brut-white);color:#fff;color:var(--brut-white);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:6px 12px}.brut-badge--success{border-color:#0f0;color:#0f0}.brut-badge--warning{border-color:#ff0;color:#ff0}.brut-badge--danger{background:#ff00001a;border-color:red;border-color:var(--brut-red);color:red;color:var(--brut-red)}.brut-avatar{align-items:center;background:#0000;border:3px solid #fff;border:3px solid var(--brut-white);display:flex;height:48px;justify-content:center;position:relative;width:48px}.brut-avatar--large{height:72px;width:72px}.brut-avatar__offset{border:3px solid #ffffff4d;bottom:-4px;left:4px;position:absolute;right:-4px;top:4px;z-index:-1}.brut-avatar__text{color:#fff;color:var(--brut-white);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:900}.brut-avatar--large .brut-avatar__text{font-size:1.5rem}.brut-tooltip-trigger{border-bottom:3px solid #fff;border-bottom:3px solid var(--brut-white);cursor:help;font-family:JetBrains Mono,monospace;font-size:.875rem;position:relative;text-transform:uppercase}.brut-tooltip{background:#fff;background:var(--brut-white);bottom:100%;color:#000;color:var(--brut-black);font-size:.75rem;left:50%;opacity:0;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:opacity .1s ease;white-space:nowrap}.brut-tooltip-trigger:hover .brut-tooltip{opacity:1}.brut-tooltip__offset{background:#000;background:var(--brut-black);bottom:-4px;left:4px;position:absolute;right:-4px;top:4px;z-index:-1}.brut-tooltip__content{position:relative;z-index:1}.brut-modal-backdrop{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.brut-modal{background:#1a1a1a;border:3px solid #fff;border:3px solid var(--brut-white);max-width:90%;min-width:320px;padding:32px;position:relative}.brut-modal__offset{border:3px solid #ffffff4d;bottom:-8px;left:8px;position:absolute;right:-8px;top:8px;z-index:-1}.brut-modal__close{background:#0000;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:16px}.brut-modal__close,.brut-modal__title{color:#fff;color:var(--brut-white);font-weight:900}.brut-modal__title{font-family:JetBrains Mono,monospace;font-size:1.25rem;letter-spacing:.1em;margin:0 0 16px;text-transform:uppercase}.brut-modal__content{color:#fffc;font-size:.875rem;margin:0 0 24px}.brut-modal__actions{display:flex;gap:16px;justify-content:flex-end}.brut-tabs{width:100%}.brut-tabs__list{border-bottom:3px solid #fff;border-bottom:3px solid var(--brut-white);display:flex}.brut-tabs__tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#ffffff80;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;letter-spacing:.1em;margin-bottom:-3px;padding:12px 24px;text-transform:uppercase;transition:all .1s ease}.brut-tabs__tab--active,.brut-tabs__tab:hover{color:#fff;color:var(--brut-white)}.brut-tabs__tab--active{background:#ffffff1a;border-bottom-color:#fff;border-bottom-color:var(--brut-white)}.brut-tabs__content{color:#fff;color:var(--brut-white);font-family:JetBrains Mono,monospace;font-size:.875rem;padding:24px 0;text-transform:uppercase}.brut-tabs__number{color:#fff3;font-size:2rem;font-weight:900;margin-right:16px}.brut-accordion{border:3px solid #fff;border:3px solid var(--brut-white);width:100%}.brut-accordion__header{align-items:center;background:#0000;border:none;color:#fff;color:var(--brut-white);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;justify-content:space-between;letter-spacing:.1em;padding:16px 20px;text-align:left;text-transform:uppercase;width:100%}.brut-accordion__icon{font-size:1.5rem;font-weight:900}.brut-accordion__body{max-height:0;overflow:hidden;transition:max-height .2s ease}.brut-accordion--open .brut-accordion__body{max-height:200px}.brut-accordion__content{border-top:3px solid #fff3;color:#fffc;font-size:.875rem;line-height:1.6;padding:16px 20px 20px}.brut-progress{border:3px solid #fff;border:3px solid var(--brut-white);height:32px;position:relative;width:100%}.brut-progress__bar{background:#fff;background:var(--brut-white);height:100%;transition:width .3s ease}.brut-progress__text{color:#000;color:var(--brut-black);font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;mix-blend-mode:difference;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.brut-slider-wrapper{height:24px;position:relative;width:100%}.brut-slider{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.brut-slider__track{border:3px solid #fff;border:3px solid var(--brut-white);height:8px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.brut-slider__fill{background:#fff;background:var(--brut-white);height:100%}.brut-slider__value{color:#fff;color:var(--brut-white);display:block;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:900;margin-top:16px;text-align:center}.brut-toast{align-items:center;animation:brut-toast-in .2s ease;background:#fff;background:var(--brut-white);border:3px solid #000;border:3px solid var(--brut-black);bottom:24px;color:#000;color:var(--brut-black);display:flex;gap:16px;padding:16px 24px;position:fixed;right:24px;z-index:1000}.brut-toast__offset{background:#000;background:var(--brut-black);bottom:-4px;left:4px;position:absolute;right:-4px;top:4px;z-index:-1}.brut-toast__message{font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.brut-toast__close{background:#0000;border:none;color:#000;color:var(--brut-black);cursor:pointer;font-size:1.25rem;font-weight:900}@keyframes brut-toast-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.brut-demo{gap:8px}.brut-button{border-width:2px;font-size:.75rem;padding:10px 16px}.brut-button__shadow{bottom:-3px;left:3px;right:-3px;top:3px}.brut-input,.brut-select,.brut-textarea{border-width:2px;box-sizing:border-box;font-size:.8rem;max-width:100%;padding:10px 12px}.brut-input-wrapper,.brut-select-wrapper,.brut-textarea-wrapper{max-width:100%}.brut-card{border-width:2px;padding:16px}.brut-card__stamp{font-size:.6rem;padding:4px 8px}.brut-card__title{font-size:1rem}.brut-tabs__tab{font-size:.7rem;padding:8px 12px}.brut-accordion,.brut-tabs__tab{border-width:2px}.brut-accordion__header{font-size:.8rem;padding:12px}.brut-modal{border-width:2px;margin:16px;max-width:none;padding:16px;width:calc(100vw - 32px)}.brut-toast{border-width:2px;bottom:16px;left:16px;padding:12px 16px;right:16px}.brut-progress,.brut-slider-wrapper{max-width:100%}}:root{--cyber-primary:#f0f;--cyber-secondary:#0ff;--cyber-accent:#ffaf00;--cyber-success:#0f8;--cyber-warning:#fa0;--cyber-destructive:#f36;--cyber-bg:#0009;--cyber-glow:0 0 20px}.cyber-demo{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.cyber-demo--column{align-items:stretch;flex-direction:column;width:100%}.cyber-button{background:#0000;border:2px solid #f0f;border:2px solid var(--cyber-primary);-webkit-clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);color:#f0f;color:var(--cyber-primary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;letter-spacing:.15em;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.cyber-button:hover{box-shadow:0 0 20px #f0f;box-shadow:var(--cyber-glow) var(--cyber-primary)}.cyber-button--primary,.cyber-button:hover{background:#f0f;background:var(--cyber-primary);color:#000}.cyber-button--primary:hover{box-shadow:0 0 20px #f0f,inset 0 0 20px #ffffff4d;box-shadow:var(--cyber-glow) var(--cyber-primary),inset 0 0 20px #ffffff4d}.cyber-button__text{position:relative;z-index:2}.cyber-button__glitch{color:#0ff;color:var(--cyber-secondary);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.cyber-button:hover .cyber-button__glitch{animation:cyber-glitch .3s steps(2) infinite}.cyber-button__glow{background:#f0f;background:var(--cyber-primary);filter:blur(20px);inset:-10px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:0}.cyber-button:hover .cyber-button__glow{opacity:.4}.cyber-button--ghost{border-color:#0ff;border-color:var(--cyber-secondary);-webkit-clip-path:none;clip-path:none;color:#0ff;color:var(--cyber-secondary)}.cyber-button--ghost:hover{background:#00ffff1a;box-shadow:0 0 20px #0ff;box-shadow:var(--cyber-glow) var(--cyber-secondary)}.cyber-button--destructive{border-color:#f36;border-color:var(--cyber-destructive);color:#f36;color:var(--cyber-destructive)}.cyber-button--destructive:hover{background:#f36;background:var(--cyber-destructive);box-shadow:0 0 20px #f36;box-shadow:var(--cyber-glow) var(--cyber-destructive);color:#000}@keyframes cyber-glitch{0%{opacity:.8;transform:translate(-52%,-48%)}25%{opacity:.6;transform:translate(-48%,-52%)}50%{opacity:.9;transform:translate(-51%,-49%)}75%{opacity:.7;transform:translate(-49%,-51%)}to{opacity:.8;transform:translate(-50%,-50%)}}.cyber-input-wrapper{position:relative;width:100%}.cyber-input{background:#0009;background:var(--cyber-bg);border:none;box-sizing:border-box;color:#0ff;color:var(--cyber-secondary);font-family:JetBrains Mono,monospace;font-size:.875rem;letter-spacing:.05em;padding:1rem 1.25rem;width:100%}.cyber-input::placeholder{color:#0ff6}.cyber-input:focus{outline:none}.cyber-input__corner{border-color:#f0f;border-color:var(--cyber-primary);border-style:solid;height:12px;position:absolute;transition:all .3s ease;width:12px}.cyber-input__corner--tl{border-width:2px 0 0 2px;left:0;top:0}.cyber-input__corner--tr{border-width:2px 2px 0 0;right:0;top:0}.cyber-input__corner--bl{border-width:0 0 2px 2px;bottom:0;left:0}.cyber-input__corner--br{border-width:0 2px 2px 0;bottom:0;right:0}.cyber-input-wrapper--focused .cyber-input__corner{border-color:#0ff;border-color:var(--cyber-secondary);height:20px;width:20px}.cyber-input__scanline{background:#0ff;background:var(--cyber-secondary);height:2px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.cyber-input-wrapper--focused .cyber-input__scanline{animation:cyber-scanline 2s linear infinite;opacity:.5}@keyframes cyber-scanline{0%{top:0}to{top:100%}}.cyber-textarea-wrapper{position:relative;width:100%}.cyber-textarea{background:#0009;background:var(--cyber-bg);border:2px solid #f0f;border:2px solid var(--cyber-primary);box-sizing:border-box;color:#0ff;color:var(--cyber-secondary);font-family:JetBrains Mono,monospace;font-size:.875rem;padding:1rem;resize:vertical;width:100%}.cyber-textarea:focus{box-shadow:0 0 20px #f0f;box-shadow:var(--cyber-glow) var(--cyber-primary);outline:none}.cyber-textarea__border{border:1px dashed #0ff;border:1px dashed var(--cyber-secondary);inset:-4px;opacity:.3;pointer-events:none;position:absolute}.cyber-checkbox{align-items:center;cursor:pointer;display:flex;gap:12px}.cyber-checkbox input{opacity:0;position:absolute}.cyber-checkbox__box{align-items:center;background:#0009;background:var(--cyber-bg);border:2px solid #f0f;border:2px solid var(--cyber-primary);-webkit-clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);display:flex;height:24px;justify-content:center;position:relative;width:24px}.cyber-checkbox__fill{background:#f0f;background:var(--cyber-primary);inset:0;position:absolute;transform:scale(0);transition:transform .2s ease}.cyber-checkbox input:checked+.cyber-checkbox__box .cyber-checkbox__fill{transform:scale(1)}.cyber-checkbox__icon{color:#000;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;opacity:0;position:relative;transition:opacity .2s ease;z-index:2}.cyber-checkbox input:checked+.cyber-checkbox__box .cyber-checkbox__icon{opacity:1}.cyber-checkbox__text{color:#0ff;color:var(--cyber-secondary);font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:.1em}.cyber-radio{align-items:center;cursor:pointer;display:flex;gap:12px}.cyber-radio input{opacity:0;position:absolute}.cyber-radio__ring{align-items:center;border:2px solid #0ff;border:2px solid var(--cyber-secondary);border-radius:50%;display:flex;height:24px;justify-content:center;position:relative;width:24px}.cyber-radio__core{background:#f0f;background:var(--cyber-primary);border-radius:50%;height:8px;transform:scale(0);transition:transform .3s ease;width:8px}.cyber-radio input:checked+.cyber-radio__ring .cyber-radio__core{box-shadow:0 0 10px #f0f;box-shadow:0 0 10px var(--cyber-primary);transform:scale(1)}.cyber-radio__orbit{animation:cyber-orbit 3s linear infinite paused;border:1px dashed #f0f;border:1px dashed var(--cyber-primary);border-radius:50%;inset:-4px;opacity:0;position:absolute}.cyber-radio input:checked+.cyber-radio__ring .cyber-radio__orbit{animation-play-state:running;opacity:.5}@keyframes cyber-orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cyber-radio__text{font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:.1em}.cyber-toggle{align-items:center;cursor:pointer;display:flex;gap:12px}.cyber-toggle input{opacity:0;position:absolute}.cyber-toggle__track{background:#0009;background:var(--cyber-bg);border:2px solid #f36;border:2px solid var(--cyber-destructive);border-radius:14px;height:28px;overflow:hidden;position:relative;transition:border-color .3s ease;width:56px}.cyber-toggle input:checked+.cyber-toggle__track{border-color:#0f8;border-color:var(--cyber-success)}.cyber-toggle__liquid{background:linear-gradient(0deg,#0f8,#0000);background:linear-gradient(to top,var(--cyber-success),#0000);bottom:0;height:0;left:0;position:absolute;transition:height .4s ease;width:100%}.cyber-toggle input:checked+.cyber-toggle__track .cyber-toggle__liquid{height:100%}.cyber-toggle__bubble{background:#f36;background:var(--cyber-destructive);border-radius:50%;box-shadow:0 0 10px #f36;box-shadow:0 0 10px var(--cyber-destructive);height:18px;left:4px;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:18px}.cyber-toggle input:checked+.cyber-toggle__track .cyber-toggle__bubble{background:#0f8;background:var(--cyber-success);box-shadow:0 0 10px #0f8;box-shadow:0 0 10px var(--cyber-success);left:calc(100% - 22px)}.cyber-toggle__label{color:#0ff;color:var(--cyber-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.15em}.cyber-select-wrapper{min-width:200px;position:relative}.cyber-select{-webkit-appearance:none;appearance:none;background:#0009;background:var(--cyber-bg);border:2px solid #0ff;border:2px solid var(--cyber-secondary);-webkit-clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);color:#0ff;color:var(--cyber-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:.1em;padding:.875rem 2.5rem .875rem 1rem;width:100%}.cyber-select:focus{box-shadow:0 0 20px #0ff;box-shadow:var(--cyber-glow) var(--cyber-secondary);outline:none}.cyber-select option{background:#011329}.cyber-select__arrow{color:#f0f;color:var(--cyber-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.cyber-select__glow{background:#0ff;background:var(--cyber-secondary);filter:blur(10px);inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.cyber-select:focus~.cyber-select__glow{opacity:.3}.cyber-card{background:#0009;background:var(--cyber-bg);border:2px solid #f0f;border:2px solid var(--cyber-primary);box-sizing:border-box;-webkit-clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);overflow:hidden;padding:1.5rem;position:relative;width:100%}.cyber-card__glitch-line{animation:cyber-glitch-line 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0ff,#0000);background:linear-gradient(90deg,#0000,var(--cyber-secondary),#0000);height:2px;left:0;position:absolute;top:0;width:100%}@keyframes cyber-glitch-line{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.cyber-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.cyber-card__id{color:#0ff;color:var(--cyber-secondary);opacity:.6}.cyber-card__id,.cyber-card__status{font-family:JetBrains Mono,monospace;font-size:.65rem}.cyber-card__status{animation:cyber-blink 1s step-end infinite;color:#0f8;color:var(--cyber-success)}@keyframes cyber-blink{0%,50%{opacity:1}51%,to{opacity:.3}}.cyber-card__title{color:#f0f;color:var(--cyber-primary);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.1em;margin:0 0 .75rem}.cyber-card__content{color:#ffffffb3;font-size:.85rem;line-height:1.5;margin:0 0 1rem}.cyber-card__footer{border-top:1px solid #f0f3;display:flex;gap:1rem;padding-top:.75rem}.cyber-card__stat{color:#0ff;color:var(--cyber-secondary)}.cyber-badge,.cyber-card__stat{font-family:JetBrains Mono,monospace;font-size:.7rem}.cyber-badge{border:1px solid #f0f;border:1px solid var(--cyber-primary);-webkit-clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);color:#f0f;color:var(--cyber-primary);display:inline-block;font-weight:700;letter-spacing:.1em;padding:.375rem .75rem;text-transform:uppercase}.cyber-badge--success{border-color:#0f8;border-color:var(--cyber-success);color:#0f8;color:var(--cyber-success)}.cyber-badge--warning{border-color:#fa0;border-color:var(--cyber-warning);color:#fa0;color:var(--cyber-warning)}.cyber-badge--holographic{animation:cyber-holographic 3s ease infinite;background:linear-gradient(135deg,#f0f,#0ff,#0f8);background:linear-gradient(135deg,var(--cyber-primary),var(--cyber-secondary),var(--cyber-success));background-size:200% 200%;border:none;color:#000}@keyframes cyber-holographic{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.cyber-avatar{align-items:center;background:linear-gradient(135deg,#f0f,#0ff);background:linear-gradient(135deg,var(--cyber-primary),var(--cyber-secondary));-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;height:48px;justify-content:center;position:relative;width:48px}.cyber-avatar--large{height:64px;width:64px}.cyber-avatar__glitch{animation:cyber-text-glitch 5s ease-in-out infinite;color:#000;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700}@keyframes cyber-text-glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}96%{transform:translate(-1px,2px)}98%{transform:translate(1px,-2px)}}.cyber-avatar__ring{animation:cyber-ring-pulse 2s ease-in-out infinite;border:1px solid #0ff;border:1px solid var(--cyber-secondary);border-radius:50%;inset:-8px;opacity:.5;position:absolute}.cyber-avatar__ring--delay{animation-delay:1s}@keyframes cyber-ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}}.cyber-tooltip-trigger{border-bottom:1px dashed #0ff;border-bottom:1px dashed var(--cyber-secondary);color:#0ff;color:var(--cyber-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem;position:relative}.cyber-tooltip{background:#0009;background:var(--cyber-bg);border:1px solid #f0f;border:1px solid var(--cyber-primary);bottom:100%;left:50%;opacity:0;padding:.5rem .75rem;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .3s ease;visibility:hidden;white-space:nowrap}.cyber-tooltip__content{color:#0f8;color:var(--cyber-success);font-family:JetBrains Mono,monospace;font-size:.75rem}.cyber-tooltip-trigger:hover .cyber-tooltip{box-shadow:0 0 20px #f0f;box-shadow:var(--cyber-glow) var(--cyber-primary);opacity:1;transform:translateX(-50%) translateY(-12px);visibility:visible}.cyber-modal-backdrop{align-items:center;animation:cyber-fade-in .3s ease;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.cyber-modal{animation:cyber-modal-in .5s cubic-bezier(.68,-.55,.265,1.55);background:#011329;border:2px solid #f0f;border:2px solid var(--cyber-primary);-webkit-clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);max-width:90%;min-width:360px;overflow:hidden;padding:1.5rem;position:relative}.cyber-modal__scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffff08 0,#00ffff08 4px);inset:0;pointer-events:none;position:absolute}.cyber-modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cyber-modal__id{color:#0ff;color:var(--cyber-secondary);font-family:JetBrains Mono,monospace;font-size:.65rem}.cyber-modal__close{background:#0000;border:none;color:#f36;color:var(--cyber-destructive);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:text-shadow .3s ease}.cyber-modal__close:hover{text-shadow:0 0 10px #f36;text-shadow:0 0 10px var(--cyber-destructive)}.cyber-modal__title{color:#f0f;color:var(--cyber-primary);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.1em;margin:0 0 .75rem}.cyber-modal__content{color:#ffffffb3;font-size:.875rem;margin:0 0 1.5rem}.cyber-modal__actions{display:flex;gap:.75rem;justify-content:flex-end}@keyframes cyber-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cyber-modal-in{0%{opacity:0;transform:scale(.8) rotateX(10deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.cyber-tabs{width:100%}.cyber-tabs__list{border-bottom:2px solid #f0f;border-bottom:2px solid var(--cyber-primary);display:flex}.cyber-tabs__tab{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;gap:8px;padding:.75rem 1.25rem;transition:all .3s ease}.cyber-tabs__tab:hover{background:#ff00ff1a}.cyber-tabs__tab--active{background:#f0f;background:var(--cyber-primary)}.cyber-tabs__number{color:#0ff;color:var(--cyber-secondary);font-size:.65rem}.cyber-tabs__tab--active .cyber-tabs__number{color:#000}.cyber-tabs__name{color:#f0f;color:var(--cyber-primary);font-size:.8rem;font-weight:700;letter-spacing:.1em}.cyber-tabs__tab--active .cyber-tabs__name{color:#000}.cyber-tabs__content{color:#0ff;color:var(--cyber-secondary);font-family:JetBrains Mono,monospace;font-size:.85rem;padding:1rem 0}.cyber-tabs__prefix{color:#0f8;color:var(--cyber-success)}.cyber-accordion{border:2px solid #0ff;border:2px solid var(--cyber-secondary);width:100%}.cyber-accordion__header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;gap:12px;padding:1rem;transition:all .3s ease;width:100%}.cyber-accordion__header:hover{background:#00ffff1a}.cyber-accordion__marker{color:#0f8;color:var(--cyber-success);font-size:.8rem}.cyber-accordion__title{color:#0ff;color:var(--cyber-secondary);font-size:.8rem;font-weight:700;letter-spacing:.1em}.cyber-accordion__body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.68,-.55,.265,1.55)}.cyber-accordion--open .cyber-accordion__body{max-height:200px}.cyber-accordion__content{display:flex;flex-direction:column;gap:4px;padding:0 1rem 1rem}.cyber-accordion__line{color:#0f8;color:var(--cyber-success);font-family:JetBrains Mono,monospace;font-size:.75rem}.cyber-progress{align-items:center;display:flex;gap:16px;width:100%}.cyber-progress__track{background:#0009;background:var(--cyber-bg);border:1px solid #0ff;border:1px solid var(--cyber-secondary);flex:1 1;height:12px;position:relative}.cyber-progress__bar{background:linear-gradient(90deg,#f0f,#0ff);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-secondary));height:100%;position:relative}.cyber-progress__glow{animation:cyber-progress-glow 1s ease-in-out infinite;background:#fff;filter:blur(4px);height:100%;position:absolute;right:0;top:0;width:20px}@keyframes cyber-progress-glow{0%,to{opacity:.5}50%{opacity:1}}.cyber-progress__segments{display:flex;inset:0;position:absolute}.cyber-progress__segment{border-right:1px solid #0000004d;flex:1 1}.cyber-progress__segment:last-child{border-right:none}.cyber-progress__value{color:#f0f;color:var(--cyber-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;min-width:40px}.cyber-slider-wrapper{height:12px;position:relative;width:100%}.cyber-slider{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.cyber-slider__track{background:#0009;background:var(--cyber-bg);border:1px solid #0ff;border:1px solid var(--cyber-secondary);inset:0;position:absolute}.cyber-slider__fill{background:linear-gradient(90deg,#f0f,#0ff);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-secondary));box-shadow:0 0 20px #f0f;box-shadow:var(--cyber-glow) var(--cyber-primary);height:100%;left:0;position:absolute;top:0}.cyber-slider__value{color:#0ff;color:var(--cyber-secondary);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;margin-top:.5rem;text-align:center}.cyber-toast{align-items:center;animation:cyber-toast-in .5s cubic-bezier(.68,-.55,.265,1.55);background:#011329;border:2px solid #0f8;border:2px solid var(--cyber-success);bottom:20px;box-shadow:0 0 20px #0f8;box-shadow:var(--cyber-glow) var(--cyber-success);-webkit-clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);display:flex;gap:12px;padding:1rem 1.25rem;position:fixed;right:20px;z-index:1000}.cyber-toast__icon{font-size:.9rem;font-weight:700}.cyber-toast__icon,.cyber-toast__message{color:#0f8;color:var(--cyber-success);font-family:JetBrains Mono,monospace}.cyber-toast__message{font-size:.8rem;letter-spacing:.05em}.cyber-toast__close{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:color .3s ease}.cyber-toast__close:hover{color:#f36;color:var(--cyber-destructive)}.cyber-toast__progress{animation:cyber-toast-progress 5s linear forwards;background:#0f8;background:var(--cyber-success);bottom:0;height:2px;left:0;position:absolute}@keyframes cyber-toast-in{0%{opacity:0;transform:translateX(50px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes cyber-toast-progress{0%{width:100%}to{width:0}}:root{--org-leaf:#4a7c59;--org-moss:#8fbc8f;--org-earth:#8b7355;--org-water:#5f9ea0;--org-sun:#daa520;--org-cream:#faf8f5}.org-demo{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.org-demo--column{align-items:stretch;flex-direction:column;width:100%}.org-button{background:#0000;border:none;border-radius:50px;color:#faf8f5;color:var(--org-cream);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;overflow:hidden;padding:12px 28px;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.org-button:hover{transform:scale(1.05)}.org-button:active{transform:scale(.98)}.org-button__blob{background:linear-gradient(135deg,#4a7c59,#8fbc8f);background:linear-gradient(135deg,var(--org-leaf),var(--org-moss));border-radius:50px;inset:0;position:absolute;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:0}.org-button:hover .org-button__blob{border-radius:40% 60% 60% 40%/60% 40% 60% 40%}.org-button__text{position:relative;z-index:1}.org-button--primary .org-button__blob{background:linear-gradient(135deg,#4a7c59,#8fbc8f);background:linear-gradient(135deg,var(--org-leaf),var(--org-moss))}.org-button--secondary{border:2px solid #8fbc8f;border:2px solid var(--org-moss);color:#8fbc8f;color:var(--org-moss)}.org-button--ghost{color:#8fbc8f;color:var(--org-moss);text-decoration:underline;text-underline-offset:4px}.org-button--destructive{background:linear-gradient(135deg,#c44,#a33);border-radius:50px}.org-input-wrapper{position:relative;width:100%}.org-input{background:#ffffff14;border:none;border-radius:24px;box-sizing:border-box;color:#faf8f5;color:var(--org-cream);font-family:inherit;font-size:1rem;padding:16px 20px;transition:all .4s ease;width:100%}.org-input::placeholder{color:#fff6}.org-input:focus{background:#ffffff1f;outline:none}.org-input__border{border:2px solid #ffffff26;border-radius:24px;inset:0;pointer-events:none;position:absolute;transition:all .4s ease}.org-input-wrapper--focused .org-input__border{border-color:#8fbc8f;border-color:var(--org-moss);border-radius:30% 70% 70% 30%/60% 40% 60% 40%}.org-input__glow{background:radial-gradient(circle at 50% 50%,#8fbc8f,#0000 70%);background:radial-gradient(circle at 50% 50%,var(--org-moss),#0000 70%);border-radius:24px;inset:-2px;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.org-input-wrapper--focused .org-input__glow{opacity:.15}.org-textarea-wrapper{position:relative;width:100%}.org-textarea{background:#ffffff14;border:none;border-radius:20px;box-sizing:border-box;color:#faf8f5;color:var(--org-cream);font-family:inherit;font-size:1rem;padding:16px 20px;resize:vertical;transition:all .4s ease;width:100%}.org-textarea:focus{background:#ffffff1f;outline:none}.org-textarea__border{border:2px solid #ffffff26;border-radius:20px;inset:0;pointer-events:none;position:absolute;transition:all .4s ease}.org-textarea-wrapper--focused .org-textarea__border{border-color:#8fbc8f;border-color:var(--org-moss)}.org-checkbox{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:12px}.org-checkbox input{opacity:0;pointer-events:none;position:absolute}.org-checkbox__blob{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:28px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:28px}.org-checkbox input:checked+.org-checkbox__blob{background:linear-gradient(135deg,#4a7c59,#8fbc8f);background:linear-gradient(135deg,var(--org-leaf),var(--org-moss));border-radius:40% 60% 55% 45%/55% 45% 55% 45%}.org-checkbox__check{height:16px;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:16px}.org-checkbox__check svg{fill:none;stroke:#faf8f5;stroke:var(--org-cream);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;height:100%;width:100%}.org-checkbox input:checked+.org-checkbox__blob .org-checkbox__check{opacity:1;transform:scale(1)}.org-checkbox__text{color:#faf8f5;color:var(--org-cream)}.org-radio{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:12px}.org-radio input{opacity:0;pointer-events:none;position:absolute}.org-radio__blob{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:26px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:26px}.org-radio input:checked+.org-radio__blob{background:#8fbc8f33}.org-radio__core{background:#8fbc8f;background:var(--org-moss);border-radius:50%;height:12px;opacity:0;transform:scale(0);transition:all .4s cubic-bezier(.34,1.56,.64,1);width:12px}.org-radio input:checked+.org-radio__blob .org-radio__core{animation:org-breathe 2s ease-in-out infinite;opacity:1;transform:scale(1)}.org-radio__text{color:#faf8f5;color:var(--org-cream)}.org-toggle{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:12px}.org-toggle input{opacity:0;pointer-events:none;position:absolute}.org-toggle__track{background:#ffffff1a;border-radius:50px;height:32px;position:relative;transition:all .4s ease;width:56px}.org-toggle input:checked+.org-toggle__track{background:linear-gradient(135deg,#4a7c59,#8fbc8f);background:linear-gradient(135deg,var(--org-leaf),var(--org-moss))}.org-toggle__thumb{background:#faf8f5;background:var(--org-cream);border-radius:50%;box-shadow:0 2px 8px #0003;height:24px;left:4px;position:absolute;top:4px;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:24px}.org-toggle input:checked+.org-toggle__track .org-toggle__thumb{border-radius:40% 60% 55% 45%/55% 45% 55% 45%;transform:translateX(24px)}.org-toggle__ripple{animation:org-ripple .6s ease-out;background:#8fbc8f;background:var(--org-moss);border-radius:50%;inset:-4px;opacity:0;position:absolute}.org-toggle__label{color:#faf8f5;color:var(--org-cream)}.org-select-wrapper{position:relative;width:100%}.org-select{-webkit-appearance:none;appearance:none;background:#ffffff14;border:none;border-radius:24px;color:#faf8f5;color:var(--org-cream);cursor:pointer;font-family:inherit;font-size:1rem;padding:16px 48px 16px 20px;transition:all .4s ease;width:100%}.org-select:focus{background:#ffffff1f;outline:none}.org-select option{background:#2a3a2a;color:#faf8f5;color:var(--org-cream)}.org-select__arrow{pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.org-select__arrow svg{fill:none;stroke:#8fbc8f;stroke:var(--org-moss);stroke-width:2;stroke-linecap:round;height:20px;width:20px}.org-select:focus+.org-select__arrow{transform:translateY(-50%) rotate(180deg)}.org-select__border{border:2px solid #ffffff26;border-radius:24px;inset:0;pointer-events:none;position:absolute}.org-card{background:#ffffff0d;border-radius:24px;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:100%}.org-card:hover{transform:translateY(-4px)}.org-card__blob{animation:org-morph 8s ease-in-out infinite;background:radial-gradient(circle,#8fbc8f 0,#0000 70%);background:radial-gradient(circle,var(--org-moss) 0,#0000 70%);border-radius:60% 40% 50% 50%/50% 60% 40% 50%;height:200px;opacity:.2;position:absolute;right:-30%;top:-50%;width:200px}.org-card__content{padding:28px;position:relative;z-index:1}.org-card__title{color:#faf8f5;color:var(--org-cream);font-size:1.25rem;font-weight:600;margin:0 0 12px}.org-card__text{color:#ffffffb3;font-size:.9rem;line-height:1.6;margin:0 0 20px}.org-card__footer{display:flex;gap:8px}.org-card__tag{background:#8fbc8f26;border-radius:50px;color:#8fbc8f;color:var(--org-moss);font-size:.75rem;padding:6px 14px}.org-badge{align-items:center;background:#ffffff1a;border-radius:50px;color:#faf8f5;color:var(--org-cream);display:inline-flex;font-size:.8rem;padding:6px 16px}.org-badge--success{background:#4a7c5933;color:#8fbc8f;color:var(--org-moss)}.org-badge--warning{background:#daa52033;color:#daa520;color:var(--org-sun)}.org-badge--pulse{animation:org-breathe 2s ease-in-out infinite;background:linear-gradient(135deg,#4a7c59,#8fbc8f);background:linear-gradient(135deg,var(--org-leaf),var(--org-moss));color:#faf8f5;color:var(--org-cream)}.org-avatar{align-items:center;display:flex;height:48px;justify-content:center;position:relative;width:48px}.org-avatar--large{height:72px;width:72px}.org-avatar__blob{animation:org-morph 6s ease-in-out infinite;background:linear-gradient(135deg,#4a7c59,#5f9ea0);background:linear-gradient(135deg,var(--org-leaf),var(--org-water));border-radius:50%;inset:0;position:absolute}.org-avatar__text{color:#faf8f5;color:var(--org-cream);font-size:1rem;font-weight:600;position:relative;z-index:1}.org-avatar--large .org-avatar__text{font-size:1.5rem}.org-tooltip-trigger{color:#8fbc8f;color:var(--org-moss);cursor:help;position:relative;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;text-underline-offset:4px}.org-tooltip{background:linear-gradient(135deg,#4a7c59,#8fbc8f);background:linear-gradient(135deg,var(--org-leaf),var(--org-moss));border-radius:20px;bottom:100%;color:#faf8f5;color:var(--org-cream);font-size:.85rem;left:50%;opacity:0;padding:12px 20px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-12px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.org-tooltip-trigger:hover .org-tooltip{opacity:1;transform:translateX(-50%) translateY(-12px) scale(1)}.org-modal-backdrop{align-items:center;animation:org-fade-in .4s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.org-modal{animation:org-grow-in .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(180deg,#2a3a2af2,#1e2a1efa);border-radius:32px;max-width:90%;min-width:340px;overflow:hidden;padding:32px;position:relative}.org-modal__blob{animation:org-morph 8s ease-in-out infinite;background:radial-gradient(circle,#8fbc8f,#0000 70%);background:radial-gradient(circle,var(--org-moss),#0000 70%);border-radius:50%;height:200px;opacity:.3;position:absolute;right:-80px;top:-80px;width:200px}.org-modal__close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:32px}.org-modal__close:hover{background:#fff3;transform:rotate(90deg)}.org-modal__close svg{stroke:#faf8f5;stroke:var(--org-cream);stroke-width:2;fill:none;height:16px;width:16px}.org-modal__title{color:#faf8f5;color:var(--org-cream);font-size:1.25rem;font-weight:600;margin:0 0 12px}.org-modal__content{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin:0 0 24px}.org-modal__actions{display:flex;gap:12px;justify-content:flex-end}.org-tabs{width:100%}.org-tabs__list{background:#ffffff0d;border-radius:50px;display:flex;padding:4px;position:relative}.org-tabs__tab{background:#0000;border:none;border-radius:50px;color:#ffffff80;cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;padding:12px 20px;transition:color .3s ease;z-index:1}.org-tabs__tab--active,.org-tabs__tab:hover{color:#faf8f5;color:var(--org-cream)}.org-tabs__indicator{background:linear-gradient(135deg,#4a7c59,#8fbc8f);background:linear-gradient(135deg,var(--org-leaf),var(--org-moss));border-radius:50px;height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:calc(33.333% - 2.67px);z-index:0}.org-tabs__content{color:#ffffffb3;font-size:.9rem;padding:24px 8px}.org-accordion{background:#ffffff0d;border-radius:20px;overflow:hidden;width:100%}.org-accordion__header{align-items:center;background:#0000;border:none;color:#faf8f5;color:var(--org-cream);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;justify-content:space-between;padding:20px 24px;text-align:left;width:100%}.org-accordion__icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.org-accordion__icon svg{fill:none;stroke:#8fbc8f;stroke:var(--org-moss);stroke-width:2;height:20px;width:20px}.org-accordion--open .org-accordion__icon{transform:rotate(180deg)}.org-accordion__body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.34,1.56,.64,1)}.org-accordion--open .org-accordion__body{max-height:200px}.org-accordion__content{color:#ffffffb3;font-size:.9rem;line-height:1.6;padding:0 24px 24px}.org-progress{width:100%}.org-progress__track{background:#ffffff1a;border-radius:50px;height:12px;overflow:hidden}.org-progress__bar{background:linear-gradient(90deg,#4a7c59,#8fbc8f);background:linear-gradient(90deg,var(--org-leaf),var(--org-moss));border-radius:50px;height:100%;position:relative;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.org-progress__glow{animation:org-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6);height:100%;position:absolute;right:0;top:0;width:40px}.org-progress__label{color:#fff9;display:block;font-size:.8rem;margin-top:8px;text-align:center}.org-slider-wrapper{height:24px;position:relative;width:100%}.org-slider{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.org-slider__track{background:#ffffff1a;border-radius:50px;height:8px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.org-slider__fill{background:linear-gradient(90deg,#4a7c59,#8fbc8f);background:linear-gradient(90deg,var(--org-leaf),var(--org-moss));border-radius:50px;height:100%;position:relative}.org-slider__thumb{background:#faf8f5;background:var(--org-cream);border-radius:50%;box-shadow:0 2px 8px #0000004d;height:24px;position:absolute;right:-12px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:24px}.org-slider:hover+.org-slider__track .org-slider__thumb{border-radius:40% 60% 55% 45%/55% 45% 55% 45%;transform:translateY(-50%) scale(1.1)}.org-slider__value{color:#8fbc8f;color:var(--org-moss);display:block;font-size:1.5rem;font-weight:600;margin-top:12px;text-align:center}.org-toast{align-items:center;animation:org-grow-in .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#4a7c59,#8fbc8f);background:linear-gradient(135deg,var(--org-leaf),var(--org-moss));border-radius:50px;bottom:24px;color:#faf8f5;color:var(--org-cream);display:flex;gap:12px;overflow:hidden;padding:16px 24px;position:fixed;right:24px;z-index:1000}.org-toast__blob{animation:org-morph 4s ease-in-out infinite;background:#fff3;border-radius:50%;height:60px;left:-20px;position:absolute;top:-20px;width:60px}.org-toast__icon{position:relative;z-index:1}.org-toast__icon svg{fill:none;stroke:currentColor;stroke-width:2;height:20px;width:20px}.org-toast__message{font-size:.9rem;position:relative;z-index:1}.org-toast__close{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:background .3s ease;width:24px;z-index:1}.org-toast__close:hover{background:#ffffff4d}.org-toast__close svg{stroke:currentColor;stroke-width:2;fill:none;height:12px;width:12px}@keyframes org-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes org-morph{0%,to{border-radius:60% 40% 50% 50%/50% 60% 40% 50%}25%{border-radius:50% 60% 40% 50%/40% 50% 60% 50%}50%{border-radius:40% 50% 60% 50%/60% 40% 50% 50%}75%{border-radius:50% 40% 50% 60%/50% 50% 40% 60%}}@keyframes org-shimmer{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes org-ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes org-fade-in{0%{opacity:0}to{opacity:1}}@keyframes org-grow-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:root{--whim-pink:#ff6b9d;--whim-purple:#c084fc;--whim-blue:#60a5fa;--whim-mint:#6ee7b7;--whim-yellow:#fcd34d;--whim-orange:#fb923c;--whim-cream:#fef3e2}.whim-demo{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.whim-demo--column{align-items:stretch;flex-direction:column;width:100%}.whim-button{background:linear-gradient(135deg,#ff6b9d,#c084fc);background:linear-gradient(135deg,var(--whim-pink),var(--whim-purple));border:3px solid #c084fc;border:3px solid var(--whim-purple);border-radius:20px;box-shadow:0 6px 0 #9333ea,0 8px 20px #c084fc4d;color:#fff;cursor:pointer;font-family:Comic Sans MS,Chalkboard,cursive,sans-serif;font-size:1rem;font-weight:600;padding:14px 28px;position:relative;transform-origin:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.whim-button:hover{box-shadow:0 10px 0 #9333ea,0 12px 30px #c084fc66;transform:translateY(-4px) rotate(-2deg)}.whim-button:active{box-shadow:0 2px 0 #9333ea;transform:translateY(2px)}.whim-button__sparkle{animation:whim-sparkle 1s ease-in-out infinite;font-size:1.25rem;position:absolute;right:-8px;top:-8px}.whim-button--secondary{background:#fff;box-shadow:0 6px 0 #ddd,0 8px 20px #0000001a;color:#c084fc;color:var(--whim-purple)}.whim-button--secondary:hover{box-shadow:0 10px 0 #ddd,0 12px 30px #00000026}.whim-button--ghost{background:#0000;border:3px dashed #c084fc;border:3px dashed var(--whim-purple);box-shadow:none;color:#c084fc;color:var(--whim-purple)}.whim-button--ghost:hover{background:#c084fc1a;box-shadow:none;transform:translateY(-2px) rotate(2deg)}.whim-button--destructive{background:linear-gradient(135deg,#fb923c,#ef4444);background:linear-gradient(135deg,var(--whim-orange),#ef4444);border-color:#dc2626;box-shadow:0 6px 0 #b91c1c,0 8px 20px #ef44444d}.whim-input-wrapper{position:relative;width:100%}.whim-input__icon{font-size:1.25rem;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.whim-input{background:#ffffff1a;border:3px solid #60a5fa;border:3px solid var(--whim-blue);border-radius:20px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:1rem;padding:16px 20px 16px 48px;transition:all .3s ease;width:100%}.whim-input::placeholder{color:#ffffff80}.whim-input:focus{background:#ffffff26;border-color:#ff6b9d;border-color:var(--whim-pink);outline:none}.whim-input__wiggle{border:3px solid #0000;border-radius:20px;inset:0;pointer-events:none;position:absolute}.whim-input-wrapper--focused .whim-input__wiggle{animation:whim-wiggle .5s ease}.whim-textarea-wrapper{position:relative;width:100%}.whim-textarea__icon{font-size:1.25rem;left:16px;position:absolute;top:16px}.whim-textarea{background:#ffffff1a;border:3px solid #6ee7b7;border:3px solid var(--whim-mint);border-radius:20px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:1rem;padding:16px 20px 16px 48px;resize:vertical;transition:all .3s ease;width:100%}.whim-textarea:focus{border-color:#ff6b9d;border-color:var(--whim-pink);outline:none}.whim-textarea__corner{bottom:8px;font-size:1rem;opacity:.5;position:absolute;right:12px}.whim-checkbox{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:12px}.whim-checkbox input{opacity:0;pointer-events:none;position:absolute}.whim-checkbox__box{align-items:center;background:#ffffff1a;border:3px solid #fcd34d;border:3px solid var(--whim-yellow);border-radius:10px;display:flex;height:32px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:32px}.whim-checkbox input:checked+.whim-checkbox__box{background:#fcd34d;background:var(--whim-yellow);border-color:#fb923c;border-color:var(--whim-orange);transform:scale(1.1) rotate(5deg)}.whim-checkbox__check{color:#1a1a1a;font-size:1.25rem;font-weight:900;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.whim-checkbox input:checked+.whim-checkbox__box .whim-checkbox__check{opacity:1;transform:scale(1)}.whim-checkbox__confetti{font-size:1.25rem;opacity:0;position:absolute;right:-16px;top:-16px;transform:scale(0)}.whim-checkbox input:checked+.whim-checkbox__box .whim-checkbox__confetti{animation:whim-pop .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.whim-checkbox__text{color:#fff}.whim-radio{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:12px}.whim-radio input{opacity:0;pointer-events:none;position:absolute}.whim-radio__bubble{align-items:center;background:#ffffff1a;border:3px solid #c084fc;border:3px solid var(--whim-purple);border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:40px}.whim-radio input:checked+.whim-radio__bubble{animation:whim-bounce .5s ease;background:linear-gradient(135deg,#ff6b9d,#c084fc);background:linear-gradient(135deg,var(--whim-pink),var(--whim-purple));border-color:#ff6b9d;border-color:var(--whim-pink);transform:scale(1.15)}.whim-radio__emoji{font-size:1.25rem;opacity:.3;transition:all .3s ease}.whim-radio input:checked+.whim-radio__bubble .whim-radio__emoji{animation:whim-spin .5s ease;opacity:1}.whim-radio__text{color:#fff}.whim-toggle{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:12px}.whim-toggle input{opacity:0;pointer-events:none;position:absolute}.whim-toggle__track{background:linear-gradient(135deg,#1e1b4b,#312e81);border:3px solid #c084fc;border:3px solid var(--whim-purple);border-radius:50px;height:40px;overflow:hidden;position:relative;transition:all .4s ease;width:72px}.whim-toggle input:checked+.whim-toggle__track{background:linear-gradient(135deg,#fcd34d,#fb923c);background:linear-gradient(135deg,var(--whim-yellow),var(--whim-orange));border-color:#fb923c;border-color:var(--whim-orange)}.whim-toggle__thumb{align-items:center;display:flex;font-size:1.25rem;height:30px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:30px}.whim-toggle input:checked+.whim-toggle__track .whim-toggle__thumb{transform:translateX(32px)}.whim-toggle__stars{font-size:.875rem;opacity:1;position:absolute;right:8px;top:4px;transition:opacity .3s ease}.whim-toggle input:checked+.whim-toggle__track .whim-toggle__stars{opacity:0}.whim-toggle__label{color:#fff;font-weight:600}.whim-select-wrapper{position:relative;width:100%}.whim-select__icon{font-size:1.25rem;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.whim-select{-webkit-appearance:none;appearance:none;background:#ffffff1a;border:3px solid #6ee7b7;border:3px solid var(--whim-mint);border-radius:20px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;padding:16px 48px;transition:all .3s ease;width:100%}.whim-select:focus{border-color:#ff6b9d;border-color:var(--whim-pink);outline:none}.whim-select option{background:#1a1a1a;color:#fff}.whim-select__arrow{color:#6ee7b7;color:var(--whim-mint);font-size:1.5rem;font-weight:700;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.whim-select:focus+.whim-select__arrow{transform:translateY(-50%) rotate(180deg)}.whim-card{background:linear-gradient(135deg,#c084fc1a,#ff6b9d1a);border:4px solid #c084fc;border:4px solid var(--whim-purple);border-radius:24px;box-sizing:border-box;padding:28px;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:100%}.whim-card:hover{box-shadow:0 20px 40px #c084fc33;transform:translateY(-8px) rotate(-1deg)}.whim-card__sticker{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.2));font-size:2.5rem;position:absolute;right:20px;top:-20px;transform:rotate(15deg)}.whim-card__title{color:#fcd34d;color:var(--whim-yellow);font-family:Comic Sans MS,cursive,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 12px}.whim-card__content{color:#fffc;font-size:.95rem;line-height:1.6;margin:0 0 20px}.whim-card__footer{display:flex;gap:8px}.whim-card__tag{border-radius:50px;font-size:.8rem;padding:6px 14px}.whim-badge,.whim-card__tag{background:#ffffff1a;color:#fff}.whim-badge{align-items:center;border:3px solid #60a5fa;border:3px solid var(--whim-blue);border-radius:50px;display:inline-flex;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.whim-badge:hover{transform:scale(1.1) rotate(-3deg)}.whim-badge--success{background:#6ee7b733;border-color:#6ee7b7;border-color:var(--whim-mint);color:#6ee7b7;color:var(--whim-mint)}.whim-badge--warning{background:#fb923c33;border-color:#fb923c;border-color:var(--whim-orange);color:#fb923c;color:var(--whim-orange)}.whim-badge--special{animation:whim-shimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#fcd34d,#fb923c);background:linear-gradient(135deg,var(--whim-yellow),var(--whim-orange));border-color:#fcd34d;border-color:var(--whim-yellow);color:#1a1a1a}.whim-avatar{align-items:center;display:flex;height:56px;justify-content:center;position:relative;width:56px}.whim-avatar--large{height:80px;width:80px}.whim-avatar__face{font-size:2rem;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1}.whim-avatar:hover .whim-avatar__face{transform:scale(1.2)}.whim-avatar--large .whim-avatar__face{font-size:3rem}.whim-avatar__ring{animation:whim-ring-rotate 3s linear infinite;border-bottom:4px solid #c084fc;border-bottom:4px solid var(--whim-purple);border-left:4px solid #c084fc;border-left:4px solid var(--whim-purple);border-radius:50%;border-right:4px solid #fcd34d;border-right:4px solid var(--whim-yellow);border-top:4px solid #ff6b9d;border-top:4px solid var(--whim-pink);inset:0;position:absolute}.whim-avatar__sparkle{animation:whim-sparkle 1s ease-in-out infinite;font-size:1.25rem;position:absolute;right:-8px;top:-8px}.whim-tooltip-trigger{color:#c084fc;color:var(--whim-purple);cursor:help;font-weight:500;position:relative}.whim-tooltip{background:linear-gradient(135deg,#ff6b9d,#c084fc);background:linear-gradient(135deg,var(--whim-pink),var(--whim-purple));border-radius:16px;bottom:100%;box-shadow:0 8px 20px #c084fc66;color:#fff;font-size:.9rem;left:50%;opacity:0;padding:16px 20px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-12px) scale(0) rotate(-10deg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);white-space:nowrap}.whim-tooltip:after{border:8px solid #0000;border-top:8px solid var(--whim-purple);bottom:-8px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.whim-tooltip-trigger:hover .whim-tooltip{opacity:1;transform:translateX(-50%) translateY(-12px) scale(1) rotate(0deg)}.whim-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.whim-modal{animation:whim-modal-in .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(180deg,#2d1f4e,#1a1333);border:4px solid #c084fc;border:4px solid var(--whim-purple);border-radius:32px;max-width:90%;min-width:340px;padding:40px;position:relative;text-align:center}.whim-modal__confetti{animation:whim-float 2s ease-in-out infinite;font-size:2rem;left:50%;position:absolute;top:-16px;transform:translateX(-50%)}.whim-modal__close{background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:1.25rem;height:36px;position:absolute;right:16px;top:16px;transition:all .3s ease;width:36px}.whim-modal__close:hover{background:#ff6b9d;background:var(--whim-pink);transform:rotate(90deg)}.whim-modal__emoji{animation:whim-bounce 1s ease infinite;font-size:4rem;margin-bottom:16px}.whim-modal__title{color:#fcd34d;color:var(--whim-yellow);font-family:Comic Sans MS,cursive;font-size:1.75rem;font-weight:700;margin:0 0 12px}.whim-modal__content{color:#fffc;font-size:1rem;margin:0 0 28px}.whim-modal__actions{display:flex;gap:12px;justify-content:center}.whim-tabs{width:100%}.whim-tabs__list{border-bottom:4px solid #ffffff1a;display:flex;gap:8px;padding-bottom:8px}.whim-tabs__tab{align-items:center;background:#ffffff0d;border:3px solid #0000;border-radius:16px 16px 0 0;color:#ffffff80;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.whim-tabs__tab:hover{background:#ffffff1a;color:#fff}.whim-tabs__tab--active{background:linear-gradient(135deg,#ff6b9d33,#c084fc33);border-color:#c084fc;border-color:var(--whim-purple);color:#fff;transform:translateY(-4px)}.whim-tabs__emoji{font-size:1.25rem}.whim-tabs__content{color:#fffc;font-size:1rem;padding:24px 8px}.whim-accordion{border:4px solid #6ee7b7;border:4px solid var(--whim-mint);border-radius:20px;overflow:hidden;transition:all .3s ease;width:100%}.whim-accordion:hover{border-color:#ff6b9d;border-color:var(--whim-pink)}.whim-accordion__header{align-items:center;background:#ffffff0d;border:none;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:12px;padding:20px 24px;text-align:left;width:100%}.whim-accordion__emoji{font-size:1.5rem;transition:transform .3s ease}.whim-accordion--open .whim-accordion__emoji{transform:scale(1.2)}.whim-accordion__title{flex:1 1}.whim-accordion__icon{font-size:1.25rem;transition:transform .3s ease}.whim-accordion__body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.68,-.55,.265,1.55)}.whim-accordion--open .whim-accordion__body{max-height:200px}.whim-accordion__content{color:#fffc;font-size:.95rem;line-height:1.6;padding:0 24px 24px}.whim-progress{width:100%}.whim-progress__track{background:#ffffff1a;border:3px solid #60a5fa;border:3px solid var(--whim-blue);border-radius:50px;height:32px;overflow:visible;position:relative}.whim-progress__bar{background:linear-gradient(90deg,#6ee7b7,#60a5fa);background:linear-gradient(90deg,var(--whim-mint),var(--whim-blue));border-radius:50px;height:100%;position:relative;transition:width .5s cubic-bezier(.68,-.55,.265,1.55)}.whim-progress__runner{animation:whim-run .3s ease infinite alternate;font-size:1.5rem;right:-8px}.whim-progress__finish,.whim-progress__runner{position:absolute;top:50%;transform:translateY(-50%)}.whim-progress__finish{font-size:1.25rem;right:8px}.whim-progress__label{color:#ffffffb3;display:block;font-size:.9rem;margin-top:12px;text-align:center}.whim-slider-wrapper{height:40px;position:relative;width:100%}.whim-slider{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.whim-slider__track{background:#ffffff1a;border:3px solid #c084fc;border:3px solid var(--whim-purple);border-radius:50px;height:16px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.whim-slider__fill{background:linear-gradient(90deg,#ff6b9d,#c084fc);background:linear-gradient(90deg,var(--whim-pink),var(--whim-purple));border-radius:50px;height:100%}.whim-slider__thumb{filter:drop-shadow(2px 2px 0 rgba(0,0,0,.3));font-size:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease}.whim-slider:hover+.whim-slider__track .whim-slider__thumb{transform:translate(-50%,-50%) scale(1.2)}.whim-slider__value{color:#fcd34d;color:var(--whim-yellow);display:block;font-size:1rem;font-weight:600;margin-top:16px;text-align:center}.whim-toast{align-items:center;animation:whim-toast-in .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#fcd34d,#fb923c);background:linear-gradient(135deg,var(--whim-yellow),var(--whim-orange));border:4px solid #1a1a1a;border-radius:20px;bottom:24px;box-shadow:0 8px 0 #1a1a1a;color:#1a1a1a;display:flex;gap:12px;padding:16px 24px;position:fixed;right:24px;z-index:1000}.whim-toast__emoji{animation:whim-pop-up .5s ease;font-size:1.5rem}.whim-toast__message{font-size:.95rem;font-weight:600}.whim-toast__close{background:#0000001a;border:none;border-radius:50%;color:#1a1a1a;cursor:pointer;font-size:1rem;height:28px;transition:all .3s ease;width:28px}.whim-toast__close:hover{background:#0003;transform:rotate(90deg)}@keyframes whim-sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(1.2) rotate(180deg)}}@keyframes whim-wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes whim-pop{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{opacity:1;transform:scale(1.3) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes whim-bounce{0%,to{transform:translateY(0) scale(1.15)}50%{transform:translateY(-8px) scale(1.15)}}@keyframes whim-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes whim-ring-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes whim-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes whim-float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}@keyframes whim-modal-in{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes whim-run{0%{transform:translateY(-50%) scaleX(1)}to{transform:translateY(-50%) scaleX(-1)}}@keyframes whim-toast-in{0%{opacity:0;transform:translateY(100%) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}@keyframes whim-pop-up{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0deg)}}:root{--flamb-pink:#ff1493;--flamb-purple:#9400d3;--flamb-gold:gold;--flamb-hot-pink:#ff69b4;--flamb-magenta:#f0f;--flamb-gradient:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3)}.flamb-demo{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.flamb-demo--column{align-items:stretch;flex-direction:column;width:100%}.flamb-button{background:linear-gradient(135deg,#ff1493,#9400d3);background:linear-gradient(135deg,var(--flamb-pink),var(--flamb-purple));border:none;border-radius:4px;box-shadow:0 4px 20px #ff149366;color:#fff;cursor:pointer;font-family:Georgia,serif;font-size:1rem;font-weight:700;letter-spacing:.15em;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.flamb-button:hover{box-shadow:0 8px 30px #ff149399;transform:translateY(-2px)}.flamb-button__shimmer{animation:flamb-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.flamb-button__text{position:relative;z-index:1}.flamb-button--secondary{background:#0000;border:2px solid #ff1493;border:2px solid var(--flamb-pink);box-shadow:none;color:#ff1493;color:var(--flamb-pink)}.flamb-button--secondary:hover{background:#ff14931a;box-shadow:0 0 30px #ff14934d}.flamb-button--ghost{background:#0000;box-shadow:none;color:gold;color:var(--flamb-gold);text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;text-underline-offset:4px}.flamb-button--ghost:hover{box-shadow:none;color:#ff69b4;color:var(--flamb-hot-pink)}.flamb-button--rainbow{animation:flamb-rainbow 3s ease infinite;background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background:var(--flamb-gradient);background-size:200% 200%;box-shadow:0 4px 20px #9400d366}.flamb-button--rainbow:hover{box-shadow:0 8px 40px #9400d399}.flamb-input-wrapper{position:relative;width:100%}.flamb-input{background:#ffffff0d;border:none;border-radius:0;box-sizing:border-box;color:#fff;font-family:Georgia,serif;font-size:1rem;font-style:italic;padding:18px 24px;transition:all .3s ease;width:100%}.flamb-input::placeholder{color:#fff6;font-style:italic}.flamb-input:focus{background:#ffffff1a;outline:none}.flamb-input__border{background:linear-gradient(90deg,#ff1493,#9400d3,gold);background:linear-gradient(90deg,var(--flamb-pink),var(--flamb-purple),var(--flamb-gold));background-size:200% 100%;bottom:0;height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform .4s ease;width:100%}.flamb-input-wrapper--focused .flamb-input__border{animation:flamb-gradient-shift 2s ease infinite;transform:scaleX(1)}.flamb-input__sparkle{background:gold;background:var(--flamb-gold);-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:8px;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;width:8px}.flamb-input__sparkle--1{right:16px;top:8px}.flamb-input__sparkle--2{bottom:16px;right:40px}.flamb-input-wrapper--focused .flamb-input__sparkle{animation:flamb-sparkle 1s ease-in-out infinite;opacity:1}.flamb-input__sparkle--2{animation-delay:.3s}.flamb-textarea-wrapper{position:relative;width:100%}.flamb-textarea{background:#ffffff0d;border:none;border-radius:0;box-sizing:border-box;color:#fff;font-family:Georgia,serif;font-size:1rem;font-style:italic;padding:18px 24px;resize:vertical;width:100%}.flamb-textarea:focus{background:#ffffff1a;outline:none}.flamb-textarea__border{background:linear-gradient(90deg,#ff1493,#9400d3,gold);background:linear-gradient(90deg,var(--flamb-pink),var(--flamb-purple),var(--flamb-gold));bottom:0;height:3px;left:0;position:absolute;width:100%}.flamb-checkbox{align-items:center;cursor:pointer;display:flex;font-family:Georgia,serif;font-size:1rem;font-style:italic;gap:14px}.flamb-checkbox input{opacity:0;pointer-events:none;position:absolute}.flamb-checkbox__box{align-items:center;background:#0000;border:2px solid #ff1493;border:2px solid var(--flamb-pink);display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.flamb-checkbox input:checked+.flamb-checkbox__box{background:linear-gradient(135deg,#ff1493,#9400d3);background:linear-gradient(135deg,var(--flamb-pink),var(--flamb-purple));border-color:#9400d3;border-color:var(--flamb-purple);box-shadow:0 0 20px #ff149380}.flamb-checkbox__heart{color:#fff;font-size:1rem;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.flamb-checkbox input:checked+.flamb-checkbox__box .flamb-checkbox__heart{opacity:1;transform:scale(1)}.flamb-checkbox__text{color:#fff}.flamb-radio{align-items:center;cursor:pointer;display:flex;font-family:Georgia,serif;font-size:1rem;font-style:italic;gap:14px}.flamb-radio input{opacity:0;pointer-events:none;position:absolute}.flamb-radio__gem{align-items:center;background:#0000;border:2px solid gold;border:2px solid var(--flamb-gold);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;height:24px;justify-content:center;position:relative;transition:all .3s ease;width:24px}.flamb-radio input:checked+.flamb-radio__gem{background:linear-gradient(135deg,gold,#ff69b4);background:linear-gradient(135deg,var(--flamb-gold),var(--flamb-hot-pink));border-color:gold;border-color:var(--flamb-gold);box-shadow:0 0 20px #ffd70099}.flamb-radio__sparkle{background:#fff;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:8px;opacity:0;transition:opacity .3s ease;width:8px}.flamb-radio input:checked+.flamb-radio__gem .flamb-radio__sparkle{animation:flamb-sparkle .8s ease-in-out infinite;opacity:1}.flamb-radio__text{color:#fff}.flamb-toggle{align-items:center;cursor:pointer;display:flex;font-family:Georgia,serif;font-size:1rem;font-style:italic;gap:14px}.flamb-toggle input{opacity:0;pointer-events:none;position:absolute}.flamb-toggle__track{background:#ffffff1a;border:2px solid #ff1493;border:2px solid var(--flamb-pink);border-radius:4px;height:30px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.flamb-toggle input:checked+.flamb-toggle__track{background:linear-gradient(90deg,#ff1493,#9400d3);background:linear-gradient(90deg,var(--flamb-pink),var(--flamb-purple));border-color:#9400d3;border-color:var(--flamb-purple)}.flamb-toggle__thumb{background:#fff;border-radius:2px;box-shadow:0 2px 8px #0000004d;height:20px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:20px}.flamb-toggle input:checked+.flamb-toggle__track .flamb-toggle__thumb{transform:translateX(30px)}.flamb-toggle__glitter{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.flamb-toggle input:checked+.flamb-toggle__track .flamb-toggle__glitter{animation:flamb-glitter 1.5s ease-in-out infinite;opacity:1}.flamb-toggle__label{color:#fff}.flamb-select-wrapper{position:relative;width:100%}.flamb-select{-webkit-appearance:none;appearance:none;background:#ffffff0d;border:none;border-radius:0;color:#fff;cursor:pointer;font-family:Georgia,serif;font-size:1rem;font-style:italic;padding:18px 48px 18px 24px;width:100%}.flamb-select:focus{background:#ffffff1a;outline:none}.flamb-select option{background:#1a1a1a;color:#fff}.flamb-select__arrow{color:gold;color:var(--flamb-gold);font-size:1rem;pointer-events:none;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.flamb-select__border{background:linear-gradient(90deg,#ff1493,#9400d3,gold);background:linear-gradient(90deg,var(--flamb-pink),var(--flamb-purple),var(--flamb-gold));bottom:0;height:3px;left:0;position:absolute;width:100%}.flamb-card{background:linear-gradient(180deg,#9400d326,#ff14931a);border:1px solid #ff14934d;box-sizing:border-box;overflow:hidden;padding:32px;position:relative;width:100%}.flamb-card__ribbon{background:linear-gradient(90deg,gold,#ff69b4);background:linear-gradient(90deg,var(--flamb-gold),var(--flamb-hot-pink));color:#1a1a1a;font-family:Georgia,serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;padding:6px 40px;position:absolute;right:-35px;top:20px;transform:rotate(45deg)}.flamb-card__shimmer{animation:flamb-shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd7001a,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.flamb-card__title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,#ff1493,#9400d3);background:linear-gradient(90deg,var(--flamb-gold),var(--flamb-pink),var(--flamb-purple));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0 0 12px}.flamb-card__content,.flamb-card__title{font-family:Georgia,serif;font-style:italic}.flamb-card__content{color:#fffc;font-size:.95rem;line-height:1.7;margin:0 0 20px}.flamb-card__footer{display:flex;gap:12px}.flamb-card__tag{background:#ffd70026;border-radius:0;color:gold;color:var(--flamb-gold);font-size:.8rem;padding:6px 14px}.flamb-badge{align-items:center;background:#ffffff1a;border:1px solid #fff3;color:#fff;display:inline-flex;font-family:Georgia,serif;font-size:.8rem;font-style:italic;letter-spacing:.1em;padding:8px 18px}.flamb-badge--success{background:#ff149326;border-color:#ff1493;border-color:var(--flamb-pink);color:#ff69b4;color:var(--flamb-hot-pink)}.flamb-badge--legendary{animation:flamb-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#9400d3);background:linear-gradient(135deg,var(--flamb-gold),var(--flamb-purple));border:none;color:#fff}.flamb-badge--rainbow{animation:flamb-rainbow 3s ease infinite;background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background:var(--flamb-gradient);background-size:200% 200%;border:none;color:#fff;font-weight:700}.flamb-avatar{align-items:center;background:linear-gradient(135deg,#ff1493,#9400d3);background:linear-gradient(135deg,var(--flamb-pink),var(--flamb-purple));display:flex;height:56px;justify-content:center;position:relative;width:56px}.flamb-avatar--large{height:80px;width:80px}.flamb-avatar__text{color:#fff;font-family:Georgia,serif;font-size:1.25rem;font-weight:700;z-index:1}.flamb-avatar--large .flamb-avatar__text{font-size:1.75rem}.flamb-avatar__crown{color:gold;color:var(--flamb-gold);font-size:1.25rem;position:absolute;text-shadow:0 2px 8px #ffd70099;top:-14px;z-index:2}.flamb-avatar--large .flamb-avatar__crown{font-size:1.5rem;top:-18px}.flamb-avatar__ring{animation:flamb-ring-pulse 2s ease-in-out infinite;border:2px solid gold;border:2px solid var(--flamb-gold);inset:-4px;position:absolute}.flamb-avatar__sparkles{animation:flamb-sparkle-field 3s ease-in-out infinite;background-image:radial-gradient(circle,gold 1px,#0000 0);background-image:radial-gradient(circle,var(--flamb-gold) 1px,#0000 1px);background-size:8px 8px;inset:-12px;opacity:.5;position:absolute}.flamb-tooltip-trigger{border-bottom:2px dotted gold;border-bottom:2px dotted var(--flamb-gold);color:gold;color:var(--flamb-gold);cursor:help;font-family:Georgia,serif;font-style:italic;position:relative}.flamb-tooltip{background:linear-gradient(135deg,#9400d3,#ff1493);background:linear-gradient(135deg,var(--flamb-purple),var(--flamb-pink));bottom:100%;box-shadow:0 8px 30px #9400d380;color:#fff;font-size:.9rem;left:50%;opacity:0;padding:14px 20px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-12px);transition:all .3s ease;white-space:nowrap}.flamb-tooltip:after{border:8px solid #0000;border-top:8px solid var(--flamb-pink);bottom:-8px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.flamb-tooltip-trigger:hover .flamb-tooltip{opacity:1;transform:translateX(-50%) translateY(-16px)}.flamb-modal-backdrop{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.flamb-modal{animation:flamb-modal-in .4s ease;background:linear-gradient(180deg,#2d1f3d,#1a0f2e);border:2px solid #9400d3;border:2px solid var(--flamb-purple);max-width:90%;min-width:360px;overflow:hidden;padding:48px 40px;position:relative;text-align:center}.flamb-modal__shimmer{animation:flamb-shimmer-diagonal 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#ffd7000d,#0000);inset:0;position:absolute}.flamb-modal__close{background:#0000;border:1px solid #fff3;color:#fff;cursor:pointer;font-size:1.25rem;height:32px;position:absolute;right:16px;top:16px;transition:all .3s ease;width:32px}.flamb-modal__close:hover{background:#ff1493;background:var(--flamb-pink);border-color:#ff1493;border-color:var(--flamb-pink)}.flamb-modal__crown{color:gold;color:var(--flamb-gold);font-size:3rem;margin-bottom:16px;text-shadow:0 4px 20px #ffd70099}.flamb-modal__title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,#ff1493);background:linear-gradient(90deg,var(--flamb-gold),var(--flamb-pink));-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0 0 12px}.flamb-modal__content,.flamb-modal__title{font-family:Georgia,serif;font-style:italic}.flamb-modal__content{color:#fffc;font-size:1rem;margin:0 0 32px}.flamb-modal__actions{display:flex;gap:16px;justify-content:center}.flamb-tabs{width:100%}.flamb-tabs__list{border-bottom:2px solid #ffffff1a;display:flex;position:relative}.flamb-tabs__tab{background:#0000;border:none;color:#fff6;cursor:pointer;flex:1 1;font-family:Georgia,serif;font-size:1rem;font-style:italic;letter-spacing:.1em;padding:16px 24px;transition:color .3s ease;z-index:1}.flamb-tabs__tab:hover{color:#ff1493;color:var(--flamb-pink)}.flamb-tabs__tab--active{color:gold;color:var(--flamb-gold)}.flamb-tabs__indicator{background:linear-gradient(90deg,#ff1493,gold);background:linear-gradient(90deg,var(--flamb-pink),var(--flamb-gold));bottom:-2px;height:3px;left:0;position:absolute;transition:transform .4s ease;width:33.333%}.flamb-tabs__content{color:#fffc;font-family:Georgia,serif;font-size:1rem;font-style:italic;padding:28px 8px}.flamb-accordion{background:#9400d30d;border:1px solid #ff14934d;width:100%}.flamb-accordion__header{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-family:Georgia,serif;font-size:1rem;font-style:italic;justify-content:space-between;padding:20px 24px;text-align:left;transition:background .3s ease;width:100%}.flamb-accordion__header:hover{background:#ff14931a}.flamb-accordion__icon{color:gold;color:var(--flamb-gold);font-size:1.5rem;transition:transform .3s ease}.flamb-accordion--open .flamb-accordion__icon{transform:rotate(45deg)}.flamb-accordion__body{max-height:0;overflow:hidden;transition:max-height .4s ease}.flamb-accordion--open .flamb-accordion__body{max-height:200px}.flamb-accordion__content{border-top:1px solid #ff149333;color:#fffc;font-family:Georgia,serif;font-size:.95rem;font-style:italic;line-height:1.7;padding:20px 24px 24px}.flamb-progress{width:100%}.flamb-progress__track{background:#ffffff1a;border:1px solid #ff14934d;height:16px;overflow:hidden}.flamb-progress__bar{animation:flamb-gradient-shift 2s ease infinite;background:linear-gradient(90deg,#ff1493,#9400d3,gold);background:linear-gradient(90deg,var(--flamb-pink),var(--flamb-purple),var(--flamb-gold));background-size:200% 100%;height:100%;position:relative}.flamb-progress__shimmer{animation:flamb-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.flamb-progress__label{color:#fff9;display:block;font-family:Georgia,serif;font-size:.85rem;font-style:italic;margin-top:12px;text-align:center}.flamb-slider-wrapper{height:32px;position:relative;width:100%}.flamb-slider{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.flamb-slider__track{background:#ffffff1a;border:1px solid #ff14934d;height:8px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.flamb-slider__fill{background:linear-gradient(90deg,#ff1493,#9400d3);background:linear-gradient(90deg,var(--flamb-pink),var(--flamb-purple));height:100%}.flamb-slider__thumb{align-items:center;background:linear-gradient(135deg,gold,#ff69b4);background:linear-gradient(135deg,var(--flamb-gold),var(--flamb-hot-pink));display:flex;height:28px;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:28px}.flamb-slider__gem{color:#fff;font-size:.875rem}.flamb-slider:hover+.flamb-slider__track .flamb-slider__thumb{box-shadow:0 0 20px #ffd70099;transform:translate(-50%,-50%) scale(1.15)}.flamb-slider__value{color:gold;color:var(--flamb-gold);display:block;font-family:Georgia,serif;font-size:1rem;font-style:italic;margin-top:16px;text-align:center}.flamb-toast{align-items:center;animation:flamb-toast-in .4s ease;background:linear-gradient(135deg,#9400d3,#ff1493);background:linear-gradient(135deg,var(--flamb-purple),var(--flamb-pink));border:1px solid gold;border:1px solid var(--flamb-gold);bottom:24px;color:#fff;display:flex;gap:14px;overflow:hidden;padding:18px 28px;position:fixed;right:24px;z-index:1000}.flamb-toast__shimmer{animation:flamb-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd7004d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.flamb-toast__icon{font-size:1.25rem;position:relative;z-index:1}.flamb-toast__message{font-family:Georgia,serif;font-size:.95rem;font-style:italic;position:relative;z-index:1}.flamb-toast__close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1rem;opacity:.7;position:relative;transition:opacity .3s ease;z-index:1}.flamb-toast__close:hover{opacity:1}@keyframes flamb-shimmer{0%{left:-100%}to{left:100%}}@keyframes flamb-shimmer-diagonal{0%{transform:translateX(-100%) translateY(-100%)}to{transform:translateX(100%) translateY(100%)}}@keyframes flamb-rainbow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes flamb-gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes flamb-sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(1.5) rotate(180deg)}}@keyframes flamb-glitter{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes flamb-pulse{0%,to{box-shadow:0 0 10px #ffd70066}50%{box-shadow:0 0 25px #ffd700cc}}@keyframes flamb-ring-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes flamb-sparkle-field{0%,to{opacity:.3}50%{opacity:.6}}@keyframes flamb-modal-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes flamb-toast-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.component-showcase{background:linear-gradient(180deg,#011329,#02203d 50%,#011329);min-height:100vh;overflow-x:hidden;padding:var(--space-8) 0;padding-top:80px;position:relative}.component-showcase__content{margin:0 auto;max-width:1400px;padding:0 var(--space-6);position:relative;z-index:10}.component-showcase__back{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#011329b3;border:1px solid #ffaf0033;border-radius:8px;color:#f5efe6;color:var(--color-cream,#f5efe6);display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.8rem;gap:8px;margin-bottom:var(--space-6);padding:10px 16px;text-decoration:none;transition:all .2s ease}.component-showcase__back:hover{border-color:#ffaf00;border-color:var(--color-golden,#ffaf00);color:#ffaf00;color:var(--color-golden,#ffaf00)}.component-showcase__back-icon{font-weight:700}.component-showcase__header{margin-bottom:var(--space-8);text-align:center}.component-showcase__label{color:#3c7f72;color:var(--color-teal,#3c7f72);display:inline-block;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.2em;margin-bottom:var(--space-3);text-transform:uppercase}.component-showcase__title{color:#f5efe6;color:var(--color-cream,#f5efe6);font-family:Space Grotesk,sans-serif;font-family:var(--font-heading,"Space Grotesk",sans-serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin:0 0 var(--space-3)}.component-showcase__subtitle{color:#f5efe6b3;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:1.1rem;margin:0 auto;max-width:600px}.component-showcase__theme-info{background:#0003;border:1px solid #ffaf001a;border-radius:8px;margin-bottom:var(--space-8);padding:var(--space-4);text-align:center}.component-showcase__theme-desc{color:#f5efe6cc;font-family:Inter,sans-serif;font-family:var(--font-body,"Inter",sans-serif);font-size:.95rem;margin:0}.component-showcase__grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));margin-bottom:var(--space-8)}.component-showcase__footer{border-top:1px solid #ffaf001a;padding-top:var(--space-6);text-align:center}.component-showcase__footer p{color:#f5efe680;font-family:JetBrains Mono,monospace;font-size:.8rem;margin:0}.component-showcase__footer strong{color:#ffaf00;color:var(--color-golden,#ffaf00)}@media (max-width:768px){.component-showcase{padding:var(--space-6) 0}.component-showcase__content{padding:0 var(--space-4)}.component-showcase__grid{grid-template-columns:1fr}}.component-showcase__bg{inset:0;pointer-events:none;position:fixed;transition:all .5s ease;z-index:0}.component-showcase{transition:background .5s ease,color .5s ease}.showcase-boring{background:#fafafa}.showcase-boring .component-showcase__bg{background:linear-gradient(180deg,#f5f5f5,#fafafa)}.showcase-boring .component-showcase__back{background:#fff;border:1px solid #ddd;color:#333}.showcase-boring .component-showcase__back:hover{border-color:#999;color:#000}.showcase-boring .component-showcase__label{color:#666}.showcase-boring .component-showcase__title{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.showcase-boring .component-showcase__subtitle{color:#666}.showcase-boring .component-showcase__theme-info{background:#fff;border:1px solid #e5e5e5}.showcase-boring .component-showcase__theme-desc{color:#444}.showcase-boring .component-showcase__footer{border-top-color:#e5e5e5}.showcase-boring .component-showcase__footer p{color:#888}.showcase-boring .component-showcase__footer strong{color:#333}.showcase-utilitarian,.showcase-utilitarian .component-showcase__bg{background:linear-gradient(180deg,#0f0f0f,#1a1a1a 50%,#0f0f0f)}.showcase-utilitarian .component-showcase__back{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffb3}.showcase-utilitarian .component-showcase__back:hover{border-color:#ffffff4d;color:#fff}.showcase-utilitarian .component-showcase__label{color:#fff6}.showcase-utilitarian .component-showcase__title{color:#fff;font-family:Inter,-apple-system,sans-serif;font-weight:500}.showcase-utilitarian .component-showcase__subtitle{color:#ffffff80}.showcase-utilitarian .component-showcase__theme-info{background:#ffffff08;border:1px solid #ffffff14}.showcase-utilitarian .component-showcase__theme-desc{color:#fff9}.showcase-utilitarian .component-showcase__footer{border-top-color:#ffffff14}.showcase-utilitarian .component-showcase__footer p{color:#fff6}.showcase-utilitarian .component-showcase__footer strong{color:#fffc}.showcase-brutalist,.showcase-brutalist .component-showcase__bg{background:#000}.showcase-brutalist .component-showcase__content{max-width:1200px}.showcase-brutalist .component-showcase__back{background:#0000;border:3px solid #fff;border-radius:0;color:#fff;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.showcase-brutalist .component-showcase__back:hover{background:#fff;color:#000}.showcase-brutalist .component-showcase__label{border:2px solid #fff;color:#fff;display:inline-block;font-size:.7rem;letter-spacing:.3em;padding:8px 16px}.showcase-brutalist .component-showcase__title{color:#fff;font-family:JetBrains Mono,Courier New,monospace;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;letter-spacing:.05em;text-transform:uppercase}.showcase-brutalist .component-showcase__subtitle{color:#fff9;font-family:JetBrains Mono,monospace;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}.showcase-brutalist .component-showcase__theme-info{background:#0000;border:3px solid #fff;border-radius:0}.showcase-brutalist .component-showcase__theme-desc{color:#fff;font-family:JetBrains Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.showcase-brutalist .component-showcase__grid{border:3px solid #fff;gap:0}.showcase-brutalist .component-showcase__footer{border-top:3px solid #fff}.showcase-brutalist .component-showcase__footer p{color:#fff9;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.showcase-brutalist .component-showcase__footer strong{color:#fff}.showcase-cyber{background:#0a0a0a}.showcase-cyber .component-showcase__bg{background:linear-gradient(90deg,#00ffff05 1px,#0000 0),linear-gradient(#ff00ff05 1px,#0000 0),radial-gradient(ellipse at center,#ff00ff0d 0,#0000 70%);background-size:50px 50px,50px 50px,100% 100%}.showcase-cyber .component-showcase__back{background:#000c;border:1px solid #f0f;border-radius:0;color:#0ff;text-shadow:0 0 10px #0ff}.showcase-cyber .component-showcase__back:hover{background:#ff00ff1a;box-shadow:0 0 20px #ff00ff4d}.showcase-cyber .component-showcase__label{animation:cyber-flicker 3s ease-in-out infinite;color:#0ff;text-shadow:0 0 10px #0ff}.showcase-cyber .component-showcase__title{color:#f0f;font-family:JetBrains Mono,monospace;letter-spacing:.1em;text-shadow:0 0 30px #f0f,0 0 60px #ff00ff80;text-transform:uppercase}.showcase-cyber .component-showcase__subtitle{color:#00ffffb3}.showcase-cyber .component-showcase__theme-info{background:#0009;border:1px solid #ff00ff4d;border-radius:0;box-shadow:0 0 20px #ff00ff1a}.showcase-cyber .component-showcase__theme-desc{color:#0f8;font-family:JetBrains Mono,monospace}.showcase-cyber .component-showcase__footer{border-top:1px solid #ff00ff4d}.showcase-cyber .component-showcase__footer p{color:#00ffff80}.showcase-cyber .component-showcase__footer strong{color:#f0f;text-shadow:0 0 10px #f0f}@keyframes cyber-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.showcase-organic{background:linear-gradient(180deg,#1a2a1a,#2d3a2d 50%,#1a2a1a)}.showcase-organic .component-showcase__bg{background:radial-gradient(ellipse at 20% 30%,#8fbc8f1a 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#5f9ea01a 0,#0000 50%),linear-gradient(180deg,#1a2a1a,#2d3a2d 50%,#1a2a1a)}.showcase-organic .component-showcase__back{background:#8fbc8f1a;border:2px solid #8fbc8f4d;border-radius:50px;color:#8fbc8f}.showcase-organic .component-showcase__back:hover{background:#8fbc8f33;border-color:#8fbc8f}.showcase-organic .component-showcase__label{color:#5f9ea0}.showcase-organic .component-showcase__title{color:#8fbc8f;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.showcase-organic .component-showcase__subtitle{color:#8fbc8fb3;font-family:Georgia,serif;font-style:italic}.showcase-organic .component-showcase__theme-info{background:#8fbc8f0d;border:1px solid #8fbc8f33;border-radius:24px}.showcase-organic .component-showcase__theme-desc{color:#ffffffb3;font-family:Georgia,serif;font-style:italic}.showcase-organic .component-showcase__grid{gap:24px}.showcase-organic .component-showcase__footer{border-top:1px solid #8fbc8f33}.showcase-organic .component-showcase__footer p{color:#8fbc8f80;font-family:Georgia,serif;font-style:italic}.showcase-organic .component-showcase__footer strong{color:#8fbc8f}.showcase-whimsical{background:linear-gradient(135deg,#1a1030,#2d1a4a 50%,#1a1030)}.showcase-whimsical .component-showcase__bg{background:radial-gradient(ellipse at 30% 20%,#ff6b9d1a 0,#0000 40%),radial-gradient(ellipse at 70% 80%,#c084fc1a 0,#0000 40%),radial-gradient(ellipse at 50% 50%,#60a5fa0d 0,#0000 60%),linear-gradient(135deg,#1a1030,#2d1a4a 50%,#1a1030)}.showcase-whimsical .component-showcase__back{background:linear-gradient(135deg,#ff6b9d33,#c084fc33);border:3px solid #c084fc;border-radius:20px;color:#fff;font-weight:600}.showcase-whimsical .component-showcase__back:hover{box-shadow:0 8px 0 #9333ea;transform:translateY(-2px) rotate(-1deg)}.showcase-whimsical .component-showcase__label{color:#ff6b9d;font-size:.8rem}.showcase-whimsical .component-showcase__title{color:#fcd34d;font-family:Comic Sans MS,Chalkboard,cursive,sans-serif;text-shadow:3px 3px 0 #9333ea}.showcase-whimsical .component-showcase__subtitle{color:#ffffffb3}.showcase-whimsical .component-showcase__theme-info{background:linear-gradient(135deg,#ff6b9d1a,#c084fc1a);border:3px solid #c084fc;border-radius:20px}.showcase-whimsical .component-showcase__theme-desc{color:#fffc}.showcase-whimsical .component-showcase__grid{gap:24px}.showcase-whimsical .component-showcase__footer{border-top:3px dashed #c084fc}.showcase-whimsical .component-showcase__footer p{color:#fff9}.showcase-whimsical .component-showcase__footer strong{color:#fcd34d}.showcase-flamboyant{background:linear-gradient(180deg,#1a0a1f,#2a1a2f 50%,#1a0a1f)}.showcase-flamboyant .component-showcase__bg{background:linear-gradient(45deg,#ffd70005,#0000 50%),linear-gradient(-45deg,#ff149305,#0000 50%),linear-gradient(180deg,#1a0a1f,#2a1a2f 50%,#1a0a1f)}.showcase-flamboyant .component-showcase__back{background:#0000;border:2px solid gold;border-radius:0;color:gold;font-family:Georgia,serif;font-style:italic;letter-spacing:.1em}.showcase-flamboyant .component-showcase__back:hover{background:linear-gradient(135deg,#ff149333,#9400d333);color:#fff}.showcase-flamboyant .component-showcase__label{color:#ff1493;font-family:Georgia,serif;font-style:italic;letter-spacing:.2em}.showcase-flamboyant .component-showcase__title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,#ff1493,#9400d3);-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700}.showcase-flamboyant .component-showcase__subtitle{color:#ffd700b3;font-family:Georgia,serif;font-style:italic}.showcase-flamboyant .component-showcase__theme-info{background:linear-gradient(135deg,#9400d31a,#ff14931a);border:1px solid #ff14934d;border-radius:0}.showcase-flamboyant .component-showcase__theme-desc{color:#fffc;font-family:Georgia,serif;font-style:italic}.showcase-flamboyant .component-showcase__footer{border-top:1px solid #ffd7004d}.showcase-flamboyant .component-showcase__footer p{color:#ffd70080;font-family:Georgia,serif;font-style:italic}.showcase-flamboyant .component-showcase__footer strong{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold,#ff1493);-webkit-background-clip:text;background-clip:text}.now-page{background:var(--gradient-space);min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.now-content{margin:0 auto;max-width:800px;padding:var(--space-6) var(--space-4);position:relative;z-index:2}.now-header{margin-bottom:var(--space-6);text-align:center}.now-tagline{color:var(--color-teal);display:block;font-family:var(--font-script);font-size:1.25rem;margin-bottom:var(--space-2)}.now-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(3rem,10vw,5rem);font-weight:700;margin:0;text-shadow:var(--glow-text-golden)}.now-subtitle{color:var(--color-cream);font-family:var(--font-body);font-size:1.1rem;line-height:1.6;margin:var(--space-4) 0;opacity:.8}.now-link{border-bottom:1px solid #0000;color:var(--color-teal);text-decoration:none;transition:all .3s ease}.now-link:hover{border-bottom-color:var(--color-golden);color:var(--color-golden)}.now-updated{background:#ffaf000d;border:1px solid #ffaf001a;border-radius:var(--radius-sm);color:var(--color-cream);display:inline-block;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.15em;opacity:.5;padding:var(--space-2) var(--space-3);text-transform:uppercase}.now-sections{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.now-card{padding:var(--space-4);transition:all .3s ease}.now-card:hover{border-color:#ffaf004d;box-shadow:var(--glow-golden);transform:translateY(-4px)}.card-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.now-card .card-icon{color:var(--color-teal);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;opacity:.8}.now-card .card-title{color:var(--color-golden);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0}.card-content{color:var(--color-cream);font-family:var(--font-body);font-size:.95rem;line-height:1.7;margin:0;opacity:.85}.now-footer{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6);text-align:center}.now-footer .footer-line{background:linear-gradient(90deg,#0000,var(--color-golden),#0000);height:2px;width:60px}.footer-note{color:var(--color-cream);font-family:var(--font-body);font-size:1rem;margin:0;opacity:.6}@media (max-width:768px){.now-page{padding-top:70px}.now-content{padding:var(--space-4) var(--space-3)}.now-sections{gap:var(--space-3);grid-template-columns:1fr}.now-card:hover{transform:none}}@media (max-width:480px){.now-content{padding:var(--space-3) var(--space-2)}.now-title{font-size:2.5rem}.now-card{padding:var(--space-3)}.now-card .card-icon{font-size:1.5rem}.now-card .card-title{font-size:1.1rem}}.uses-page{background:var(--gradient-space);min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.uses-content{margin:0 auto;max-width:1000px;padding:var(--space-6) var(--space-4);position:relative;z-index:2}.uses-header{margin-bottom:var(--space-6);text-align:center}.uses-tagline{color:var(--color-teal);display:block;font-family:var(--font-script);font-size:1.25rem;margin-bottom:var(--space-2)}.uses-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(3rem,10vw,5rem);font-weight:700;margin:0;text-shadow:var(--glow-text-golden)}.uses-subtitle{color:var(--color-cream);font-family:var(--font-body);font-size:1.1rem;line-height:1.6;margin:var(--space-4) 0 0;opacity:.8}.uses-link{border-bottom:1px solid #0000;color:var(--color-teal);text-decoration:none;transition:all .3s ease}.uses-link:hover{border-bottom-color:var(--color-golden);color:var(--color-golden)}.uses-categories{display:flex;flex-direction:column;gap:var(--space-6)}.category-header{align-items:center;border-bottom:1px solid #ffaf001a;display:flex;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.category-icon{color:var(--color-teal);font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600;opacity:.8}.category-title{color:var(--color-golden);font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin:0}.category-items{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.uses-item{padding:var(--space-4);transition:all .3s ease}.uses-item:hover{border-color:#ffaf004d;box-shadow:var(--glow-golden);transform:translateY(-4px)}.item-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:600}.item-description,.item-name{color:var(--color-cream);margin:0 0 var(--space-2)}.item-description{font-family:var(--font-body);font-size:.9rem;line-height:1.6;opacity:.8}.item-details{color:var(--color-teal);font-family:var(--font-heading);font-size:.75rem;letter-spacing:.05em;opacity:.8;text-transform:uppercase}.uses-footer{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6);text-align:center}.uses-footer .footer-line{background:linear-gradient(90deg,#0000,var(--color-golden),#0000);height:2px;width:60px}.uses-footer .footer-note{color:var(--color-cream);font-family:var(--font-body);font-size:1rem;margin:0;opacity:.6}@media (max-width:768px){.uses-page{padding-top:70px}.uses-content{padding:var(--space-4) var(--space-3)}.category-items{gap:var(--space-3);grid-template-columns:1fr}.uses-item:hover{transform:none}.category-header{gap:var(--space-2)}.category-icon{font-size:1.5rem}.category-title{font-size:1.25rem}}@media (max-width:480px){.uses-content{padding:var(--space-3) var(--space-2)}.uses-title{font-size:2.5rem}.uses-item{padding:var(--space-3)}.item-name{font-size:1rem}}.blog-page{background:var(--gradient-space);min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.blog-content{margin:0 auto;max-width:800px;padding:var(--space-6) var(--space-4);position:relative;z-index:2}.blog-header{margin-bottom:var(--space-5);text-align:center}.blog-tagline{color:var(--color-teal);display:block;font-family:var(--font-script);font-size:1.25rem;margin-bottom:var(--space-2)}.blog-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(3rem,10vw,5rem);font-weight:700;margin:0;text-shadow:var(--glow-text-golden)}.blog-subtitle{color:var(--color-cream);font-family:var(--font-body);font-size:1.1rem;line-height:1.6;margin:var(--space-4) 0 0;opacity:.8}.blog-link{border-bottom:1px solid #0000;color:var(--color-teal);text-decoration:none;transition:all .3s ease}.blog-link:hover{border-bottom-color:var(--color-golden);color:var(--color-golden)}.blog-filters{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-5)}.filter-btn{background:#0000;border:1px solid #ffaf0033;border-radius:var(--radius-sm);color:var(--color-cream);cursor:pointer;font-family:var(--font-heading);font-size:.875rem;padding:var(--space-2) var(--space-4);transition:all .3s ease}.filter-btn:hover{background:#ffaf000d;border-color:#ffaf0080}.filter-btn.active{background:var(--color-golden);border-color:var(--color-golden);color:var(--color-navy)}.posts-list{display:flex;flex-direction:column;gap:var(--space-4)}.post-card{padding:var(--space-5);transition:all .3s ease}.post-card:hover{border-color:#ffaf004d;box-shadow:var(--glow-golden);transform:translateY(-4px)}.post-card.update{border-left:3px solid var(--color-teal);padding:var(--space-4)}.post-link{display:block;text-decoration:none}.post-meta{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.post-date{color:var(--color-teal);font-family:var(--font-heading);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.post-read-time{color:var(--color-cream);font-family:var(--font-body);font-size:.75rem;opacity:.5}.post-title{color:var(--color-golden);font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin:0 0 var(--space-3);transition:color .3s ease}.post-card:hover .post-title{text-shadow:var(--glow-text-golden)}.post-excerpt{color:var(--color-cream);font-family:var(--font-body);font-size:1rem;line-height:1.7;margin:0 0 var(--space-4);opacity:.85}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.post-tag{background:#3c7f7226;border:1px solid #3c7f724d;border-radius:20px;color:var(--color-teal);font-size:.7rem;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.post-read-more,.post-tag{font-family:var(--font-heading)}.post-read-more{align-items:center;color:var(--color-golden);display:inline-flex;font-size:.875rem;gap:var(--space-2)}.post-read-more .arrow{transition:transform .3s ease}.post-card:hover .post-read-more .arrow{transform:translateX(4px)}.update-content{position:relative}.update-indicator{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.update-dot{animation:pulse 2s ease-in-out infinite;background:var(--color-teal);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.update-label{color:var(--color-teal);font-family:var(--font-heading);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.update-date{color:var(--color-cream);display:block;font-family:var(--font-body);font-size:.75rem;margin-bottom:var(--space-2);opacity:.5}.update-title{color:var(--color-cream);font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-2)}.update-text{color:var(--color-cream);font-family:var(--font-body);font-size:.95rem;line-height:1.6;margin:0;opacity:.8}.blog-footer{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6);text-align:center}.blog-footer .footer-line{background:linear-gradient(90deg,#0000,var(--color-golden),#0000);height:2px;width:60px}.blog-footer .footer-note{color:var(--color-cream);font-family:var(--font-body);font-size:1rem;margin:0;opacity:.6}@media (max-width:768px){.blog-page{padding-top:70px}.blog-content{padding:var(--space-4) var(--space-3)}.post-card{padding:var(--space-4)}.post-card:hover{transform:none}.blog-filters{flex-wrap:wrap}}@media (max-width:480px){.blog-content{padding:var(--space-3) var(--space-2)}.blog-title{font-size:2.5rem}.post-card{padding:var(--space-3)}.post-title{font-size:1.25rem}.filter-btn{font-size:.75rem;padding:var(--space-2) var(--space-3)}}.blog-post-page{background:var(--gradient-space);min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.post-container{margin:0 auto;max-width:700px;padding:var(--space-6) var(--space-4);position:relative;z-index:2}.back-link{align-items:center;color:var(--color-teal);display:inline-flex;font-family:var(--font-heading);font-size:.875rem;gap:var(--space-2);margin-bottom:var(--space-5);text-decoration:none;transition:all .3s ease}.back-link:hover{color:var(--color-golden)}.back-arrow{transition:transform .3s ease}.back-link:hover .back-arrow{transform:translateX(-4px)}.post-header{margin-bottom:var(--space-5)}.post-header .post-meta{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.post-header .post-date{color:var(--color-teal);font-family:var(--font-heading);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.meta-separator{color:var(--color-cream);opacity:.3}.post-header .post-read-time{color:var(--color-cream);font-family:var(--font-body);font-size:.75rem;opacity:.5}.post-header .post-title{color:var(--color-golden);font-family:var(--font-heading);font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.2;margin:0 0 var(--space-4);text-shadow:var(--glow-text-golden)}.post-header .post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-header .post-tag{background:#3c7f7226;border:1px solid #3c7f724d;border-radius:20px;color:var(--color-teal);font-family:var(--font-heading);font-size:.7rem;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.post-content{padding:var(--space-5)}.prose{color:var(--color-cream);font-family:var(--font-body);font-size:1.1rem;line-height:1.8}.prose h2{color:var(--color-golden);font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin:var(--space-5) 0 var(--space-3)}.prose h2:first-child{margin-top:0}.prose h3{color:var(--color-cream);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:var(--space-4) 0 var(--space-2)}.prose p{margin:0 0 var(--space-4);opacity:.9}.prose strong{color:var(--color-golden);font-weight:600}.prose code{background:#ffaf001a;border-radius:4px;color:var(--color-golden);font-family:JetBrains Mono,monospace;font-size:.9em;padding:2px 6px}.prose pre{background:#000a18cc;border:1px solid #ffaf0026;border-radius:var(--radius-sm);margin:var(--space-4) 0;overflow-x:auto;padding:var(--space-4)}.prose pre code{background:none;font-size:.85rem;line-height:1.6;padding:0}.prose ul{list-style:none;margin:var(--space-4) 0;padding:0}.prose li{margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative}.prose li:before{color:var(--color-teal);content:"→";left:0;position:absolute}.post-footer{margin-top:var(--space-6);text-align:center}.footer-divider{background:linear-gradient(90deg,#0000,var(--color-golden),#0000);height:2px;margin:0 auto var(--space-4);width:60px}.footer-thanks{color:var(--color-cream);font-family:var(--font-script);font-size:1.25rem;margin:0 0 var(--space-4);opacity:.6}.footer-actions{display:flex;gap:var(--space-3);justify-content:center}.footer-btn{background:#0000;border:1px solid #ffaf004d;border-radius:var(--radius-sm);color:var(--color-cream);font-family:var(--font-heading);font-size:.875rem;padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .3s ease}.footer-btn:hover{background:#ffaf000d;border-color:var(--color-golden)}.footer-btn.primary{background:var(--color-golden);border-color:var(--color-golden);color:var(--color-navy)}.footer-btn.primary:hover{background:var(--color-golden-light);box-shadow:var(--glow-golden)}@media (max-width:768px){.blog-post-page{padding-top:70px}.post-container{padding:var(--space-4) var(--space-3)}.post-content{padding:var(--space-4)}.prose{font-size:1rem}}@media (max-width:480px){.post-container{padding:var(--space-3) var(--space-2)}.post-header .post-title{font-size:1.75rem}.post-content{padding:var(--space-3)}.footer-actions{flex-direction:column}}
/*# sourceMappingURL=main.9840ca23.css.map*/