[data-theme=glassmorphism] body{position:relative;min-height:100vh;overflow-x:hidden}[data-theme=glassmorphism] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:var(--bg);transition:background .5s ease}.glassmorphism-orb{position:fixed;border-radius:50%;filter:blur(80px);z-index:-1;pointer-events:none;opacity:.6}[data-mode=light] .glassmorphism-orb--1{width:400px;height:400px;background:linear-gradient(135deg,#60a5fa,#a78bfa);top:-100px;right:-100px;animation:float-orb-1 20s ease-in-out infinite}[data-mode=light] .glassmorphism-orb--2{width:300px;height:300px;background:linear-gradient(135deg,#f472b6,#fb7185);bottom:10%;left:-50px;animation:float-orb-2 25s ease-in-out infinite}[data-mode=light] .glassmorphism-orb--3{width:250px;height:250px;background:linear-gradient(135deg,#34d399,#22d3ee);top:40%;right:10%;animation:float-orb-3 22s ease-in-out infinite}[data-mode=light] .glassmorphism-orb--4{width:350px;height:350px;background:linear-gradient(135deg,#fbbf24,#f87171,#c084fc);bottom:-100px;right:20%;animation:float-orb-4 28s ease-in-out infinite}[data-mode=dark] .glassmorphism-orb--1{width:400px;height:400px;background:linear-gradient(135deg,#1e40af,#7c3aed);top:-100px;right:-100px;animation:float-orb-1 20s ease-in-out infinite}[data-mode=dark] .glassmorphism-orb--2{width:300px;height:300px;background:linear-gradient(135deg,#be185d,#9333ea);bottom:10%;left:-50px;animation:float-orb-2 25s ease-in-out infinite}[data-mode=dark] .glassmorphism-orb--3{width:250px;height:250px;background:linear-gradient(135deg,#059669,#0891b2);top:40%;right:10%;animation:float-orb-3 22s ease-in-out infinite}[data-mode=dark] .glassmorphism-orb--4{width:350px;height:350px;background:linear-gradient(135deg,#b45309,#dc2626,#7c3aed);bottom:-100px;right:20%;animation:float-orb-4 28s ease-in-out infinite}@keyframes float-orb-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-30px,30px) scale(1.05)}50%{transform:translate(20px,-20px) scale(.95)}75%{transform:translate(-20px,-30px) scale(1.02)}}@keyframes float-orb-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.92)}}@keyframes float-orb-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,40px) scale(1.1)}}@keyframes float-orb-4{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(30px,-40px) scale(1.05) rotate(5deg)}50%{transform:translate(-30px,-20px) scale(.95) rotate(-5deg)}75%{transform:translate(20px,30px) scale(1.02) rotate(3deg)}}[data-theme=glassmorphism] .card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a;position:relative;overflow:hidden}[data-theme=glassmorphism] .card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#fff0);pointer-events:none;z-index:1}[data-theme=glassmorphism] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}[data-theme=glassmorphism] .btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a}[data-theme=glassmorphism] .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026,inset 0 1px #fff3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=glassmorphism] .btn--primary{background:linear-gradient(135deg,var(--accent) 0%,rgba(56,189,248,.8) 100%);border:1px solid rgba(255,255,255,.3)}[data-theme=glassmorphism] .header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=glassmorphism] .bento-card{backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%)}[data-theme=glassmorphism] .bento-card:hover{backdrop-filter:blur(32px) saturate(220%);-webkit-backdrop-filter:blur(32px) saturate(220%)}@media(prefers-reduced-motion:reduce){.glassmorphism-orb{animation:none}[data-theme=glassmorphism] .card,[data-theme=glassmorphism] .btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}[data-theme=gradient-aurora] body{position:relative;min-height:100vh;overflow-x:hidden}[data-theme=gradient-aurora] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:var(--bg)}.aurora-layer{position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:-1;pointer-events:none;opacity:.7;mix-blend-mode:screen}[data-mode=light] .aurora-layer--1{background:radial-gradient(ellipse 80% 50% at 20% 40%,#a7f3d099,#a7f3d000 50%);animation:aurora-flow-1 25s ease-in-out infinite}[data-mode=light] .aurora-layer--2{background:radial-gradient(ellipse 60% 40% at 80% 30%,#fbcfe880,#fbcfe800 50%);animation:aurora-flow-2 20s ease-in-out infinite}[data-mode=light] .aurora-layer--3{background:radial-gradient(ellipse 70% 60% at 50% 80%,#fde68a66,#fde68a00 50%);animation:aurora-flow-3 30s ease-in-out infinite}[data-mode=light] .aurora-layer--4{background:radial-gradient(ellipse 50% 50% at 30% 70%,#bfdbfe80,#bfdbfe00 50%);animation:aurora-flow-4 22s ease-in-out infinite}[data-mode=dark] .aurora-layer--1{background:radial-gradient(ellipse 80% 50% at 20% 40%,#34d39966,#10b98100 50%);animation:aurora-flow-1 25s ease-in-out infinite}[data-mode=dark] .aurora-layer--2{background:radial-gradient(ellipse 60% 40% at 80% 30%,#c084fc59,#a855f700 50%);animation:aurora-flow-2 20s ease-in-out infinite}[data-mode=dark] .aurora-layer--3{background:radial-gradient(ellipse 70% 60% at 50% 80%,#f472b64d,#ec489900 50%);animation:aurora-flow-3 30s ease-in-out infinite}[data-mode=dark] .aurora-layer--4{background:radial-gradient(ellipse 50% 50% at 30% 70%,#22d3ee40,#06b6d400 50%);animation:aurora-flow-4 22s ease-in-out infinite}@keyframes aurora-flow-1{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(5%,-5%) rotate(5deg) scale(1.1)}50%{transform:translate(-3%,3%) rotate(-3deg) scale(.95)}75%{transform:translate(2%,5%) rotate(2deg) scale(1.05)}}@keyframes aurora-flow-2{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-5%,3%) rotate(-5deg) scale(1.15)}66%{transform:translate(4%,-4%) rotate(4deg) scale(.9)}}@keyframes aurora-flow-3{0%,to{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(-4%,-6%) rotate(8deg) scale(1.2)}}@keyframes aurora-flow-4{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(6%,4%) rotate(-4deg) scale(1.1)}50%{transform:translate(-2%,-5%) rotate(6deg) scale(.95)}75%{transform:translate(-5%,2%) rotate(-2deg) scale(1.05)}}.aurora-particle{position:fixed;border-radius:50%;z-index:-1;pointer-events:none}[data-mode=light] .aurora-particle{background:#fff9;box-shadow:0 0 10px #fff6}[data-mode=dark] .aurora-particle{background:#ffffff4d;box-shadow:0 0 15px #fff3}.aurora-particle--1{width:4px;height:4px;top:20%;left:10%;animation:float-particle 40s ease-in-out infinite}.aurora-particle--2{width:3px;height:3px;top:60%;right:15%;animation:float-particle 35s ease-in-out infinite reverse}.aurora-particle--3{width:5px;height:5px;top:40%;left:80%;animation:float-particle 45s ease-in-out infinite}.aurora-particle--4{width:2px;height:2px;top:80%;left:30%;animation:float-particle 38s ease-in-out infinite reverse}.aurora-particle--5{width:3px;height:3px;top:15%;right:40%;animation:float-particle 42s ease-in-out infinite}.aurora-particle--6{width:4px;height:4px;top:70%;left:60%;animation:float-particle 48s ease-in-out infinite reverse}@keyframes float-particle{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(100px,-50px) scale(1.2);opacity:1}50%{transform:translate(200px,50px) scale(.8);opacity:.6}75%{transform:translate(50px,100px) scale(1.1);opacity:.8}}[data-theme=gradient-aurora] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.1) 100%)}[data-mode=dark][data-theme=gradient-aurora] body:after{background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.3) 100%)}.aurora-noise{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}[data-theme=gradient-aurora] .card{backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);background:#ffffff26;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}[data-mode=dark][data-theme=gradient-aurora] .card{background:#14141e66;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}[data-theme=gradient-aurora] .bento-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:all .3s ease}[data-theme=gradient-aurora] .bento-card:hover{backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff40}[data-theme=gradient-aurora] .btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff4d}[data-theme=gradient-aurora] .btn:hover{background:#ffffff4d;box-shadow:0 8px 24px #00000026,inset 0 1px #fff6;transform:translateY(-2px)}[data-theme=gradient-aurora] .btn--primary{background:linear-gradient(135deg,#ff9a76e6,#ff6b6be6);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #ff6b6b4d,inset 0 1px #fff6}[data-theme=gradient-aurora] .btn--primary:hover{background:linear-gradient(135deg,#ff825af2,#ff5555f2);box-shadow:0 8px 28px #ff6b6b66,inset 0 1px #ffffff80}[data-mode=dark][data-theme=gradient-aurora] .btn--primary{background:linear-gradient(135deg,#34d399e6,#22d3eee6);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #34d3994d,inset 0 1px #fff3}[data-mode=dark][data-theme=gradient-aurora] .btn--primary:hover{background:linear-gradient(135deg,#2dbe87f2,#1ebedcf2);box-shadow:0 8px 28px #34d39966,inset 0 1px #ffffff4d}[data-theme=gradient-aurora] .header{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}[data-mode=dark][data-theme=gradient-aurora] .header{background:#0a0a0f4d;border-bottom:1px solid rgba(255,255,255,.1)}@media(prefers-reduced-motion:reduce){.aurora-layer,.aurora-particle{animation:none}[data-theme=gradient-aurora] .card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}[data-theme="8-bit"]{font-size:20px;line-height:1.5;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-smooth:never;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}[data-mode=dark][data-theme="8-bit"]{--bg: #0d0d0d;--fg: #ffffff;--primary: #ff0044;--secondary: #00ffff;--accent: #ffff00;--dim: #880044;--dark-bg: #1a0a0f}[data-mode=dark][data-theme="8-bit"] body{color:#fff;background:#0d0d0d}[data-mode=dark][data-theme="8-bit"] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:#0d0d0d;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff,transparent),radial-gradient(2px 2px at 40px 70px,#ffffff,transparent),radial-gradient(2px 2px at 50px 160px,#ffffff,transparent),radial-gradient(2px 2px at 90px 40px,#ffffff,transparent),radial-gradient(2px 2px at 130px 80px,#ffffff,transparent),radial-gradient(2px 2px at 160px 120px,#ffffff,transparent),radial-gradient(2px 2px at 200px 50px,#ffffff,transparent),radial-gradient(2px 2px at 250px 180px,#ffffff,transparent),radial-gradient(2px 2px at 300px 90px,#ffffff,transparent),radial-gradient(2px 2px at 350px 140px,#ffffff,transparent),radial-gradient(2px 2px at 400px 60px,#ffffff,transparent),radial-gradient(2px 2px at 450px 200px,#ffffff,transparent);background-size:500px 250px;animation:starfield-scroll 20s linear infinite}@keyframes starfield-scroll{0%{background-position:0 0}to{background-position:0 250px}}[data-mode=dark][data-theme="8-bit"] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,0,68,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,68,.03) 1px,transparent 1px);background-size:4px 4px}[data-mode=dark][data-theme="8-bit"] .main:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2) 1px,transparent 1px,transparent 3px)}[data-mode=dark][data-theme="8-bit"] .main:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:9997;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.5) 100%)}[data-mode=dark][data-theme="8-bit"] h1,[data-mode=dark][data-theme="8-bit"] h2,[data-mode=dark][data-theme="8-bit"] h3,[data-mode=dark][data-theme="8-bit"] h4,[data-mode=dark][data-theme="8-bit"] h5,[data-mode=dark][data-theme="8-bit"] h6{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#ff0;text-shadow:4px 4px 0px #ff0044,8px 8px 0px rgba(255,0,68,.3)}[data-mode=dark][data-theme="8-bit"] .hero__title{font-size:3.5rem;text-shadow:4px 4px 0px #ff0044,8px 8px 0px rgba(255,0,68,.4);animation:title-glow 2s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:4px 4px 0px #ff0044,8px 8px 0px rgba(255,0,68,.4)}to{text-shadow:4px 4px 0px #ff0044,8px 8px 0px rgba(255,0,68,.6),0 0 20px rgba(255,255,0,.3)}}[data-mode=dark][data-theme="8-bit"] a{color:#0ff;text-shadow:2px 2px 0px rgba(0,0,0,.5)}[data-mode=dark][data-theme="8-bit"] a:hover{color:#fff;text-shadow:2px 2px 0px #00ffff,0 0 10px rgba(0,255,255,.5)}[data-mode=dark][data-theme="8-bit"] .muted-fg,[data-mode=dark][data-theme="8-bit"] .hero__description,[data-mode=dark][data-theme="8-bit"] .bento-card__subtitle,[data-mode=dark][data-theme="8-bit"] .section__eyebrow{color:#888;text-shadow:2px 2px 0px rgba(0,0,0,.5)}[data-mode=dark][data-theme="8-bit"] .card{background:#1a0a0f;border:4px solid #ffffff;border-image-slice:1;box-shadow:4px 4px #f04,8px 8px #ff00444d;position:relative}[data-mode=dark][data-theme="8-bit"] .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#fff3}[data-mode=dark][data-theme="8-bit"] .bento-card{background:#1a0a0f;border:4px solid #00ffff;box-shadow:4px 4px #00ffff4d;transition:all .1s}[data-mode=dark][data-theme="8-bit"] .bento-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #00ffff80,0 0 20px #0ff3}[data-mode=dark][data-theme="8-bit"] .bento-card__title{color:#ff0;text-transform:uppercase;letter-spacing:.05em;text-shadow:2px 2px 0px #000000}[data-mode=dark][data-theme="8-bit"] .btn--primary{background:#f04;color:#fff;border:4px solid #ffffff;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:4px 4px #804,inset -4px -4px #0003;position:relative;transition:all .1s}[data-mode=dark][data-theme="8-bit"] .btn--primary:hover{transform:translate(2px,2px);box-shadow:2px 2px #804,inset -4px -4px #0003}[data-mode=dark][data-theme="8-bit"] .btn--primary:active{transform:translate(4px,4px);box-shadow:0 0 #804,inset -4px -4px #0000004d}[data-mode=dark][data-theme="8-bit"] .btn{background:#1a0a0f;color:#0ff;border:4px solid #00ffff;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:4px 4px #00ffff4d;transition:all .1s}[data-mode=dark][data-theme="8-bit"] .btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #00ffff4d}[data-mode=dark][data-theme="8-bit"] .header{background:#0d0d0d;border-bottom:4px solid #ff0044}[data-mode=dark][data-theme="8-bit"] .header__logo{color:#ff0;text-transform:uppercase;text-shadow:2px 2px 0px #ff0044,4px 4px 0px rgba(255,0,68,.3)}[data-mode=dark][data-theme="8-bit"] .footer{background:#0d0d0d;border-top:4px solid #ff0044}[data-mode=dark][data-theme="8-bit"] a:focus,[data-mode=dark][data-theme="8-bit"] button:focus{outline:none;box-shadow:0 0 0 4px #ff0,0 0 0 8px #ffff004d}[data-mode=light][data-theme="8-bit"]{--bg: #f0f0d8;--fg: #2d1b2e;--primary: #8b956d;--secondary: #346856;--accent: #2d1b2e}[data-mode=light][data-theme="8-bit"] body{color:#2d1b2e;background:#f0f0d8}[data-mode=light][data-theme="8-bit"] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:#8b956d1a}[data-mode=light][data-theme="8-bit"] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(45,27,46,.1) 1px,transparent 1px);background-size:8px 8px}[data-mode=light][data-theme="8-bit"] .main:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05),rgba(0,0,0,.05) 1px,transparent 1px,transparent 3px)}[data-mode=light][data-theme="8-bit"] h1,[data-mode=light][data-theme="8-bit"] h2,[data-mode=light][data-theme="8-bit"] h3,[data-mode=light][data-theme="8-bit"] h4,[data-mode=light][data-theme="8-bit"] h5,[data-mode=light][data-theme="8-bit"] h6{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#2d1b2e;text-shadow:3px 3px 0px #8b956d,6px 6px 0px rgba(139,149,109,.3)}[data-mode=light][data-theme="8-bit"] .hero__title{font-size:3.5rem;text-shadow:3px 3px 0px #8b956d,6px 6px 0px rgba(139,149,109,.4)}[data-mode=light][data-theme="8-bit"] a{color:#346856;text-shadow:2px 2px 0px rgba(139,149,109,.3)}[data-mode=light][data-theme="8-bit"] a:hover{color:#2d1b2e;text-shadow:2px 2px 0px #8b956d,0 0 10px rgba(52,104,86,.2)}[data-mode=light][data-theme="8-bit"] .muted-fg,[data-mode=light][data-theme="8-bit"] .hero__description,[data-mode=light][data-theme="8-bit"] .bento-card__subtitle,[data-mode=light][data-theme="8-bit"] .section__eyebrow{color:#5a5a4a;text-shadow:1px 1px 0px rgba(240,240,216,.5)}[data-mode=light][data-theme="8-bit"] .card{background:#f8f8e8;border:4px solid #2d1b2e;box-shadow:4px 4px #8b956d,8px 8px #8b956d33}[data-mode=light][data-theme="8-bit"] .bento-card{background:#f8f8e8;border:4px solid #346856;box-shadow:4px 4px #34685633;transition:all .1s}[data-mode=light][data-theme="8-bit"] .bento-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #3468564d}[data-mode=light][data-theme="8-bit"] .bento-card__title{color:#2d1b2e;text-transform:uppercase;letter-spacing:.05em;text-shadow:2px 2px 0px #f0f0d8}[data-mode=light][data-theme="8-bit"] .btn--primary{background:#2d1b2e;color:#f0f0d8;border:4px solid #2d1b2e;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:4px 4px #8b956d,inset -4px -4px #ffffff1a;transition:all .1s}[data-mode=light][data-theme="8-bit"] .btn--primary:hover{transform:translate(2px,2px);box-shadow:2px 2px #8b956d,inset -4px -4px #ffffff1a}[data-mode=light][data-theme="8-bit"] .btn--primary:active{transform:translate(4px,4px);box-shadow:0 0 #8b956d,inset -4px -4px #fff3}[data-mode=light][data-theme="8-bit"] .btn{background:#f0f0d8;color:#346856;border:4px solid #346856;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:4px 4px #34685633;transition:all .1s}[data-mode=light][data-theme="8-bit"] .btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #34685633}[data-mode=light][data-theme="8-bit"] .header{background:#f0f0d8;border-bottom:4px solid #2d1b2e}[data-mode=light][data-theme="8-bit"] .header__logo{color:#2d1b2e;text-transform:uppercase;text-shadow:2px 2px 0px #8b956d,4px 4px 0px rgba(139,149,109,.2)}[data-mode=light][data-theme="8-bit"] .footer{background:#f0f0d8;border-top:4px solid #2d1b2e}[data-mode=light][data-theme="8-bit"] a:focus,[data-mode=light][data-theme="8-bit"] button:focus{outline:none;box-shadow:0 0 0 4px #346856,0 0 0 8px #34685633}@media(prefers-reduced-motion:reduce){[data-theme="8-bit"] *{animation:none!important;transition:none!important}}[data-theme=vector-led]{font-weight:400}[data-mode=light][data-theme=vector-led]{--fg: #000000;--card-fg: #000000;font-weight:400}[data-mode=light][data-theme=vector-led] body{color:#000;font-weight:400}[data-mode=dark][data-theme=vector-led]{--fg: #ffffff;--card-fg: #ffffff;font-weight:500}[data-mode=dark][data-theme=vector-led] body{color:#fff;text-shadow:0 0 2px rgba(255,255,255,.3);font-weight:500}[data-mode=light][data-theme=vector-led] h1,[data-mode=light][data-theme=vector-led] h2,[data-mode=light][data-theme=vector-led] h3,[data-mode=light][data-theme=vector-led] h4,[data-mode=light][data-theme=vector-led] h5,[data-mode=light][data-theme=vector-led] h6{font-weight:500;letter-spacing:.02em}[data-mode=dark][data-theme=vector-led] h1,[data-mode=dark][data-theme=vector-led] h2,[data-mode=dark][data-theme=vector-led] h3,[data-mode=dark][data-theme=vector-led] h4,[data-mode=dark][data-theme=vector-led] h5,[data-mode=dark][data-theme=vector-led] h6{font-weight:700;letter-spacing:.02em}[data-mode=dark][data-theme=vector-led] h1,[data-mode=dark][data-theme=vector-led] h2,[data-mode=dark][data-theme=vector-led] h3{text-shadow:0 0 5px rgba(255,176,0,.5),0 0 10px rgba(255,176,0,.3)}[data-mode=light][data-theme=vector-led] p,[data-mode=light][data-theme=vector-led] span,[data-mode=light][data-theme=vector-led] div{font-weight:400}[data-mode=dark][data-theme=vector-led] p,[data-mode=dark][data-theme=vector-led] span,[data-mode=dark][data-theme=vector-led] div{font-weight:500}[data-mode=light][data-theme=vector-led] .muted-fg,[data-mode=light][data-theme=vector-led] .hero__description,[data-mode=light][data-theme=vector-led] .bento-card__subtitle,[data-mode=light][data-theme=vector-led] .section__eyebrow{color:#222;font-weight:400}[data-mode=dark][data-theme=vector-led] .muted-fg,[data-mode=dark][data-theme=vector-led] .hero__description,[data-mode=dark][data-theme=vector-led] .bento-card__subtitle,[data-mode=dark][data-theme=vector-led] .section__eyebrow{color:#a0a0a0;font-weight:500}[data-mode=dark][data-theme=vector-led] a{text-shadow:0 0 5px rgba(0,212,255,.4)}[data-mode=dark][data-theme=vector-led] a:hover{text-shadow:0 0 5px rgba(0,212,255,.6),0 0 10px rgba(0,212,255,.4)}[data-theme=vector-led] .card{border-width:2px}[data-mode=dark][data-theme=vector-led] .card{background:#111114e6;box-shadow:0 0 20px #00000080,inset 0 1px #ffffff0d}[data-mode=dark][data-theme=vector-led] .bento-card{background:#141418f2}[data-mode=dark][data-theme=vector-led] .bento-card__title{color:#fff;font-weight:600}[data-mode=dark][data-theme=vector-led] .bento-card__subtitle{color:#888}[data-mode=dark][data-theme=vector-led] .btn--primary{background:linear-gradient(135deg,#ffb000,#ff9500);color:#000;font-weight:700;text-shadow:none;box-shadow:0 0 10px #ffb00080,0 0 20px #ffb0004d,inset 0 1px #ffffff4d}[data-mode=dark][data-theme=vector-led] .btn--primary:hover{background:linear-gradient(135deg,#ffc533,#ffb000);box-shadow:0 0 15px #ffb000b3,0 0 30px #ffb00066,inset 0 1px #fff6}[data-mode=dark][data-theme=vector-led] .btn{background:#1e1e23e6;color:#fff;border-color:#ffb000;font-weight:600;text-shadow:0 0 3px rgba(255,255,255,.2)}[data-mode=dark][data-theme=vector-led] .btn:hover{background:#28282df2;box-shadow:0 0 15px #ffb0004d}[data-mode=dark][data-theme=vector-led] .btn--ghost{background:transparent;color:#00d4ff;border-color:#00d4ff;text-shadow:0 0 5px rgba(0,212,255,.4)}[data-mode=dark][data-theme=vector-led] .btn--ghost:hover{background:#00d4ff1a;box-shadow:0 0 15px #00d4ff4d}[data-mode=dark][data-theme=vector-led] .header{background:#0a0a0cf2;border-bottom-color:#ffb0004d}[data-mode=dark][data-theme=vector-led] .header__logo{color:#ffb000;text-shadow:0 0 10px rgba(255,176,0,.5);font-weight:700}[data-mode=dark][data-theme=vector-led] .footer{background:#0a0a0cf2;border-top-color:#ffb00033}[data-mode=light][data-theme=vector-led] .btn--primary{background:linear-gradient(135deg,#ffb000,#ff9500);color:#000;font-weight:700;box-shadow:0 4px 12px #ffb0004d}[data-mode=light][data-theme=vector-led] .header__logo{color:#000;font-weight:700}[data-mode=light][data-theme=vector-led] .card,[data-mode=light][data-theme=vector-led] .bento-card{color:#1a1a1a}[data-mode=light][data-theme=vector-led] .bento-card__title{color:#111;font-weight:600}[data-mode=light][data-theme=vector-led] .hero__description{color:#222}[data-mode=dark][data-theme=vector-led] .hero__title{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.4),0 0 10px rgba(255,255,255,.2)}[data-mode=dark][data-theme=vector-led] .hero__role{color:#ffb000;text-shadow:0 0 8px rgba(255,176,0,.4);font-weight:600}[data-mode=dark][data-theme=vector-led] .section h2{color:#fff}[data-mode=dark][data-theme=vector-led] .hero__eyebrow,[data-mode=dark][data-theme=vector-led] .section__eyebrow{color:#00d4ff;text-shadow:0 0 5px rgba(0,212,255,.4)}[data-theme=vector-led] *:focus-visible{outline:2px solid #ffb000;outline-offset:2px;box-shadow:0 0 10px #ffb00080}[data-theme=vector-led] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,176,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,176,0,.03) 1px,transparent 1px);background-size:20px 20px}[data-mode=dark][data-theme=vector-led] body:before{background-image:linear-gradient(rgba(255,176,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,176,0,.05) 1px,transparent 1px)}[data-theme=vector-led] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);opacity:.6}[data-mode=dark][data-theme=vector-led] body:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px)}[data-theme=vector-led] body,[data-theme=vector-led] p,[data-theme=vector-led] span,[data-theme=vector-led] div,[data-theme=vector-led] a,[data-theme=vector-led] button,[data-theme=vector-led] h1,[data-theme=vector-led] h2,[data-theme=vector-led] h3,[data-theme=vector-led] h4,[data-theme=vector-led] h5,[data-theme=vector-led] h6{letter-spacing:.04em}[data-theme=vector-led] .section__eyebrow:after,[data-theme=vector-led] .hero__eyebrow:after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;animation:led-blink 1.5s ease-in-out infinite}[data-mode=light][data-theme=vector-led] .section__eyebrow:after,[data-mode=light][data-theme=vector-led] .hero__eyebrow:after{background:#ffb000;box-shadow:0 0 6px #ffb00099}[data-mode=dark][data-theme=vector-led] .section__eyebrow:after,[data-mode=dark][data-theme=vector-led] .hero__eyebrow:after{background:#00d4ff;box-shadow:0 0 8px #00d4ffcc}@keyframes led-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}[data-theme=vector-led] .bento-card{position:relative}[data-theme=vector-led] .bento-card:before{content:"";position:absolute;top:12px;right:12px;width:6px;height:6px;border-radius:50%;animation:led-blink 2s ease-in-out infinite}[data-mode=light][data-theme=vector-led] .bento-card:before{background:#00d4ff;box-shadow:0 0 4px #00d4ff80}[data-mode=dark][data-theme=vector-led] .bento-card:before{background:#ffb000;box-shadow:0 0 6px #ffb00099}@media(prefers-reduced-motion:reduce){[data-theme=vector-led] .section__eyebrow:after,[data-theme=vector-led] .hero__eyebrow:after,[data-theme=vector-led] .bento-card:before{animation:none;opacity:1}}[data-theme=retro-terminal]{font-size:18px;line-height:1.6}[data-mode=dark][data-theme=retro-terminal]{--fg: #33ff00;--muted-fg: #1a5c1a}[data-mode=dark][data-theme=retro-terminal] body{color:#3f0;background:#0c0c0c;text-shadow:0 0 5px rgba(51,255,0,.5),0 0 10px rgba(51,255,0,.3),0 0 20px rgba(51,255,0,.1)}[data-mode=dark][data-theme=retro-terminal] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);opacity:.4}[data-mode=dark][data-theme=retro-terminal] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:9997;pointer-events:none;background-image:linear-gradient(rgba(51,255,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(51,255,0,.03) 1px,transparent 1px);background-size:4px 4px}[data-mode=dark][data-theme=retro-terminal] .main:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:9996;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.4) 100%)}[data-mode=dark][data-theme=retro-terminal] .main{animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%,to{opacity:1}50%{opacity:.98}}[data-mode=dark][data-theme=retro-terminal] h1,[data-mode=dark][data-theme=retro-terminal] h2,[data-mode=dark][data-theme=retro-terminal] h3,[data-mode=dark][data-theme=retro-terminal] h4,[data-mode=dark][data-theme=retro-terminal] h5,[data-mode=dark][data-theme=retro-terminal] h6{color:#39ff14;text-shadow:0 0 5px rgba(57,255,20,.6),0 0 10px rgba(57,255,20,.4),0 0 20px rgba(57,255,20,.2);letter-spacing:.05em}[data-mode=dark][data-theme=retro-terminal] a{color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.6),0 0 10px rgba(0,255,0,.3)}[data-mode=dark][data-theme=retro-terminal] a:hover{color:#6f6;text-shadow:0 0 8px rgba(102,255,102,.8),0 0 15px rgba(102,255,102,.4)}[data-mode=dark][data-theme=retro-terminal] .muted-fg,[data-mode=dark][data-theme=retro-terminal] .hero__description,[data-mode=dark][data-theme=retro-terminal] .bento-card__subtitle,[data-mode=dark][data-theme=retro-terminal] .section__eyebrow{color:#1a5c1a;text-shadow:none}[data-mode=dark][data-theme=retro-terminal] .card{background:#0a0a0acc;border:2px solid #1a5c1a;box-shadow:0 0 10px #33ff001a,inset 0 0 20px #00000080}[data-mode=dark][data-theme=retro-terminal] .bento-card{background:#0c0c0ce6;border:2px solid #33ff00}[data-mode=dark][data-theme=retro-terminal] .bento-card:hover{border-color:#6f6;box-shadow:0 0 20px #3f03}[data-mode=dark][data-theme=retro-terminal] .btn--primary{background:#3f0;color:#000;border:2px solid #33ff00;font-weight:700;text-shadow:none;box-shadow:0 0 10px #3f06,inset 0 0 10px #0003}[data-mode=dark][data-theme=retro-terminal] .btn--primary:hover{background:#6f6;box-shadow:0 0 20px #6f69,inset 0 0 10px #0003}[data-mode=dark][data-theme=retro-terminal] .btn{background:transparent;color:#3f0;border:2px solid #33ff00;text-shadow:0 0 5px rgba(51,255,0,.5)}[data-mode=dark][data-theme=retro-terminal] .btn:hover{background:#33ff001a;box-shadow:0 0 15px #33ff004d}[data-mode=dark][data-theme=retro-terminal] .header{background:#0a0a0af2;border-bottom:2px solid #1a5c1a}[data-mode=dark][data-theme=retro-terminal] .header__logo{color:#3f0;text-shadow:0 0 5px rgba(51,255,0,.6),0 0 10px rgba(51,255,0,.3)}[data-mode=dark][data-theme=retro-terminal] .footer{background:#0a0a0af2;border-top:2px solid #1a5c1a}[data-mode=dark][data-theme=retro-terminal] a:after,[data-mode=dark][data-theme=retro-terminal] button:after,[data-mode=dark][data-theme=retro-terminal] .btn:after{content:"_";opacity:0;animation:cursor-blink 1s step-end infinite}[data-mode=dark][data-theme=retro-terminal] a:hover:after,[data-mode=dark][data-theme=retro-terminal] button:hover:after,[data-mode=dark][data-theme=retro-terminal] .btn:hover:after{opacity:1}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}[data-mode=light][data-theme=retro-terminal]{--fg: #1a3a1a;--muted-fg: #5a7a5a}[data-mode=light][data-theme=retro-terminal] body{color:#1a3a1a;background:#f5f2e8;text-shadow:0 0 1px rgba(26,58,26,.1)}[data-mode=light][data-theme=retro-terminal] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");opacity:.6}[data-mode=light][data-theme=retro-terminal] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(26,58,26,.03) 28px,rgba(26,58,26,.03) 29px)}[data-mode=light][data-theme=retro-terminal] h1,[data-mode=light][data-theme=retro-terminal] h2,[data-mode=light][data-theme=retro-terminal] h3,[data-mode=light][data-theme=retro-terminal] h4,[data-mode=light][data-theme=retro-terminal] h5,[data-mode=light][data-theme=retro-terminal] h6{color:#0f2a0f;letter-spacing:.03em;font-weight:600}[data-mode=light][data-theme=retro-terminal] a{color:#0f5c0f;text-decoration:underline;text-decoration-color:#0f5c0f4d}[data-mode=light][data-theme=retro-terminal] a:hover{color:#0a3d0a;text-decoration-color:#0a3d0a}[data-mode=light][data-theme=retro-terminal] .muted-fg,[data-mode=light][data-theme=retro-terminal] .hero__description,[data-mode=light][data-theme=retro-terminal] .bento-card__subtitle,[data-mode=light][data-theme=retro-terminal] .section__eyebrow{color:#5a7a5a}[data-mode=light][data-theme=retro-terminal] .card{background:#faf8f0e6;border:1px solid rgba(26,58,26,.2);box-shadow:0 2px 4px #0000000d,0 0 0 1px #1a3a1a0d}[data-mode=light][data-theme=retro-terminal] .bento-card{background:#fcfaf4f2;border:1px solid rgba(26,58,26,.15)}[data-mode=light][data-theme=retro-terminal] .bento-card:hover{border-color:#1a3a1a4d;box-shadow:0 4px 12px #00000014}[data-mode=light][data-theme=retro-terminal] .btn--primary{background:#1a3a1a;color:#f5f2e8;border:2px solid #1a3a1a;font-weight:600;box-shadow:0 2px 4px #0000001a}[data-mode=light][data-theme=retro-terminal] .btn--primary:hover{background:#0f2a0f;box-shadow:0 4px 8px #00000026}[data-mode=light][data-theme=retro-terminal] .btn{background:transparent;color:#1a3a1a;border:2px solid #1a3a1a}[data-mode=light][data-theme=retro-terminal] .btn:hover{background:#1a3a1a0d}[data-mode=light][data-theme=retro-terminal] .header{background:#f5f2e8fa;border-bottom:1px solid rgba(26,58,26,.2)}[data-mode=light][data-theme=retro-terminal] .header__logo{color:#1a3a1a;font-weight:600}[data-mode=light][data-theme=retro-terminal] .footer{background:#f5f2e8fa;border-top:1px solid rgba(26,58,26,.2)}[data-mode=light][data-theme=retro-terminal] .hero__title:after{content:"|";animation:type-cursor 1s step-end infinite;font-weight:400}@keyframes type-cursor{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){[data-mode=dark][data-theme=retro-terminal] .main{animation:none}[data-mode=dark][data-theme=retro-terminal] a:after,[data-mode=dark][data-theme=retro-terminal] button:after,[data-mode=dark][data-theme=retro-terminal] .btn:after,[data-mode=light][data-theme=retro-terminal] .hero__title:after{animation:none;opacity:0}}[data-theme=neomorphism]{background:linear-gradient(145deg,#e8ecf5,#e0e4ed,#d8dde6);min-height:100vh}[data-mode=dark][data-theme=neomorphism]{background:linear-gradient(145deg,#20242c,#1e2128,#1a1d24)}[data-theme=neomorphism]{letter-spacing:.01em}[data-theme=neomorphism] h1,[data-theme=neomorphism] h2,[data-theme=neomorphism] h3,[data-theme=neomorphism] h4{text-shadow:1px 1px 2px rgba(163,177,198,.3),-1px -1px 2px rgba(255,255,255,.5)}[data-mode=dark][data-theme=neomorphism] h1,[data-mode=dark][data-theme=neomorphism] h2,[data-mode=dark][data-theme=neomorphism] h3,[data-mode=dark][data-theme=neomorphism] h4{text-shadow:1px 1px 2px rgba(0,0,0,.5),-1px -1px 1px rgba(255,255,255,.05)}[data-theme=neomorphism] .card,[data-theme=neomorphism] .bento-card{border:none;border-radius:var(--radius);background:var(--card);box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-mode=dark][data-theme=neomorphism] .card,[data-mode=dark][data-theme=neomorphism] .bento-card{box-shadow:10px 10px 20px #00000080,-10px -10px 20px #ffffff0d}[data-theme=neomorphism] .card:hover,[data-theme=neomorphism] .bento-card:hover{transform:translateY(-2px);box-shadow:12px 12px 24px #a3b1c680,-12px -12px 24px #fffc}[data-mode=dark][data-theme=neomorphism] .card:hover,[data-mode=dark][data-theme=neomorphism] .bento-card:hover{box-shadow:12px 12px 24px #0009,-12px -12px 24px #ffffff14}[data-theme=neomorphism] .btn{border:none;border-radius:var(--radius);background:var(--card);box-shadow:6px 6px 12px #a3b1c699,-6px -6px 12px #ffffffb3;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500}[data-mode=dark][data-theme=neomorphism] .btn{box-shadow:6px 6px 12px #00000080,-6px -6px 12px #ffffff0d}[data-theme=neomorphism] .btn:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #a3b1c680,-8px -8px 16px #fffc}[data-mode=dark][data-theme=neomorphism] .btn:hover{box-shadow:8px 8px 16px #0009,-8px -8px 16px #ffffff14}[data-theme=neomorphism] .btn:active{transform:translateY(1px);box-shadow:inset 4px 4px 8px #a3b1c680,inset -4px -4px 8px #fff9}[data-mode=dark][data-theme=neomorphism] .btn:active{box-shadow:inset 4px 4px 8px #0006,inset -4px -4px 8px #ffffff08}[data-theme=neomorphism] .btn--primary{background:linear-gradient(145deg,#7b6cf0,#6c5ce7);color:#fff;box-shadow:6px 6px 12px #6c5ce766,-6px -6px 12px #fff9}[data-mode=dark][data-theme=neomorphism] .btn--primary{background:linear-gradient(145deg,#b8b3fe,#a29bfe);color:#0f0f15;box-shadow:6px 6px 12px #00000080,-6px -6px 12px #a29bfe26}[data-theme=neomorphism] .btn--primary:hover{box-shadow:8px 8px 20px #6c5ce780,-8px -8px 16px #ffffffb3}[data-mode=dark][data-theme=neomorphism] .btn--primary:hover{box-shadow:8px 8px 20px #a29bfe4d,-8px -8px 16px #ffffff0d}[data-theme=neomorphism] .btn--primary:active{box-shadow:inset 4px 4px 8px #5b4cdb80,inset -4px -4px 8px #7b6cf080}[data-mode=dark][data-theme=neomorphism] .btn--primary:active{box-shadow:inset 4px 4px 8px #8c82e666,inset -4px -4px 8px #b8b3fe66}[data-theme=neomorphism] input,[data-theme=neomorphism] textarea,[data-theme=neomorphism] select{border:none;border-radius:var(--radius);background:var(--bg);box-shadow:inset 3px 3px 6px #a3b1c680,inset -3px -3px 6px #ffffffb3;transition:all .2s ease}[data-mode=dark][data-theme=neomorphism] input,[data-mode=dark][data-theme=neomorphism] textarea,[data-mode=dark][data-theme=neomorphism] select{box-shadow:inset 3px 3px 6px #0006,inset -3px -3px 6px #ffffff08}[data-theme=neomorphism] input:focus,[data-theme=neomorphism] textarea:focus,[data-theme=neomorphism] select:focus{outline:none;box-shadow:inset 3px 3px 6px #a3b1c680,inset -3px -3px 6px #ffffffb3,0 0 0 3px #6c5ce726,0 0 20px #6c5ce733}[data-mode=dark][data-theme=neomorphism] input:focus,[data-mode=dark][data-theme=neomorphism] textarea:focus,[data-mode=dark][data-theme=neomorphism] select:focus{box-shadow:inset 3px 3px 6px #0006,inset -3px -3px 6px #ffffff08,0 0 0 3px #a29bfe33,0 0 25px #a29bfe40}[data-theme=neomorphism] :focus-visible{outline:none}[data-theme=neomorphism] .btn:focus-visible,[data-theme=neomorphism] a:focus-visible{box-shadow:0 0 0 3px #6c5ce74d,0 0 0 6px #6c5ce726,6px 6px 12px #a3b1c699,-6px -6px 12px #ffffffb3}[data-mode=dark][data-theme=neomorphism] .btn:focus-visible,[data-mode=dark][data-theme=neomorphism] a:focus-visible{box-shadow:0 0 0 3px #a29bfe66,0 0 0 6px #a29bfe33,6px 6px 12px #00000080,-6px -6px 12px #ffffff0d}[data-theme=neomorphism] .btn--primary:focus-visible{box-shadow:0 0 0 3px #6c5ce766,0 0 0 6px #6c5ce733,6px 6px 16px #6c5ce766}[data-mode=dark][data-theme=neomorphism] .btn--primary:focus-visible{box-shadow:0 0 0 3px #a29bfe80,0 0 0 6px #a29bfe40,6px 6px 16px #a29bfe4d}[data-theme=neomorphism] hr,[data-theme=neomorphism] .divider{border:none;height:2px;background:transparent;box-shadow:0 1px 2px #a3b1c64d,0 -1px 2px #ffffff80;margin:1.5rem 0}[data-mode=dark][data-theme=neomorphism] hr,[data-mode=dark][data-theme=neomorphism] .divider{box-shadow:0 1px 2px #0006,0 -1px 2px #ffffff08}[data-theme=neomorphism] .header{background:var(--bg);box-shadow:0 4px 12px #a3b1c64d,0 -2px 8px #ffffff80}[data-mode=dark][data-theme=neomorphism] .header{box-shadow:0 4px 12px #0006,0 -2px 8px #ffffff08}[data-theme=neomorphism] .nav-link{border-radius:.75rem;padding:.5rem 1rem;transition:all .2s ease}[data-theme=neomorphism] .nav-link:hover{box-shadow:inset 2px 2px 4px #a3b1c666,inset -2px -2px 4px #fff9}[data-mode=dark][data-theme=neomorphism] .nav-link:hover{box-shadow:inset 2px 2px 4px #0006,inset -2px -2px 4px #ffffff08}[data-theme=neomorphism] .nav-link--active{box-shadow:inset 3px 3px 6px #a3b1c680,inset -3px -3px 6px #ffffffb3;color:var(--accent)}[data-mode=dark][data-theme=neomorphism] .nav-link--active{box-shadow:inset 3px 3px 6px #0006,inset -3px -3px 6px #ffffff08}[data-theme=neomorphism] .theme-switcher__select{border:none;border-radius:var(--radius);background:var(--card);box-shadow:inset 3px 3px 6px #a3b1c680,inset -3px -3px 6px #ffffffb3;padding:0 1rem;min-width:180px;width:100%;height:2.5rem;box-sizing:border-box}[data-mode=dark][data-theme=neomorphism] .theme-switcher__select{box-shadow:inset 3px 3px 6px #0006,inset -3px -3px 6px #ffffff08}[data-theme=neomorphism] .theme-switcher__toggle{display:flex;gap:.375rem;padding:.25rem;border-radius:var(--radius);background:var(--bg);box-shadow:inset 3px 3px 6px #a3b1c680,inset -3px -3px 6px #ffffffb3;width:auto;height:2.5rem;box-sizing:border-box}[data-mode=dark][data-theme=neomorphism] .theme-switcher__toggle{box-shadow:inset 3px 3px 6px #0006,inset -3px -3px 6px #ffffff08}[data-theme=neomorphism] .theme-switcher__mode-btn{width:2.25rem;height:100%;border:none;border-radius:calc(var(--radius) - .25rem);background:transparent;color:var(--muted-fg);box-shadow:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center}[data-theme=neomorphism] .theme-switcher__mode-btn:hover{color:var(--fg);background:transparent;box-shadow:3px 3px 6px #a3b1c666,-3px -3px 6px #fff9}[data-mode=dark][data-theme=neomorphism] .theme-switcher__mode-btn:hover{box-shadow:3px 3px 6px #0006,-3px -3px 6px #ffffff08}[data-theme=neomorphism] .theme-switcher__mode-btn.is-active{background:var(--card);color:var(--accent);box-shadow:3px 3px 6px #a3b1c680,-3px -3px 6px #ffffffb3}[data-mode=dark][data-theme=neomorphism] .theme-switcher__mode-btn.is-active{background:var(--card);box-shadow:3px 3px 6px #0006,-3px -3px 6px #ffffff0d}@media(prefers-reduced-motion:reduce){[data-theme=neomorphism] .card,[data-theme=neomorphism] .bento-card,[data-theme=neomorphism] .btn,[data-theme=neomorphism] .nav-link{transition:none}[data-theme=neomorphism] .card:hover,[data-theme=neomorphism] .bento-card:hover,[data-theme=neomorphism] .btn:hover{transform:none}}@media(prefers-contrast:high){[data-theme=neomorphism] .card,[data-theme=neomorphism] .bento-card,[data-theme=neomorphism] .btn,[data-theme=neomorphism] input,[data-theme=neomorphism] textarea,[data-theme=neomorphism] select{box-shadow:none;border:2px solid var(--fg)}}[data-theme=flat-2-0]{letter-spacing:-.01em}[data-theme=flat-2-0] h1,[data-theme=flat-2-0] h2{font-weight:800;text-shadow:1px 1px 0 rgba(231,76,60,.1),2px 2px 0 rgba(231,76,60,.08),3px 3px 0 rgba(231,76,60,.06),4px 4px 0 rgba(231,76,60,.04),5px 5px 0 rgba(231,76,60,.02)}[data-mode=dark][data-theme=flat-2-0] h1,[data-mode=dark][data-theme=flat-2-0] h2{text-shadow:1px 1px 0 rgba(255,107,107,.2),2px 2px 0 rgba(255,107,107,.15),3px 3px 0 rgba(255,107,107,.1),4px 4px 0 rgba(255,107,107,.08),5px 5px 0 rgba(255,107,107,.05)}[data-theme=flat-2-0] .section__eyebrow,[data-theme=flat-2-0] .theme-switcher__label{letter-spacing:.1em;font-weight:700;text-transform:uppercase}[data-theme=flat-2-0] .card,[data-theme=flat-2-0] .bento-card{border:none;border-radius:var(--radius);background:var(--card);box-shadow:0 8px 32px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-mode=dark][data-theme=flat-2-0] .card,[data-mode=dark][data-theme=flat-2-0] .bento-card{box-shadow:0 8px 32px #0006}[data-theme=flat-2-0] .card:hover,[data-theme=flat-2-0] .bento-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001f}[data-mode=dark][data-theme=flat-2-0] .card:hover,[data-mode=dark][data-theme=flat-2-0] .bento-card:hover{box-shadow:0 16px 48px #00000080}[data-theme=flat-2-0] .bento-card:nth-child(4n+1):before,[data-theme=flat-2-0] .bento-card:nth-child(4n+1) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#e74c3c;border-radius:var(--radius) var(--radius) 0 0}[data-theme=flat-2-0] .bento-card:nth-child(4n+2):before,[data-theme=flat-2-0] .bento-card:nth-child(4n+2) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#3498db;border-radius:var(--radius) var(--radius) 0 0}[data-theme=flat-2-0] .bento-card:nth-child(4n+3):before,[data-theme=flat-2-0] .bento-card:nth-child(4n+3) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#2ecc71;border-radius:var(--radius) var(--radius) 0 0}[data-theme=flat-2-0] .bento-card:nth-child(4n+4):before,[data-theme=flat-2-0] .bento-card:nth-child(4n+4) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#f39c12;border-radius:var(--radius) var(--radius) 0 0}[data-mode=dark][data-theme=flat-2-0] .bento-card:nth-child(4n+1):before,[data-mode=dark][data-theme=flat-2-0] .bento-card:nth-child(4n+1) .card:before{background:#ff6b6b}[data-mode=dark][data-theme=flat-2-0] .bento-card:nth-child(4n+2):before,[data-mode=dark][data-theme=flat-2-0] .bento-card:nth-child(4n+2) .card:before{background:#5dade2}[data-mode=dark][data-theme=flat-2-0] .bento-card:nth-child(4n+3):before,[data-mode=dark][data-theme=flat-2-0] .bento-card:nth-child(4n+3) .card:before{background:#58d68d}[data-mode=dark][data-theme=flat-2-0] .bento-card:nth-child(4n+4):before,[data-mode=dark][data-theme=flat-2-0] .bento-card:nth-child(4n+4) .card:before{background:#f5b041}[data-theme=flat-2-0] .btn{border:none;border-radius:var(--radius);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-theme=flat-2-0] .btn--primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 16px #e74c3c59}[data-mode=dark][data-theme=flat-2-0] .btn--primary{background:linear-gradient(135deg,#ff6b6b,#e74c3c);color:#1a1d29;box-shadow:0 4px 16px #ff6b6b66}[data-theme=flat-2-0] .btn--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}[data-theme=flat-2-0] .btn--primary:hover:before{left:100%}[data-theme=flat-2-0] .btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}[data-theme=flat-2-0] .btn--primary:hover{box-shadow:0 8px 24px #e74c3c73}[data-mode=dark][data-theme=flat-2-0] .btn--primary:hover{box-shadow:0 8px 24px #ff6b6b80}[data-theme=flat-2-0] .btn:active{transform:translateY(-1px)}[data-theme=flat-2-0] .btn--secondary{background:transparent;color:var(--accent);border:2px solid var(--accent);box-shadow:none}[data-theme=flat-2-0] .btn--secondary:hover{background:var(--accent);color:var(--accent-fg);box-shadow:0 4px 16px #e74c3c4d}[data-theme=flat-2-0] input,[data-theme=flat-2-0] textarea,[data-theme=flat-2-0] select{border:2px solid var(--border);border-radius:var(--radius);background:var(--card);transition:all .2s ease}[data-theme=flat-2-0] input:focus,[data-theme=flat-2-0] textarea:focus,[data-theme=flat-2-0] select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #e74c3c1a}[data-mode=dark][data-theme=flat-2-0] input:focus,[data-mode=dark][data-theme=flat-2-0] textarea:focus,[data-mode=dark][data-theme=flat-2-0] select:focus{box-shadow:0 0 0 4px #ff6b6b26}[data-theme=flat-2-0] .header{background:var(--card);box-shadow:0 4px 20px #0000000f}[data-mode=dark][data-theme=flat-2-0] .header{box-shadow:0 4px 20px #0000004d}[data-theme=flat-2-0] .nav-link{border-radius:calc(var(--radius) / 2);padding:.5rem 1rem;transition:all .2s ease;font-weight:500}[data-theme=flat-2-0] .nav-link:hover{background:var(--muted);color:var(--accent)}[data-theme=flat-2-0] .nav-link--active{background:var(--accent);color:var(--accent-fg);box-shadow:0 4px 12px #e74c3c4d}[data-mode=dark][data-theme=flat-2-0] .nav-link--active{box-shadow:0 4px 12px #ff6b6b59}[data-theme=flat-2-0] .theme-switcher__select{border:2px solid var(--border);border-radius:var(--radius);background:var(--card);padding:0 .875rem;font-weight:500;min-width:180px;transition:all .2s ease;height:2.5rem;box-sizing:border-box}[data-theme=flat-2-0] .theme-switcher__select:hover{border-color:var(--accent)}[data-theme=flat-2-0] .theme-switcher__select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #e74c3c1a}[data-theme=flat-2-0] .theme-switcher__toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--muted);border-radius:var(--radius);height:2.5rem;box-sizing:border-box}[data-theme=flat-2-0] .theme-switcher__mode-btn{width:2.25rem;height:2.25rem;border:none;border-radius:calc(var(--radius) - .125rem);background:transparent;color:var(--muted-fg);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}[data-theme=flat-2-0] .theme-switcher__mode-btn:hover{color:var(--fg);background:#ffffff80}[data-mode=dark][data-theme=flat-2-0] .theme-switcher__mode-btn:hover{background:#ffffff1a}[data-theme=flat-2-0] .theme-switcher__mode-btn.is-active{background:var(--card);color:var(--accent);box-shadow:0 2px 8px #0000001a}[data-mode=dark][data-theme=flat-2-0] .theme-switcher__mode-btn.is-active{box-shadow:0 2px 8px #0000004d}[data-theme=flat-2-0] :focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){[data-theme=flat-2-0] .card,[data-theme=flat-2-0] .bento-card,[data-theme=flat-2-0] .btn,[data-theme=flat-2-0] .nav-link{transition:none}[data-theme=flat-2-0] .card:hover,[data-theme=flat-2-0] .bento-card:hover,[data-theme=flat-2-0] .btn:hover{transform:none}[data-theme=flat-2-0] .btn--primary:before{display:none}}@media(prefers-contrast:high){[data-theme=flat-2-0] .card,[data-theme=flat-2-0] .bento-card{box-shadow:none;border:2px solid var(--fg)}[data-theme=flat-2-0] .btn--primary{box-shadow:none;border:2px solid currentColor}}[data-theme=flat-design] *{box-shadow:none!important}[data-theme=flat-design] .card,[data-theme=flat-design] .bento-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s ease,background-color .2s ease}[data-theme=flat-design] .card:hover,[data-theme=flat-design] .bento-card:hover{border-color:var(--accent)}[data-theme=flat-design] .btn{border:none;border-radius:var(--radius);font-weight:600;transition:background-color .2s ease,opacity .2s ease}[data-theme=flat-design] .btn--primary{background:var(--accent);color:var(--accent-fg)}[data-theme=flat-design] .btn--primary:hover{background:var(--accent-hover);opacity:.95}[data-theme=flat-design] .btn--secondary{background:var(--muted);color:var(--fg)}[data-theme=flat-design] .btn--secondary:hover{background:var(--border)}[data-theme=flat-design] input,[data-theme=flat-design] textarea,[data-theme=flat-design] select{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s ease}[data-theme=flat-design] input:focus,[data-theme=flat-design] textarea:focus,[data-theme=flat-design] select:focus{outline:none;border-color:var(--accent)}[data-theme=flat-design] .header{background:var(--bg);border-bottom:1px solid var(--border)}[data-theme=flat-design] .nav-link{border-radius:var(--radius);padding:.5rem 1rem;transition:color .2s ease,background-color .2s ease}[data-theme=flat-design] .nav-link:hover{background:var(--muted);color:var(--accent)}[data-theme=flat-design] .nav-link--active{background:var(--accent);color:var(--accent-fg)}[data-theme=flat-design] .theme-switcher__select{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0 .75rem;min-width:160px;transition:border-color .2s ease;height:2.5rem;box-sizing:border-box}[data-theme=flat-design] .theme-switcher__select:hover{border-color:var(--accent)}[data-theme=flat-design] .theme-switcher__select:focus{outline:none;border-color:var(--accent)}[data-theme=flat-design] .theme-switcher__toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--muted);border-radius:var(--radius);height:2.5rem;box-sizing:border-box}[data-theme=flat-design] .theme-switcher__mode-btn{width:2rem;height:2rem;border:none;border-radius:calc(var(--radius) - .125rem);background:transparent;color:var(--muted-fg);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}[data-theme=flat-design] .theme-switcher__mode-btn:hover{color:var(--fg);background:var(--card)}[data-theme=flat-design] .theme-switcher__mode-btn.is-active{background:var(--card);color:var(--accent);border:1px solid var(--border)}[data-theme=flat-design] hr,[data-theme=flat-design] .divider{border:none;height:1px;background:var(--border);margin:1.5rem 0}[data-theme=flat-design] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){[data-theme=flat-design] .card,[data-theme=flat-design] .bento-card,[data-theme=flat-design] .btn,[data-theme=flat-design] .nav-link{transition:none}}@media(prefers-contrast:high){[data-theme=flat-design] .card,[data-theme=flat-design] .bento-card{border-width:2px}}[data-theme=minimalism] *{box-shadow:none!important}[data-theme=minimalism]{line-height:1.7}[data-theme=minimalism] h1{font-weight:300;font-size:3.5rem;letter-spacing:-.03em;line-height:1.1}[data-theme=minimalism] h2{font-weight:300;font-size:2.5rem;letter-spacing:-.02em;line-height:1.2}[data-theme=minimalism] h3{font-weight:400;font-size:1.5rem;letter-spacing:-.01em}[data-theme=minimalism] h4{font-weight:500;font-size:1.125rem;letter-spacing:-.01em}[data-theme=minimalism] .section__eyebrow,[data-theme=minimalism] .theme-switcher__label{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:500}[data-theme=minimalism] .card,[data-theme=minimalism] .bento-card{background:var(--card);border:1px solid var(--border);border-radius:0;padding:2.5rem;transition:border-color .3s ease}[data-theme=minimalism] .card:hover,[data-theme=minimalism] .bento-card:hover{border-color:var(--fg)}[data-theme=minimalism] .btn{background:transparent;color:var(--fg);border:1px solid var(--fg);border-radius:0;padding:.75rem 1.5rem;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:500;position:relative;overflow:hidden;transition:color .3s ease}[data-theme=minimalism] .btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}[data-theme=minimalism] .btn:hover:after{width:100%}[data-theme=minimalism] .btn--primary{background:var(--fg);color:var(--bg)}[data-theme=minimalism] .btn--primary:hover{background:transparent;color:var(--fg)}[data-theme=minimalism] input,[data-theme=minimalism] textarea,[data-theme=minimalism] select{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;padding:.75rem 0;transition:border-color .3s ease}[data-theme=minimalism] input:focus,[data-theme=minimalism] textarea:focus,[data-theme=minimalism] select:focus{outline:none;border-bottom-color:var(--fg)}[data-theme=minimalism] .header{background:var(--bg);border-bottom:1px solid var(--border)}[data-theme=minimalism] .nav-link{border:none;padding:.5rem 0;margin:0 1.25rem;text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:500;position:relative;background:transparent;color:var(--muted-fg);transition:color .3s ease}[data-theme=minimalism] .nav-link:hover{color:var(--fg);background:transparent}[data-theme=minimalism] .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}[data-theme=minimalism] .nav-link:hover:after,[data-theme=minimalism] .nav-link--active:after{width:100%}[data-theme=minimalism] .nav-link--active{color:var(--fg);background:transparent}[data-theme=minimalism] .theme-switcher__select{background:transparent;border:1px solid var(--border);border-radius:0;padding:0 .875rem;min-width:160px;font-size:.875rem;transition:border-color .3s ease;height:2.5rem;box-sizing:border-box}[data-theme=minimalism] .theme-switcher__select:hover{border-color:var(--fg)}[data-theme=minimalism] .theme-switcher__select:focus{outline:none;border-color:var(--fg)}[data-theme=minimalism] .theme-switcher__toggle{display:flex;gap:0;padding:0;background:transparent;border:1px solid var(--border);border-radius:0;height:2.5rem;box-sizing:border-box}[data-theme=minimalism] .theme-switcher__mode-btn{width:2.5rem;height:100%;border:none;border-radius:0;background:transparent;color:var(--muted-fg);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}[data-theme=minimalism] .theme-switcher__mode-btn:hover{color:var(--fg)}[data-theme=minimalism] .theme-switcher__mode-btn.is-active{background:var(--fg);color:var(--bg)}[data-theme=minimalism] hr,[data-theme=minimalism] .divider{border:none;height:1px;background:var(--border);margin:4rem 0}[data-theme=minimalism] a{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}[data-theme=minimalism] a:hover{border-bottom-color:currentColor}[data-theme=minimalism] :focus-visible{outline:none;border-bottom:2px solid var(--fg)}[data-theme=minimalism] .btn:focus-visible{outline:none;border:2px solid var(--fg)}@media(prefers-reduced-motion:reduce){[data-theme=minimalism] .btn:after,[data-theme=minimalism] .nav-link:after{transition:none}[data-theme=minimalism] .btn:hover:after,[data-theme=minimalism] .nav-link:hover:after{width:0}[data-theme=minimalism] .nav-link--active:after{width:100%}}@media(prefers-contrast:high){[data-theme=minimalism] .card,[data-theme=minimalism] .bento-card,[data-theme=minimalism] .btn{border-width:2px}}.neobrutal-grid{position:fixed;inset:0;pointer-events:none;z-index:-2;background-size:60px 60px}[data-mode=light] .neobrutal-grid{background-color:#3b82f6;background-image:linear-gradient(to right,rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.15) 1px,transparent 1px)}[data-mode=dark] .neobrutal-grid{background-color:#0d1f0d;background-image:linear-gradient(to right,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.12) 1px,transparent 1px)}.neobrutal-svg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.neobrutal-path{stroke-linecap:round;stroke-linejoin:round}[data-mode=light] .neobrutal-path{stroke:#fbbf24}[data-mode=dark] .neobrutal-path{stroke:#fff}@media(prefers-reduced-motion:reduce){.neobrutal-grid,.neobrutal-svg{display:none}}[data-mode=light][data-theme=neo-brutalism]{--fg: #ffffff;--muted-fg: rgba(255, 255, 255, .85)}[data-mode=light][data-theme=neo-brutalism] .section__eyebrow,[data-mode=light][data-theme=neo-brutalism] .hero__role{color:#000}[data-mode=light][data-theme=neo-brutalism] .section h2,[data-mode=light][data-theme=neo-brutalism] .section p{color:#fff}[data-mode=light][data-theme=neo-brutalism] .section a{color:#000}[data-mode=dark][data-theme=neo-brutalism]{--fg: #fbbf24;--muted-fg: rgba(251, 191, 36, .8)}[data-mode=dark][data-theme=neo-brutalism] .hero__greeting,[data-mode=dark][data-theme=neo-brutalism] .hero__title,[data-mode=dark][data-theme=neo-brutalism] .hero__description,[data-mode=dark][data-theme=neo-brutalism] .section h2,[data-mode=dark][data-theme=neo-brutalism] .section p{color:#fbbf24}[data-mode=dark][data-theme=neo-brutalism] .hero__role,[data-mode=dark][data-theme=neo-brutalism] .section__eyebrow,[data-mode=dark][data-theme=neo-brutalism] .section a{color:#00d9ff}[data-mode=light][data-theme=neo-brutalism] .card,[data-mode=light][data-theme=neo-brutalism] .bento-card{--card-fg: #1a1a1a}[data-theme=neo-brutalism] .card,[data-theme=neo-brutalism] .bento-card{border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:all .15s ease}[data-theme=neo-brutalism] .card:hover,[data-theme=neo-brutalism] .bento-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--border)}[data-theme=neo-brutalism] .btn{border:2px solid var(--border);border-radius:var(--radius);font-weight:600;box-shadow:var(--shadow);transition:all .1s ease}[data-theme=neo-brutalism] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--border)}[data-theme=neo-brutalism] .btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--border)}[data-theme=neo-brutalism] .header{border-bottom:2px solid var(--border)}[data-theme=neo-brutalism] .nav-link{border-radius:var(--radius);font-weight:600;transition:all .15s ease}[data-theme=neo-brutalism] .nav-link:hover{background:var(--muted)}[data-theme=neo-brutalism] .nav-link--active{background:var(--fg);color:var(--bg);box-shadow:var(--shadow)}[data-mode=light][data-theme=neo-brutalism] .hero__greeting,[data-mode=light][data-theme=neo-brutalism] .hero__title,[data-mode=light][data-theme=neo-brutalism] .hero__role,[data-mode=light][data-theme=neo-brutalism] .hero__description{color:#fff}[data-mode=light][data-theme=neo-brutalism] .hero__role{color:#fbbf24}[data-theme=neo-brutalism] .theme-switcher__select{border:2px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:0 .75rem;height:2.5rem;font-size:.875rem;transition:all .15s ease;box-sizing:border-box}[data-theme=neo-brutalism] .theme-switcher__select:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--border)}[data-theme=neo-brutalism] .theme-switcher__toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--muted);border-radius:var(--radius);border:2px solid var(--border);height:2.5rem;box-sizing:border-box}[data-theme=neo-brutalism] .theme-switcher__mode-btn{width:2rem;height:100%;border:none;border-radius:calc(var(--radius) - .0625rem);background:transparent;color:var(--muted-fg);cursor:pointer;transition:all .15s ease}[data-theme=neo-brutalism] .theme-switcher__mode-btn:hover{background:var(--card);color:var(--fg)}[data-theme=neo-brutalism] .theme-switcher__mode-btn.is-active{background:var(--card);color:var(--fg);box-shadow:var(--shadow)}[data-theme=neo-brutalism] input,[data-theme=neo-brutalism] textarea,[data-theme=neo-brutalism] select{border:2px solid var(--border);border-radius:var(--radius);background:var(--card);transition:all .15s ease}[data-theme=neo-brutalism] input:focus,[data-theme=neo-brutalism] textarea:focus,[data-theme=neo-brutalism] select:focus{outline:none;box-shadow:var(--shadow)}[data-theme=neo-brutalism] :focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){[data-theme=neo-brutalism] .card,[data-theme=neo-brutalism] .bento-card,[data-theme=neo-brutalism] .btn,[data-theme=neo-brutalism] .nav-link{transition:none}[data-theme=neo-brutalism] .card:hover,[data-theme=neo-brutalism] .bento-card:hover,[data-theme=neo-brutalism] .btn:hover{transform:none}}[data-theme=modern-minimal]{letter-spacing:-.01em;line-height:1.6}[data-theme=modern-minimal] h1,[data-theme=modern-minimal] h2,[data-theme=modern-minimal] h3{font-weight:700;letter-spacing:-.02em}[data-theme=modern-minimal] .section__eyebrow{letter-spacing:.05em;font-size:.75rem;text-transform:uppercase;color:var(--muted-fg)}[data-theme=modern-minimal] .card,[data-theme=modern-minimal] .bento-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}[data-theme=modern-minimal] .card:hover,[data-theme=modern-minimal] .bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}[data-mode=dark][data-theme=modern-minimal] .card:hover,[data-mode=dark][data-theme=modern-minimal] .bento-card:hover{box-shadow:0 8px 30px #0000004d}[data-theme=modern-minimal] .btn{border-radius:var(--radius);font-weight:500;transition:all .2s ease}[data-theme=modern-minimal] .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow),0 4px 12px #00000014}[data-theme=modern-minimal] .btn:active{transform:scale(.98)}[data-mode=dark][data-theme=modern-minimal] .btn:hover{box-shadow:var(--shadow),0 4px 12px #0003}[data-theme=modern-minimal] input,[data-theme=modern-minimal] textarea,[data-theme=modern-minimal] select{background:var(--muted);border:1px solid transparent;border-radius:var(--radius);transition:all .2s ease}[data-theme=modern-minimal] input:focus,[data-theme=modern-minimal] textarea:focus,[data-theme=modern-minimal] select:focus{background:var(--card);border-color:var(--border);box-shadow:0 0 0 3px #3b82f61a;outline:none}[data-mode=dark][data-theme=modern-minimal] input:focus,[data-mode=dark][data-theme=modern-minimal] textarea:focus,[data-mode=dark][data-theme=modern-minimal] select:focus{box-shadow:0 0 0 3px #60a5fa26}[data-theme=modern-minimal] .nav-link{position:relative;border-radius:calc(var(--radius) / 2);transition:color .2s ease}[data-theme=modern-minimal] .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}[data-theme=modern-minimal] .nav-link:hover:after,[data-theme=modern-minimal] .nav-link--active:after{width:100%}[data-theme=modern-minimal] .nav-link--active{color:var(--accent)}[data-theme=modern-minimal] .theme-switcher__select{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0 .75rem;min-width:160px;transition:all .2s ease;height:2.5rem;box-sizing:border-box}[data-theme=modern-minimal] .theme-switcher__select:hover{border-color:var(--muted-fg)}[data-theme=modern-minimal] .theme-switcher__select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px #3b82f61a}[data-theme=modern-minimal] .theme-switcher__toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);height:2.5rem;box-sizing:border-box}[data-theme=modern-minimal] .theme-switcher__mode-btn{width:2rem;height:2rem;border:none;border-radius:calc(var(--radius) - .125rem);background:transparent;color:var(--muted-fg);cursor:pointer;transition:all .2s ease}[data-theme=modern-minimal] .theme-switcher__mode-btn:hover{color:var(--fg);background:#0000000d}[data-mode=dark][data-theme=modern-minimal] .theme-switcher__mode-btn:hover{background:#ffffff1a}[data-theme=modern-minimal] .theme-switcher__mode-btn.is-active{background:var(--card);color:var(--fg);box-shadow:var(--shadow)}[data-theme=modern-minimal] :focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--focus);border-radius:calc(var(--radius) + 2px)}[data-theme=modern-minimal] hr,[data-theme=modern-minimal] .divider{border:none;height:1px;background:var(--border);margin:2rem 0}@media(prefers-reduced-motion:reduce){[data-theme=modern-minimal] .card,[data-theme=modern-minimal] .bento-card,[data-theme=modern-minimal] .btn,[data-theme=modern-minimal] .nav-link{transition:none}[data-theme=modern-minimal] .card:hover,[data-theme=modern-minimal] .bento-card:hover,[data-theme=modern-minimal] .btn:hover{transform:none}[data-theme=modern-minimal] .nav-link:after{transition:none}}@media(prefers-contrast:high){[data-theme=modern-minimal] .card,[data-theme=modern-minimal] .bento-card{border-width:2px}}.dotmatrix-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;pointer-events:none}[data-theme=dot-matrix]{font-family:var(--font-sans);letter-spacing:0;line-height:1.5;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}[data-theme=dot-matrix] body{background:transparent}[data-theme=dot-matrix] .hero__content,[data-theme=dot-matrix] .section .container{background:var(--card);border:2px solid var(--border);padding:2rem;box-shadow:4px 4px 0 0 var(--border);position:relative;z-index:1}[data-theme=dot-matrix] .header{background:var(--card);border-bottom:2px solid var(--border);box-shadow:0 2px 0 0 var(--border);position:relative;z-index:1}[data-theme=dot-matrix] h1,[data-theme=dot-matrix] h2,[data-theme=dot-matrix] h3{font-weight:700;text-transform:uppercase;letter-spacing:.05em}[data-theme=dot-matrix] h1{font-size:2.5rem}[data-theme=dot-matrix] .section__eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}[data-theme=dot-matrix] .card,[data-theme=dot-matrix] .bento-card{background:var(--card);border:2px solid var(--border);border-radius:0;position:relative;overflow:hidden}[data-theme=dot-matrix] .card:before,[data-theme=dot-matrix] .bento-card:before{content:"";position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:8px 8px}[data-theme=dot-matrix] .card:hover:before,[data-theme=dot-matrix] .bento-card:hover:before{opacity:.2}[data-theme=dot-matrix] .btn{background:var(--card);border:2px solid var(--border);border-radius:0;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:transform .1s ease}[data-theme=dot-matrix] .btn:active{transform:translate(2px,2px)}[data-theme=dot-matrix] .btn--primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}[data-theme=dot-matrix] .btn--primary:hover{background:var(--muted-fg);border-color:var(--muted-fg)}[data-theme=dot-matrix] input,[data-theme=dot-matrix] textarea,[data-theme=dot-matrix] select{background:var(--card);border:2px solid var(--border);border-radius:0;font-family:var(--font-mono);transition:all .15s ease}[data-theme=dot-matrix] input:focus,[data-theme=dot-matrix] textarea:focus,[data-theme=dot-matrix] select:focus{outline:none;border-style:dotted;border-width:3px}[data-theme=dot-matrix] .header{background:var(--bg);border-bottom:2px solid var(--border)}[data-theme=dot-matrix] .nav-link{border-radius:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .15s ease}[data-theme=dot-matrix] .nav-link:hover{background:var(--muted)}[data-theme=dot-matrix] .nav-link--active{background:var(--fg);color:var(--bg)}[data-theme=dot-matrix] .theme-switcher__select{background:var(--card);border:2px solid var(--border);border-radius:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;height:2.5rem;box-sizing:border-box;padding:0 .75rem}[data-theme=dot-matrix] .theme-switcher__select:focus{outline:none;border-style:dashed}[data-theme=dot-matrix] .theme-switcher__toggle{display:flex;gap:0;background:var(--muted);border:2px solid var(--border);border-radius:0;height:2.5rem;box-sizing:border-box}[data-theme=dot-matrix] .theme-switcher__mode-btn{width:2rem;height:2rem;border:none;border-radius:0;background:transparent;color:var(--muted-fg);cursor:pointer;transition:all .15s ease}[data-theme=dot-matrix] .theme-switcher__mode-btn.is-active{background:var(--fg);color:var(--bg)}[data-theme=dot-matrix] hr,[data-theme=dot-matrix] .divider{border:none;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0px,var(--border) 4px,transparent 4px,transparent 8px);margin:2rem 0}[data-theme=dot-matrix] a{text-decoration:underline;text-decoration-style:solid;text-underline-offset:3px}[data-theme=dot-matrix] a:hover{text-decoration-style:wavy}[data-theme=dot-matrix] :focus-visible{outline:2px solid var(--border);outline-offset:2px}[data-theme=dot-matrix] .btn:focus-visible{outline-style:dashed}@media(prefers-reduced-motion:reduce){[data-theme=dot-matrix] .dotmatrix-canvas{display:none}[data-theme=dot-matrix] .card,[data-theme=dot-matrix] .bento-card,[data-theme=dot-matrix] .btn,[data-theme=dot-matrix] .nav-link{transition:none}}.header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border)}.header__nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.header__logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;font-style:italic;color:var(--fg);text-decoration:none}.header__logo:hover{color:var(--accent)}.main{min-height:calc(100vh - 200px)}.hero{padding:4rem 0 6rem;min-height:calc(100vh - 80px);display:flex;align-items:center}.hero__grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media(min-width:1024px){.hero__grid{grid-template-columns:1.2fr 1fr;gap:4rem}}.hero__content{display:flex;flex-direction:column;gap:1rem}.hero__greeting{font-size:1rem;color:var(--muted-fg)}.hero__title{margin:0;line-height:1.1}.hero__role{font-family:var(--font-mono);font-size:.875rem;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.hero__description{font-size:1.125rem;line-height:1.7;color:var(--muted-fg);margin-top:.5rem}.hero__actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.bento-grid{gap:1.25rem}}.bento-card{display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:1.25rem;text-decoration:none;color:var(--card-fg);transition:transform .2s ease,box-shadow .2s ease}.bento-card:hover{color:var(--card-fg);transform:translateY(-4px)}.bento-card__content{display:flex;flex-direction:column;gap:.25rem}.bento-card__title{font-size:.9375rem;font-weight:500;line-height:1.3;color:var(--fg);text-align:left}.bento-card__subtitle{font-size:.75rem;color:var(--muted-fg);text-align:left}.bento-card__action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:auto;margin-left:auto;border-radius:50%;border:1px solid var(--border);color:var(--muted-fg);transition:all .15s ease}.bento-card:hover .bento-card__action{border-color:var(--accent);color:var(--fg);transform:translate(2px,-2px)}.section{padding:4rem 0;border-top:1px solid var(--border)}.section h2{margin-bottom:1.5rem}.footer{padding:2rem 0;border-top:1px solid var(--border);background:var(--muted)}.footer__content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}@media(min-width:640px){.footer__content{flex-direction:row;justify-content:space-between;text-align:left}}.footer p{font-size:.875rem;color:var(--muted-fg);margin:0}.footer__social{display:flex;gap:1rem}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--muted-fg);border-radius:var(--radius);transition:color .15s ease,background-color .15s ease}.footer__social a:hover{color:var(--fg);background:var(--card)}[data-theme=glassmorphism] .bento-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=gradient-aurora] .bento-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:root{--bg: #0a0a0a;--fg: #fafafa;--muted: #171717;--muted-fg: #a3a3a3;--card: #1a1a1a;--card-fg: #fafafa;--border: #262626;--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--accent: #fafafa;--accent-fg: #171717;--accent-hover: #e5e5e5;--link: #60a5fa;--link-hover: #93c5fd;--focus: #60a5fa;--radius: .5rem;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--heading-weight: 600;--body-weight: 400;--spacing-scale: .25rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-sans);font-weight:var(--body-weight);background:var(--bg);color:var(--fg);min-height:100vh;transition:background-color .2s ease,color .2s ease}body{background-attachment:fixed;background-size:cover}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--heading-weight);line-height:1.2;color:var(--fg)}h1{font-size:clamp(2.5rem,5vw,4rem);font-family:var(--font-serif);font-weight:500;font-style:italic}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}p{color:var(--muted-fg);max-width:65ch}code,pre{font-family:var(--font-mono)}a{color:var(--link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--link-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:var(--accent);color:var(--accent-fg);font-weight:600;border-radius:var(--radius);z-index:9999;transition:top .2s ease}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-switcher{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.theme-switcher__section{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;align-self:stretch}.theme-switcher__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-fg)}.theme-switcher__select{height:2.5rem;padding:0 .75rem;font-family:var(--font-sans);font-size:.875rem;color:var(--fg);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;min-width:160px;box-sizing:border-box}.theme-switcher__select:hover{border-color:var(--accent)}.theme-switcher__select:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 2px var(--focus)}.theme-switcher__toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--muted);border-radius:var(--radius);height:2.5rem;box-sizing:border-box}.theme-switcher__mode-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid transparent;border-radius:calc(var(--radius) - .125rem);color:var(--muted-fg);cursor:pointer;transition:all .15s ease}.theme-switcher__mode-btn:hover{color:var(--fg);background:var(--card)}.theme-switcher__mode-btn.is-active{background:var(--card);color:var(--fg);border-color:var(--border);box-shadow:var(--shadow)}.card{background:var(--card);color:var(--card-fg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow),0 4px 12px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;line-height:1.5;text-decoration:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-fg);cursor:pointer;transition:all .15s ease}.btn:hover{background:var(--muted);border-color:var(--accent);color:var(--card-fg)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-fg)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--muted);color:var(--card-fg)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(min-width:640px){.container{padding:0 2rem}}@media(min-width:1024px){.container{padding:0 3rem}}[data-theme=glassmorphism] .card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=gradient-aurora] .card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-theme=gradient-aurora] .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff966433}[data-theme=flat-2-0] .btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}[data-theme=minimalism] .btn:hover{opacity:.85}[data-theme=flat-design] .btn:hover{filter:brightness(.95)}[data-theme="8-bit"] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--border)}[data-theme=vector-led] .btn:hover{box-shadow:0 0 16px #ffb00066,0 0 32px #ffb00033}[data-theme=retro-terminal] .btn:hover{text-shadow:0 0 8px var(--fg);box-shadow:0 0 12px #33ff334d}