.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff14;backdrop-filter:blur(16px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #1f268726,0 2px 16px #1f268714,inset 0 1px #fff3,inset 0 -1px #ffffff1a}@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#ffffff0f;backdrop-filter:blur(16px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #ffffff14}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;inset:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}.shuffle-parent{display:inline-block;white-space:normal;word-wrap:break-word;will-change:transform;line-height:1.1;visibility:hidden;cursor:default}.shuffle-parent.is-ready{visibility:visible}.shuffle-char-wrapper{display:inline-block;overflow:hidden;vertical-align:baseline;position:relative}.shuffle-char-wrapper>span{display:inline-flex;will-change:transform}.shuffle-char{line-height:1;display:inline-block;text-align:center;will-change:transform,opacity}.shuffle-hero-title{font-size:clamp(3rem,10vw,6rem);font-weight:800;font-family:var(--font-heading);background:linear-gradient(135deg,#a855f7,#06b6d4,#ec4899,#3b82f6,#06b6d4,#a855f7);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:cosmicGradient 8s ease infinite;letter-spacing:-.03em;filter:drop-shadow(0 0 60px rgba(168,85,247,.5));position:relative;padding:.1em 0}.shuffle-hero-title .shuffle-char{background:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes cosmicGradient{0%,to{background-position:0% 50%;filter:drop-shadow(0 0 60px rgba(168,85,247,.5))}33%{background-position:50% 50%;filter:drop-shadow(0 0 70px rgba(6,182,212,.5))}66%{background-position:100% 50%;filter:drop-shadow(0 0 65px rgba(236,72,153,.4))}}.shuffle-hero-title:hover{filter:drop-shadow(0 0 100px rgba(6,182,212,.7));animation-play-state:paused}.shuffle-hero-title:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;background:linear-gradient(135deg,#a855f7,#06b6d4,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(50px);opacity:.6;pointer-events:none;animation:nebulaGlowPulse 4s ease-in-out infinite alternate}@keyframes nebulaGlowPulse{0%{opacity:.4;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}@media(max-width:768px){.shuffle-hero-title{font-size:clamp(2.5rem,12vw,4rem);letter-spacing:-.02em}}.space-background{position:fixed;inset:0;z-index:-10;pointer-events:none;overflow:hidden}.space-canvas{position:absolute;inset:0;width:100%;height:100%}.space-nebulae{position:absolute;inset:0;pointer-events:none}.space-nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:nebulaFloat 30s ease-in-out infinite}.space-nebula-1{width:800px;height:600px;background:radial-gradient(ellipse,rgba(168,85,247,.3) 0%,transparent 70%);top:-200px;left:-200px;animation-delay:0s}.space-nebula-2{width:600px;height:700px;background:radial-gradient(ellipse,rgba(6,182,212,.25) 0%,transparent 70%);bottom:-150px;right:-150px;animation-delay:-10s}.space-nebula-3{width:500px;height:500px;background:radial-gradient(ellipse,rgba(236,72,153,.2) 0%,transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);animation-delay:-20s}.space-nebula-4{width:400px;height:450px;background:radial-gradient(ellipse,rgba(59,130,246,.2) 0%,transparent 70%);top:20%;right:10%;animation-delay:-15s}@keyframes nebulaFloat{0%,to{transform:translate(0) scale(1);opacity:.4}25%{transform:translate(30px,-20px) scale(1.05);opacity:.5}50%{transform:translate(-20px,30px) scale(.95);opacity:.35}75%{transform:translate(-30px,-10px) scale(1.02);opacity:.45}}.space-background:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.02) 1px,transparent 1px);background-size:100px 100px;-webkit-mask-image:radial-gradient(ellipse at center,transparent 20%,black 80%);mask-image:radial-gradient(ellipse at center,transparent 20%,black 80%);opacity:.5}.space-background:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 50% 30%,rgba(255,255,255,.12),transparent),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.08),transparent),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.1),transparent);background-size:250px 250px;animation:dustDrift 60s linear infinite}@keyframes dustDrift{0%{transform:translate(0) translateY(0)}to{transform:translate(-250px) translateY(250px)}}@media(max-width:1024px){.space-nebula{filter:blur(60px)}.space-nebula-1{width:600px;height:450px}.space-nebula-2{width:450px;height:525px}.space-nebula-3{width:375px;height:375px}.space-nebula-4{width:300px;height:340px}.space-background:before{background-size:80px 80px}}@media(max-width:768px){.space-nebula{filter:blur(50px);opacity:.3}.space-nebula-1{width:400px;height:300px;top:-100px;left:-100px}.space-nebula-2{width:300px;height:350px;bottom:-100px;right:-100px}.space-nebula-3{width:250px;height:250px}.space-nebula-4{width:200px;height:220px}.space-background:before{background-size:60px 60px;opacity:.3}.space-background:after{background-size:200px 200px}}@media(max-width:480px){.space-nebula{filter:blur(40px);opacity:.25}.space-nebula-1{width:250px;height:200px}.space-nebula-2{width:200px;height:250px}.space-nebula-3{width:180px;height:180px}.space-nebula-4{display:none}.space-background:before{display:none}}@media(max-width:768px)and (prefers-reduced-motion:no-preference){.space-nebula{animation-duration:45s}.space-background:after{animation-duration:120s}}@media(prefers-reduced-motion:reduce){.space-nebula{animation:none}.space-background:after{animation:none}.space-canvas{display:none}}@media(prefers-reduced-data:reduce){.space-canvas{display:none}}:root{--bg-primary: #050510;--bg-secondary: rgba(10, 10, 30, .85);--bg-tertiary: rgba(15, 15, 45, .7);--bg-card: rgba(20, 20, 50, .6);--bg-glass: rgba(100, 150, 255, .03);--text-primary: #e8eaff;--text-secondary: #a0a8d0;--text-muted: #6a70a0;--accent-primary: #a855f7;--accent-secondary: #06b6d4;--accent-tertiary: #ec4899;--accent-gradient: linear-gradient(135deg, #a855f7 0%, #06b6d4 50%, #3b82f6 100%);--accent-gradient-hover: linear-gradient(135deg, #c084fc 0%, #22d3ee 50%, #60a5fa 100%);--cosmic-glow: linear-gradient(135deg, #a855f7 0%, #ec4899 50%, #06b6d4 100%);--border-color: rgba(168, 85, 247, .25);--border-glow: rgba(6, 182, 212, .5);--border-nebula: rgba(236, 72, 153, .3);--success: #10b981;--warning: #f59e0b;--error: #f43f5e;--font-heading: "Alumni Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family: var(--font-body);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .7);--shadow-glow: 0 0 30px rgba(168, 85, 247, .4);--shadow-nebula: 0 0 60px rgba(6, 182, 212, .2), 0 0 100px rgba(168, 85, 247, .15);--shadow-cosmic: 0 0 40px rgba(168, 85, 247, .25), 0 0 80px rgba(6, 182, 212, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 30%,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 75% 70%,rgba(6,182,212,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 50%,rgba(236,72,153,.08) 0%,transparent 40%),linear-gradient(180deg,#050510,#0a0a25,#0d0d35 60%,#050515);pointer-events:none;z-index:-3}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 40px 70px,rgba(200,220,255,.8),transparent),radial-gradient(2px 2px at 50px 160px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 90px 40px,rgba(180,200,255,.9),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 160px 120px,rgba(200,180,255,.8),transparent),radial-gradient(1.5px 1.5px at 100px 50px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 200px 150px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 300px 250px,rgba(200,220,255,.6),transparent),radial-gradient(1.5px 1.5px at 400px 350px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 500px 100px,rgba(180,200,255,.6),transparent),radial-gradient(1.5px 1.5px at 600px 200px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 70px 90px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 150px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 250px 80px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 350px 180px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 450px 280px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 550px 380px,rgba(255,255,255,.3),transparent);background-size:600px 400px;animation:starTwinkle 8s ease-in-out infinite alternate;pointer-events:none;z-index:-2}@keyframes starTwinkle{0%{opacity:.8;transform:scale(1)}50%{opacity:1}to{opacity:.7;transform:scale(1.02)}}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em}h1{font-size:3.5rem;font-weight:800}h2{font-size:2.5rem;font-weight:700}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:.9375rem;font-weight:500;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.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}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-lg),0 0 40px #a855f780,0 0 80px #06b6d44d}.btn-secondary{background:#0f0f2d99;color:var(--text-primary);border:1px solid var(--border-color);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.btn-secondary:hover{background:#6496ff1a;border-color:var(--border-glow);box-shadow:0 0 20px #06b6d44d;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:#a855f71a;text-shadow:0 0 10px rgba(168,85,247,.5)}.card{position:relative;background:#0f0f3280;border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-xl);padding:var(--space-6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all ease .4s;overflow:hidden}.card:before{content:"";position:absolute;background:radial-gradient(circle,rgba(168,85,247,.3) 0%,rgba(6,182,212,.1) 50%,transparent 70%);border-radius:50%;width:150px;height:150px;top:-30%;right:-10%;pointer-events:none;opacity:0;transition:all .5s ease;filter:blur(20px)}.card:after{content:"";position:absolute;background:radial-gradient(circle,rgba(6,182,212,.25) 0%,rgba(236,72,153,.1) 50%,transparent 70%);border-radius:50%;width:100px;height:100px;bottom:-20%;left:-5%;pointer-events:none;opacity:0;transition:all .5s ease;filter:blur(15px)}.card:hover:before{opacity:1;transform:scale(1.2)}.card:hover:after{opacity:.8;transform:scale(1.1)}.card:hover{box-shadow:0 0 30px #a855f740,0 0 60px #06b6d426,inset 0 1px #ffffff1a;border-color:#a855f766;transform:translateY(-6px)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:1rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-normal)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633}.input::placeholder{color:var(--text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.75rem}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:500;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary)}.badge-primary{background:#8b5cf633;border-color:#8b5cf64d;color:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.text-center{text-align:center}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}@media(min-width:1280px){.container{max-width:1280px}}@media(max-width:1279px){.container{max-width:960px}}@media(max-width:1023px){:root{--space-16: 3rem;--space-20: 4rem}.container{padding:0 var(--space-4)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}h1{font-size:2.75rem}h2{font-size:2rem}.btn{padding:var(--space-3) var(--space-5)}}@media(max-width:767px){:root{--space-12: 2rem;--space-16: 2.5rem;--space-20: 3rem}.container{padding:0 var(--space-4)}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:var(--space-4)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.btn{padding:var(--space-2) var(--space-4);font-size:.875rem;width:100%;justify-content:center}.btn-primary,.btn-secondary{min-height:44px}.card{padding:var(--space-4);border-radius:var(--radius-lg)}.input{padding:var(--space-3);font-size:16px}}@media(max-width:639px){:root{--space-8: 1.5rem;--space-10: 2rem;--space-12: 2rem}body{font-size:.9375rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.125rem}h4{font-size:1rem}p{font-size:.9375rem;line-height:1.7}.badge{font-size:.6875rem;padding:var(--space-1) var(--space-2)}}@media(max-width:479px){:root{--space-6: 1rem;--space-8: 1.25rem}.container{padding:0 var(--space-3)}h1{font-size:1.5rem;line-height:1.3}h2{font-size:1.25rem}.btn{padding:var(--space-2) var(--space-3);font-size:.8125rem}.card{padding:var(--space-3);border-radius:var(--radius-md)}.grid{gap:var(--space-3)}}@media(hover:none)and (pointer:coarse){.btn:hover,.card:hover{transform:none}.btn:active{transform:scale(.98)}.card:active{transform:scale(.99)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border-color: rgba(255, 255, 255, .5);--text-secondary: #c0c0d0;--text-muted: #909090}.btn{border:2px solid currentColor}}@media print{body:before,body:after{display:none}.btn{background:none!important;color:#000!important;border:1px solid #000!important}}.liquid-glass-card{position:relative;background:#0a0a2880;border:1px solid rgba(168,85,247,.15);transition:all .4s ease;overflow:hidden}.liquid-glass-blur-sm{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.liquid-glass-blur-md{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.liquid-glass-blur-lg{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.liquid-glass-glow-sm:hover{box-shadow:0 0 25px #a855f733,0 0 50px #06b6d41a;border-color:#a855f766;transform:translateY(-4px)}.liquid-glass-glow-md:hover{box-shadow:0 0 35px #a855f740,0 0 70px #06b6d426;border-color:#a855f780;transform:translateY(-6px)}.liquid-glass-glow-lg:hover{box-shadow:0 0 50px #a855f759,0 0 100px #06b6d433,0 0 150px #ec48991a;border-color:#06b6d480;transform:translateY(-8px)}.liquid-glass-shadow-sm{box-shadow:0 4px 20px #0000004d}.liquid-glass-shadow-md{box-shadow:0 8px 40px #0006}.liquid-glass-shadow-lg{box-shadow:0 16px 60px #00000080}.liquid-glass-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(168,85,247,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(6,182,212,.08) 0%,transparent 40%);pointer-events:none;opacity:0;transition:opacity .4s ease}.liquid-glass-card:hover:before{opacity:1}.navbar-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-4) var(--space-4);pointer-events:none}.navbar-outer{pointer-events:auto;max-width:1100px;margin:0 auto}.navbar-glass{width:100%!important}.navbar-glass .glass-surface__content{padding:0 var(--space-6)}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.navbar-logo{display:flex;align-items:center;gap:var(--space-3);font-size:1.25rem;font-weight:700;color:var(--text-primary);transition:transform .2s ease}.navbar-logo:hover{transform:scale(1.02)}.navbar-logo svg{width:28px;height:28px;stroke:var(--accent-primary)}.navbar-nav{display:flex;align-items:center;gap:var(--space-6)}.navbar-link{color:var(--text-secondary);font-weight:500;font-size:.9375rem;transition:color var(--transition-fast),transform .2s ease;position:relative}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:1px;transition:width .3s ease}.navbar-link:hover{color:var(--text-primary);transform:translateY(-1px)}.navbar-link:hover:after{width:100%}.navbar-link.active{color:var(--accent-primary)}.navbar-link.active:after{width:100%}.nav-btn{background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:.9375rem;padding:0}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-navbar{padding:var(--space-2) var(--space-4)!important;font-size:.875rem!important;border-radius:var(--radius-full)!important}.btn-navbar.btn-secondary{background:#0a0a2880;border:1px solid rgba(168,85,247,.3)}.btn-navbar.btn-secondary:hover{background:#a855f726;border-color:#06b6d480;box-shadow:0 0 15px #06b6d433}.footer{padding:var(--space-12) 0 var(--space-8);background:#050514f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(168,85,247,.2);margin-top:auto;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 50px 30px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 150px 60px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 250px 40px,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 350px 80px,rgba(255,255,255,.2),transparent);background-size:400px 100px;opacity:.5;pointer-events:none}.footer-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);position:relative;z-index:1}.footer-logo{display:flex;align-items:center;gap:var(--space-3);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.footer-links{display:flex;gap:var(--space-8)}.footer-link{color:var(--text-secondary);transition:all var(--transition-fast)}.footer-link:hover{color:var(--accent-secondary);text-shadow:0 0 10px rgba(6,182,212,.5)}.footer-copyright{color:var(--text-muted);font-size:.875rem}.tilt-card-container{display:flex;flex-direction:column;gap:var(--space-4)}.tilt-card-canvas{position:relative;width:100%;height:280px;perspective:800px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.tilt-card-inner{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px;transition:.4s;background:#0a0a2d99;border:1px solid rgba(168,85,247,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-6);overflow:hidden}.tilt-card-inner:before{content:"";background:radial-gradient(circle at 20% 20%,rgba(168,85,247,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.15) 0%,transparent 50%);width:120%;height:120%;position:absolute;z-index:-1;transition:.4s;opacity:0;filter:blur(30px)}.tilt-card-inner:after{content:"";position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 60%);bottom:-50px;left:-50px;border-radius:50%;opacity:0;transition:.4s;filter:blur(25px)}.tilt-card-container:hover .tilt-card-inner:before{opacity:1}.tilt-card-container:hover .tilt-card-inner:after{opacity:.8}.tilt-card-container:hover .tilt-card-inner{border-color:#06b6d480;box-shadow:0 0 30px #a855f740,0 0 60px #06b6d426}.tilt-card-prompt{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);background:linear-gradient(135deg,#a855f7,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;text-transform:uppercase;transition:.3s ease-in-out;z-index:10;animation:cosmicTextShift 8s ease-in-out infinite}@keyframes cosmicTextShift{0%,to{filter:drop-shadow(0 0 5px rgba(168,85,247,.3))}50%{filter:drop-shadow(0 0 10px rgba(6,182,212,.4))}}.tilt-card-details{opacity:0;transition:.3s ease-in-out;position:absolute;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);width:100%;height:100%;justify-content:center;align-items:center}.tilt-card-title{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.tilt-card-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.5;text-align:center;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tilt-card-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.tilt-card-stat{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;color:var(--text-muted)}.language-dot{width:10px;height:10px;border-radius:50%}.tilt-card-badge{position:absolute;top:var(--space-3);right:var(--space-3);font-size:.65rem;padding:var(--space-1) var(--space-2);background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-sm);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.tracker{position:relative;z-index:200}.tracker:hover{cursor:pointer}.tracker:hover~.tilt-card-inner .tilt-card-prompt{opacity:0}.tracker:hover~.tilt-card-inner .tilt-card-details{opacity:1}.tracker:hover~.tilt-card-inner{filter:brightness(1.1)}.tr-1:hover~.tilt-card-inner{transform:rotateX(12deg) rotateY(-8deg)}.tr-2:hover~.tilt-card-inner{transform:rotateX(12deg) rotateY(-4deg)}.tr-3:hover~.tilt-card-inner{transform:rotateX(12deg) rotateY(0)}.tr-4:hover~.tilt-card-inner{transform:rotateX(12deg) rotateY(4deg)}.tr-5:hover~.tilt-card-inner{transform:rotateX(12deg) rotateY(8deg)}.tr-6:hover~.tilt-card-inner{transform:rotateX(6deg) rotateY(-8deg)}.tr-7:hover~.tilt-card-inner{transform:rotateX(6deg) rotateY(-4deg)}.tr-8:hover~.tilt-card-inner{transform:rotateX(6deg) rotateY(0)}.tr-9:hover~.tilt-card-inner{transform:rotateX(6deg) rotateY(4deg)}.tr-10:hover~.tilt-card-inner{transform:rotateX(6deg) rotateY(8deg)}.tr-11:hover~.tilt-card-inner{transform:rotateX(0) rotateY(-8deg)}.tr-12:hover~.tilt-card-inner{transform:rotateX(0) rotateY(-4deg)}.tr-13:hover~.tilt-card-inner{transform:rotateX(0) rotateY(0)}.tr-14:hover~.tilt-card-inner{transform:rotateX(0) rotateY(4deg)}.tr-15:hover~.tilt-card-inner{transform:rotateX(0) rotateY(8deg)}.tr-16:hover~.tilt-card-inner{transform:rotateX(-6deg) rotateY(-8deg)}.tr-17:hover~.tilt-card-inner{transform:rotateX(-6deg) rotateY(-4deg)}.tr-18:hover~.tilt-card-inner{transform:rotateX(-6deg) rotateY(0)}.tr-19:hover~.tilt-card-inner{transform:rotateX(-6deg) rotateY(4deg)}.tr-20:hover~.tilt-card-inner{transform:rotateX(-6deg) rotateY(8deg)}.tr-21:hover~.tilt-card-inner{transform:rotateX(-12deg) rotateY(-8deg)}.tr-22:hover~.tilt-card-inner{transform:rotateX(-12deg) rotateY(-4deg)}.tr-23:hover~.tilt-card-inner{transform:rotateX(-12deg) rotateY(0)}.tr-24:hover~.tilt-card-inner{transform:rotateX(-12deg) rotateY(4deg)}.tr-25:hover~.tilt-card-inner{transform:rotateX(-12deg) rotateY(8deg)}.tilt-card-actions{display:flex;gap:var(--space-3)}.tilt-card-actions .btn{flex:1}.btn-sm{padding:var(--space-2) var(--space-3)!important;font-size:.8125rem!important}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.markdown-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);overflow:auto;max-height:600px}.markdown-preview h1{font-size:2rem;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.markdown-preview h2{font-size:1.5rem;margin-top:var(--space-6);margin-bottom:var(--space-3)}.markdown-preview h3{font-size:1.25rem;margin-top:var(--space-5);margin-bottom:var(--space-2)}.markdown-preview p{margin-bottom:var(--space-4)}.markdown-preview code{background:var(--bg-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.875rem;color:var(--accent-primary)}.markdown-preview pre{background:var(--bg-primary);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4)}.markdown-preview pre code{background:transparent;padding:0}.markdown-preview ul,.markdown-preview ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.markdown-preview li{margin-bottom:var(--space-2);color:var(--text-secondary)}.markdown-preview blockquote{border-left:4px solid var(--accent-primary);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--text-muted);font-style:italic}.markdown-preview a{color:var(--accent-primary)}.markdown-preview img{border-radius:var(--radius-md);margin:var(--space-4) 0}.template-selector{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.template-option{flex:1;padding:var(--space-4);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:center}.template-option:hover{border-color:var(--border-glow)}.template-option.active{border-color:var(--accent-primary);background:#8b5cf61a}.template-option-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.template-option-desc{font-size:.8125rem;color:var(--text-muted)}.search-bar{position:relative;width:100%;max-width:500px}.search-bar svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted)}.search-bar input{padding-left:var(--space-12)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-title{height:1.5rem;width:60%;margin-bottom:var(--space-3)}.skeleton-card{height:200px}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal)}.user-menu-trigger:hover{border-color:var(--border-glow)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-lg)}.user-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.user-menu-item:hover{background:var(--bg-glass);color:var(--text-primary)}@media(max-width:768px){.navbar-wrapper{padding:var(--space-3) var(--space-3)}.navbar-glass .glass-surface__content{padding:0 var(--space-4)}.navbar-nav{display:none}.navbar-logo{font-size:1.1rem}.navbar-logo svg{width:24px;height:24px}.btn-navbar{padding:var(--space-2) var(--space-3)!important;font-size:.8125rem!important}.template-selector{flex-direction:column}.footer-links{flex-wrap:wrap;justify-content:center}}@media(max-width:1024px){.navbar-nav{gap:var(--space-4)}.navbar-link{font-size:.875rem}.tilt-card-canvas{height:240px}.tilt-card-prompt{font-size:1.25rem}.tilt-card-title{font-size:1.125rem}.user-menu-dropdown{min-width:180px}}@media(max-width:768px){.navbar-outer{max-width:100%}.navbar-glass{height:56px!important}.navbar-container{padding:0}.tilt-card-canvas{height:200px;perspective:600px}.tilt-card-inner{padding:var(--space-4)}.tilt-card-prompt{font-size:1.125rem}.tilt-card-details{padding:var(--space-4)}.tilt-card-title{font-size:1rem}.tilt-card-desc{font-size:.8125rem;-webkit-line-clamp:2;line-clamp:2}.tilt-card-meta{gap:var(--space-2)}.tilt-card-stat{font-size:.75rem}.tilt-card-badge{font-size:.5625rem;padding:2px 6px}.tilt-card-actions{flex-direction:column;gap:var(--space-2)}.tilt-card-actions .btn{width:100%}.markdown-preview{padding:var(--space-4);max-height:500px}.template-option{padding:var(--space-3)}.template-option-title{font-size:.875rem}.template-option-desc{font-size:.75rem}.search-bar{max-width:100%}.user-menu-trigger{padding:var(--space-1) var(--space-2)}.user-avatar{width:28px;height:28px}.user-menu-dropdown{min-width:160px;padding:var(--space-1)}.user-menu-item{padding:var(--space-2) var(--space-3);font-size:.875rem}.footer{padding:var(--space-8) 0 var(--space-6)}.footer-container{gap:var(--space-4)}.footer-logo{font-size:1.125rem}.footer-links{gap:var(--space-4)}.footer-link{font-size:.875rem}.footer-copyright{font-size:.75rem}.skeleton-card{height:160px}}@media(max-width:480px){.navbar-wrapper{padding:var(--space-2)}.navbar-glass{height:50px!important;border-radius:12px!important}.navbar-glass .glass-surface__content{padding:0 var(--space-3)}.navbar-logo{font-size:1rem;gap:var(--space-2)}.navbar-logo svg{width:20px;height:20px}.btn-navbar{padding:var(--space-1) var(--space-2)!important;font-size:.75rem!important}.tilt-card-canvas{height:180px;perspective:500px}.tilt-card-inner{border-radius:12px;padding:var(--space-3)}.tilt-card-prompt{font-size:1rem}.tilt-card-details{padding:var(--space-3)}.tilt-card-title{font-size:.9375rem}.tilt-card-desc{font-size:.75rem}.tilt-card-badge{top:var(--space-2);right:var(--space-2);font-size:.5rem;padding:2px 4px}.liquid-glass-card{border-radius:var(--radius-lg)}.footer{padding:var(--space-6) 0 var(--space-4)}.footer-logo{font-size:1rem}.footer-logo svg{width:20px;height:20px}.footer-links{gap:var(--space-3)}.footer-link{font-size:.8125rem}.user-menu-trigger{padding:var(--space-1)}.user-avatar{width:26px;height:26px}}@media(max-width:360px){.navbar-logo{font-size:.9375rem}.navbar-logo svg{width:18px;height:18px}.btn-navbar{padding:4px 8px!important;font-size:.6875rem!important}.tilt-card-canvas{height:160px}.tilt-card-prompt{font-size:.9375rem}.footer-links{flex-direction:column;gap:var(--space-2)}}@media(hover:none)and (pointer:coarse){.navbar-link:hover:after{width:0}.navbar-link.active:after{width:100%}.tilt-card-container:hover .tilt-card-inner{transform:none}.tracker:hover~.tilt-card-inner{transform:none!important}.tilt-card-container:active .tilt-card-prompt{opacity:0}.tilt-card-container:active .tilt-card-details{opacity:1}.navbar-link{padding:var(--space-2) var(--space-1);min-height:44px;display:flex;align-items:center}.footer-link{padding:var(--space-2) 0;min-height:44px;display:inline-flex;align-items:center}.user-menu-item{min-height:44px}}@media(max-width:1024px)and (orientation:landscape){.tilt-card-canvas{height:220px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.navbar-logo svg,.feature-icon svg,.footer-logo svg{transform:translateZ(0)}}.landing{padding-top:80px;position:relative;overflow:hidden}.landing:before{content:"";position:fixed;inset:0;background:linear-gradient(225deg,transparent 60%,rgba(168,85,247,.8) 60.5%,transparent 61%),linear-gradient(225deg,transparent 75%,rgba(6,182,212,.6) 75.5%,transparent 76%);background-size:400px 400px;animation:shootingStars 15s linear infinite;pointer-events:none;opacity:.15;z-index:0}@keyframes shootingStars{0%{background-position:800px -400px,1200px -600px}to{background-position:-400px 800px,-600px 1200px}}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:var(--space-16) 0;position:relative;z-index:1}.hero:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,rgba(6,182,212,.1) 40%,transparent 70%);border-radius:50%;top:10%;right:-100px;animation:cosmicFloat 20s ease-in-out infinite;pointer-events:none;filter:blur(40px)}.hero:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,rgba(236,72,153,.1) 40%,transparent 70%);border-radius:50%;bottom:20%;left:-80px;animation:cosmicFloat 25s ease-in-out infinite reverse;pointer-events:none;filter:blur(35px)}@keyframes cosmicFloat{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-40px) scale(1.1);opacity:.8}50%{transform:translate(-20px,30px) scale(.9);opacity:.5}75%{transform:translate(-40px,-20px) scale(1.05);opacity:.7}}.hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#a855f726,#06b6d41a);border:1px solid rgba(168,85,247,.4);border-radius:var(--radius-full);color:var(--accent-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--space-8);box-shadow:0 0 20px #a855f733,inset 0 1px #ffffff1a;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 20px #a855f733,inset 0 1px #ffffff1a}50%{box-shadow:0 0 30px #06b6d44d,inset 0 1px #ffffff26}}.hero-badge svg{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{filter:drop-shadow(0 0 2px rgba(6,182,212,.8))}50%{filter:drop-shadow(0 0 6px rgba(168,85,247,1))}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:var(--space-6)}.hero-title-wrapper{margin-bottom:var(--space-4);display:flex;justify-content:center;align-items:center;min-height:1.2em}.hero-subtitle{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.3;margin-bottom:var(--space-6);color:var(--text-primary)}.hero-description{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-10)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.hero-visual{margin-top:var(--space-16);position:relative}.hero-visual:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 30%,rgba(168,85,247,.25) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(6,182,212,.2) 0%,transparent 50%);z-index:-1;animation:nebulaGlow 8s ease-in-out infinite alternate}@keyframes nebulaGlow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.hero-image{width:100%;max-width:900px;margin:0 auto;border-radius:var(--radius-2xl);border:1px solid rgba(168,85,247,.3);box-shadow:var(--shadow-lg),0 0 40px #a855f733,0 0 80px #06b6d41a}.features{padding:var(--space-20) 0}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-12)}.section-title{margin-bottom:var(--space-4)}.section-description{font-size:1.125rem;color:var(--text-secondary)}.feature-card{text-align:center;padding:var(--space-8)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-5);background:var(--accent-gradient);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.feature-icon svg{width:32px;height:32px;color:#fff}.feature-title{margin-bottom:var(--space-3)}.feature-description{color:var(--text-secondary)}.how-it-works{padding:var(--space-20) 0;background:var(--bg-secondary)}.steps{display:flex;gap:var(--space-8);margin-top:var(--space-12)}.step{flex:1;text-align:center}.step-number{width:48px;height:48px;margin:0 auto var(--space-4);background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff}.step-title{margin-bottom:var(--space-2)}.step-description{color:var(--text-secondary);font-size:.9375rem}.cta{padding:var(--space-20) 0;text-align:center}.cta-card{max-width:700px;margin:0 auto;padding:var(--space-12);background:var(--accent-gradient);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.cta-title{font-size:2rem;margin-bottom:var(--space-4);position:relative}.cta-description{color:#ffffffe6;margin-bottom:var(--space-8);position:relative}.cta-card .btn{background:#fff;color:var(--accent-primary);position:relative}.cta-card .btn:hover{background:#ffffffe6;transform:translateY(-2px)}.dashboard{padding-top:100px;padding-bottom:var(--space-16);min-height:100vh}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.dashboard-title{font-size:1.75rem}.dashboard-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{padding:var(--space-5);min-width:150px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.stat-label{color:var(--text-muted);font-size:.875rem}.repos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.empty-state{text-align:center;padding:var(--space-16)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-6);color:var(--text-muted)}.empty-state-title{margin-bottom:var(--space-3)}.empty-state-description{color:var(--text-muted);margin-bottom:var(--space-6)}.generator{padding-top:100px;padding-bottom:var(--space-16);min-height:100vh}.generator-header{margin-bottom:var(--space-8)}.generator-title{display:flex;align-items:center;gap:var(--space-3);font-size:1.5rem;margin-bottom:var(--space-2)}.generator-subtitle{color:var(--text-muted)}.generator-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);height:calc(100vh - 250px);min-height:500px}.generator-panel{display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.panel-title{font-weight:600;color:var(--text-primary)}.panel-content{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.editor-textarea{width:100%;height:100%;padding:var(--space-4);background:transparent;border:none;color:var(--text-primary);font-family:Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;resize:none;outline:none}.generator-actions{display:flex;gap:var(--space-4);margin-top:var(--space-6);justify-content:flex-end}.signin-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.signin-container{width:100%;max-width:440px}.signin-header{text-align:center;margin-bottom:var(--space-8)}.signin-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6)}.signin-title{font-size:1.75rem;margin-bottom:var(--space-2)}.signin-subtitle{color:var(--text-muted)}.clerk-signin{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative;overflow:hidden;background:var(--bg-primary)}.auth-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:authOrbFloat 20s ease-in-out infinite}.auth-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);top:-200px;left:-100px;animation-delay:0s}.auth-orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.35) 0%,transparent 70%);bottom:-150px;right:-100px;animation-delay:-7s}.auth-orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.25) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-13s}.auth-orb-4{width:350px;height:350px;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);top:70%;left:20%;animation-delay:-18s}@keyframes authOrbFloat{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(-30px,-20px) scale(1.02)}}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(168,85,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.03) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.auth-particles{position:fixed;inset:0;pointer-events:none;z-index:1}.auth-particle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#ffffffe6,#a855f799);border-radius:50%;animation:authParticleFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay);left:var(--x-start);top:100%;box-shadow:0 0 6px #a855f780}.auth-particle:nth-child(odd){background:radial-gradient(circle,#ffffffe6,#06b6d499);box-shadow:0 0 6px #06b6d480}@keyframes authParticleFloat{0%{opacity:0;transform:translateY(0) translate(0) scale(.5)}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) translate(calc(var(--x-end) - var(--x-start))) scale(.5)}}.auth-container{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);max-width:1100px;width:100%;margin:0 auto;align-items:center}.auth-branding{padding:var(--space-8)}.auth-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;margin-bottom:var(--space-12)}.auth-logo-icon{width:48px;height:48px;background:var(--accent-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8b5cf64d}.auth-logo-icon svg{width:28px;height:28px;color:#fff}.auth-logo-text{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em}.auth-branding-content{max-width:400px}.auth-branding-title{font-size:2.5rem;line-height:1.2;margin-bottom:var(--space-4);text-transform:none}.auth-branding-desc{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.auth-features{display:flex;flex-direction:column;gap:var(--space-4)}.auth-feature{display:flex;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:.9375rem}.auth-feature-icon{width:36px;height:36px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-feature-icon svg{width:18px;height:18px;color:var(--accent-primary)}.auth-form-section{display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:420px;background:#12121ab3;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-2xl);padding:var(--space-10);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d inset,0 0 80px #8b5cf61a;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:.8}.auth-card-header{text-align:center;margin-bottom:var(--space-8)}.auth-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);text-transform:none}.auth-subtitle{color:var(--text-muted);font-size:.9375rem}.auth-clerk-container{width:100%}.user-avatar{width:40px;height:40px;border:2px solid rgba(139,92,246,.3);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 10px #8b5cf633}.user-avatar:hover{border-color:#8b5cf699;box-shadow:0 4px 20px #8b5cf64d;transform:scale(1.05)}@media(max-width:1024px){.generator-layout{grid-template-columns:1fr;height:auto}.generator-panel{min-height:400px}.auth-container{grid-template-columns:1fr;max-width:480px;gap:var(--space-8)}.auth-branding{text-align:center;padding:var(--space-4)}.auth-logo{justify-content:center;margin-bottom:var(--space-8)}.auth-branding-content{max-width:100%}.auth-branding-title{font-size:1.75rem}.auth-branding-desc{font-size:1rem;margin-bottom:var(--space-6)}.auth-features{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.auth-feature{font-size:.8125rem}.auth-feature-icon{width:32px;height:32px}.auth-feature-icon svg{width:16px;height:16px}.auth-card{padding:var(--space-8)}}@media(max-width:768px){.hero-title{font-size:2rem}.steps{flex-direction:column}.dashboard-header{flex-direction:column;align-items:flex-start}.repos-grid{grid-template-columns:1fr}.auth-page{padding:var(--space-4)}.auth-branding{display:none}.auth-card{max-width:100%;padding:var(--space-6);border-radius:var(--radius-xl)}.auth-title{font-size:1.5rem}}@media(max-width:1024px){.hero{padding:var(--space-12) 0}.hero:before,.hero:after{width:250px;height:250px}.hero-description{font-size:1.125rem}.features{padding:var(--space-12) 0}.feature-card{padding:var(--space-6)}.feature-icon{width:56px;height:56px}.feature-icon svg{width:28px;height:28px}.how-it-works{padding:var(--space-12) 0}.step-number{width:40px;height:40px;font-size:1.125rem}.cta{padding:var(--space-12) 0}.cta-card{padding:var(--space-8)}.cta-title{font-size:1.75rem}.dashboard{padding-top:90px}.dashboard-stats{flex-wrap:wrap}.stat-card{min-width:120px;flex:1}}@media(max-width:768px){.landing{padding-top:70px}.landing:before{opacity:.1}.hero{min-height:auto;padding:var(--space-10) 0 var(--space-12)}.hero:before,.hero:after{display:none}.hero-badge{font-size:.75rem;padding:var(--space-1) var(--space-3);margin-bottom:var(--space-6)}.hero-title{font-size:1.75rem!important}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--space-4)}.hero-description{font-size:1rem;margin-bottom:var(--space-6)}.hero-actions{flex-direction:column;width:100%;max-width:300px;margin:0 auto}.hero-actions .btn{width:100%}.features{padding:var(--space-10) 0}.section-header{margin-bottom:var(--space-8)}.section-title{font-size:1.5rem}.section-description{font-size:1rem}.feature-card{padding:var(--space-5)}.feature-icon{width:48px;height:48px;margin-bottom:var(--space-4)}.feature-icon svg{width:24px;height:24px}.feature-title{font-size:1.125rem}.feature-description{font-size:.875rem}.steps{gap:var(--space-4)}.step{padding:var(--space-4)}.step-number{width:36px;height:36px;font-size:1rem;margin-bottom:var(--space-3)}.step-title{font-size:1rem}.step-description{font-size:.8125rem}.cta{padding:var(--space-10) 0}.cta-card{padding:var(--space-6);border-radius:var(--radius-xl)}.cta-title{font-size:1.5rem}.cta-description{font-size:.9375rem}.dashboard{padding-top:80px;padding-bottom:var(--space-8)}.dashboard-title{font-size:1.5rem}.dashboard-stats{gap:var(--space-3)}.stat-card{padding:var(--space-4);min-width:100px}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.generator{padding-top:80px;padding-bottom:var(--space-8)}.generator-title{font-size:1.25rem;flex-wrap:wrap}.generator-layout{min-height:300px}.panel-header{padding:var(--space-3)}.panel-title{font-size:.875rem}.editor-textarea{font-size:.8125rem;padding:var(--space-3)}.generator-actions{flex-direction:column;gap:var(--space-3)}.generator-actions .btn{width:100%}.signin-page{padding:var(--space-4)}.signin-header{margin-bottom:var(--space-6)}.signin-logo{font-size:1.25rem}.signin-title{font-size:1.5rem}.clerk-signin{padding:var(--space-6)}}@media(max-width:480px){.landing{padding-top:60px}.hero{padding:var(--space-8) 0 var(--space-10)}.hero-badge{font-size:.6875rem}.hero-subtitle{font-size:1.125rem}.hero-description{font-size:.9375rem}.features{padding:var(--space-8) 0}.section-title{font-size:1.25rem}.section-description{font-size:.875rem}.feature-card{padding:var(--space-4)}.feature-icon{width:40px;height:40px}.feature-icon svg{width:20px;height:20px}.feature-title{font-size:1rem;margin-bottom:var(--space-2)}.feature-description{font-size:.8125rem}.how-it-works{padding:var(--space-8) 0}.step{padding:var(--space-3)}.cta-card{padding:var(--space-5)}.cta-title{font-size:1.25rem}.cta-description{font-size:.875rem;margin-bottom:var(--space-5)}.dashboard-header{gap:var(--space-3)}.dashboard-title{font-size:1.25rem}.dashboard-stats{flex-direction:column;width:100%}.stat-card{width:100%;min-width:auto;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4)}.stat-value{font-size:1.25rem;margin-bottom:0}.stat-label{order:-1}.generator-header{margin-bottom:var(--space-4)}.generator-title{font-size:1.125rem;gap:var(--space-2)}.generator-subtitle{font-size:.8125rem}.empty-state{padding:var(--space-8)}.empty-state-icon{width:60px;height:60px;margin-bottom:var(--space-4)}.empty-state-title{font-size:1.125rem}.empty-state-description{font-size:.875rem}.auth-page{padding:var(--space-3)}.auth-card{padding:var(--space-5);border-radius:var(--radius-lg)}.auth-title{font-size:1.25rem}.auth-subtitle{font-size:.8125rem}.markdown-preview{padding:var(--space-4);max-height:400px}.markdown-preview h1{font-size:1.5rem}.markdown-preview h2{font-size:1.25rem}.markdown-preview h3{font-size:1rem}}@media(max-width:360px){.hero-subtitle{font-size:1rem}.hero-description{font-size:.875rem}.hero-actions{max-width:100%}.section-title,.cta-title,.dashboard-title{font-size:1.125rem}.auth-card{padding:var(--space-4)}}@media(max-height:500px)and (orientation:landscape){.hero{min-height:auto;padding:var(--space-6) 0}.hero-badge,.hero-subtitle{margin-bottom:var(--space-3)}.hero-description{margin-bottom:var(--space-4)}.auth-page{align-items:flex-start;padding-top:var(--space-4)}.auth-card{max-height:90vh;overflow-y:auto}}