@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}:root{--select-bg: rgba(255, 255, 255, .05);--transparent-bg: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .01) 100%);--component-dark-bg: rgba(0, 0, 0, .2);--component-light-bg: linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100%);--select-stroke: linear-gradient(180deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .2) 100%);--transparent-stroke: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .05) 100%);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5)}[data-theme=lavender]{--theme-from: #060420;--theme-to: #251843;--theme-bg: linear-gradient(180deg, #060420 0%, #251843 100%);--glow-1: rgba(100, 80, 180, .35);--glow-2: rgba(80, 60, 160, .25);--glow-3: rgba(120, 90, 200, .2)}[data-theme=aquamarine]{--theme-from: #0D0420;--theme-to: #0B2E2E;--theme-bg: linear-gradient(180deg, #0D0420 0%, #0B2E2E 100%);--glow-1: rgba(40, 120, 140, .35);--glow-2: rgba(30, 100, 120, .25);--glow-3: rgba(60, 150, 160, .2)}[data-theme=rosewood]{--theme-from: #170015;--theme-to: #2F031D;--theme-bg: linear-gradient(180deg, #170015 0%, #2F031D 100%);--glow-1: rgba(140, 40, 80, .35);--glow-2: rgba(120, 30, 60, .25);--glow-3: rgba(180, 60, 100, .2)}[data-theme=sepia]{--theme-from: #200404;--theme-to: #4A2610;--theme-bg: linear-gradient(180deg, #200404 0%, #4A2610 100%);--glow-1: rgba(120, 60, 30, .35);--glow-2: rgba(100, 50, 20, .25);--glow-3: rgba(140, 80, 40, .2)}[data-theme=bw]{--theme-from: #252525;--theme-to: #111111;--theme-bg: linear-gradient(180deg, #252525 0%, #111111 100%);--glow-1: rgba(255, 255, 255, .08);--glow-2: rgba(255, 255, 255, .05);--glow-3: rgba(255, 255, 255, .06)}.app{min-height:100vh;color:var(--text-primary);transition:--theme-from .3s ease,--theme-to .3s ease;position:relative;overflow-x:hidden}html:not([data-theme]){--theme-from: #060420;--theme-to: #251843;--glow-1: rgba(100, 80, 180, .35);--glow-2: rgba(80, 60, 160, .25);--glow-3: rgba(120, 90, 200, .2)}.bg-effects{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bg-gradient-animated{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--theme-from) 0%,var(--theme-to) 50%,var(--theme-from) 100%);background-size:200% 200%;animation:gradientShift 12s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 70%);animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.6}50%{opacity:1}}.bg-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:floatGlow 20s ease-in-out infinite}.bg-glow-1{width:400px;height:400px;background:var(--glow-1, rgba(100, 80, 180, .3));top:-100px;right:-100px;animation-delay:0s}.bg-glow-2{width:300px;height:300px;background:var(--glow-2, rgba(60, 120, 160, .25));bottom:20%;left:-80px;animation-delay:-7s}.bg-glow-3{width:250px;height:250px;background:var(--glow-3, rgba(140, 60, 180, .2));bottom:-50px;right:20%;animation-delay:-14s}@keyframes floatGlow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}}.bg-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ffffff26;border-radius:50%;left:calc(var(--i) * 5%);top:calc(var(--i) * 7%);animation:particleFloat 12s ease-in-out infinite;animation-delay:calc(var(--i) * -.6s)}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.15}25%{transform:translate(20px,-30px) scale(1.2);opacity:.4}50%{transform:translate(-15px,20px) scale(.8);opacity:.2}75%{transform:translate(25px,15px) scale(1.1);opacity:.35}}.bg-lines{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);animation:lineMove 25s linear infinite}.bg-line-1{top:20%;width:100%;animation-delay:0s}.bg-line-2{top:50%;width:80%;left:10%;animation-delay:-8s;animation-direction:reverse}.bg-line-3{top:80%;width:60%;left:20%;animation-delay:-16s}@keyframes lineMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bg-stars{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.star{position:absolute;width:1px;height:1px;background:#fff9;border-radius:50%;box-shadow:0 0 2px #ffffff80,0 0 4px #ffffff40;left:var(--left, 10%);top:var(--top, 10%);animation:starShine 3s ease-in-out infinite;animation-delay:calc(var(--i) * .15s)}.star:nth-child(4n){width:1.5px;height:1.5px;box-shadow:0 0 3px #ffffff8c,0 0 6px #ffffff4d}.star:nth-child(7n){width:.5px;height:.5px;box-shadow:0 0 1px #ffffff73}@keyframes starShine{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.65;transform:scale(1.1)}}.component-card{background:var(--component-dark-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 0 0 1px #ffffff05 inset}.component-card-light{background:var(--component-light-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 0 0 1px #ffffff05 inset}.btn-primary{background:var(--select-bg);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#ffffff1a;border-color:#fff6;box-shadow:0 0 20px #ffffff14}main section{padding:4rem 1.5rem;max-width:1200px;margin:0 auto}.brand-top{position:fixed;top:2.5rem;left:5rem;z-index:10;transition:opacity .25s ease}.brand-top img{height:48px;width:auto}.brand-top:hover{opacity:.9}.brand-top--hidden{opacity:0;pointer-events:none}main,.footer{position:relative;z-index:1}.theme-selector{display:flex;flex-direction:column;gap:.5rem}.theme-dropdown{position:relative}.theme-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:280px;padding:.875rem 1.25rem;background:var(--select-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:border-color .2s}.theme-trigger:hover{border-color:#fff3}.theme-trigger-color{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.theme-trigger-label{flex:1;text-align:left}.theme-options{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:100%;background:var(--component-dark-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px;list-style:none;padding:.25rem;z-index:10;box-shadow:0 4px 20px #0000004d}.theme-option-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .9rem;text-align:left;background:none;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;border-radius:6px;transition:background .2s,color .2s}.theme-option-btn:hover,.theme-option-btn.active{background:var(--select-bg);color:var(--text-primary)}.theme-option-color{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.theme-option-label{flex:1}.hero{padding:12rem 1.5rem 6rem;text-align:center}.hero-content{max-width:700px;margin:0 auto}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:0 0 40px rgba(255,255,255,.1);letter-spacing:-.02em}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-version-row{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem}.hero-version,.hero-version-sep{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-secondary);opacity:.5}.btn-hero{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;min-width:320px;width:320px}.btn-icon{flex-shrink:0}@media (max-width: 480px){.hero-buttons{flex-direction:column}.btn-hero{width:100%;min-width:100%}}@media (max-width: 768px){.nav{display:none}}.hero-footer-spacer{min-height:80vh}.footer{position:relative;margin-top:4rem;-webkit-user-select:none;user-select:none;padding:0;border-top:1px solid rgba(255,255,255,.06);background:var(--component-dark-bg);width:100%}.footer-top{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:space-between;gap:3rem;padding:8rem 2.5rem 6rem;max-width:1400px;margin:0 auto}.footer-left{display:flex;flex-direction:column;gap:2.5rem}.footer-logo img{height:56px;width:auto}.footer-logo:hover{opacity:.9}.language-selector,.footer-theme{display:flex;flex-direction:column;gap:1rem}.language-label,.theme-label{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.language-dropdown{position:relative}.language-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:280px;padding:.875rem 1.25rem;background:var(--select-bg);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:border-color .2s}.language-trigger:hover{border-color:#fff3}.language-options{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:100%;background:var(--component-dark-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px;list-style:none;padding:.25rem;z-index:10;box-shadow:0 4px 20px #0000004d}.language-options button{display:block;width:100%;padding:.65rem .9rem;text-align:left;background:none;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;border-radius:6px;transition:background .2s,color .2s}.language-options button:hover,.language-options button.active{background:var(--select-bg);color:var(--text-primary)}.footer-right{flex:1;min-width:300px;display:flex;justify-content:flex-end}.footer-nav{display:flex;flex-wrap:wrap;gap:3rem 4rem}.footer-col h4{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col a{color:var(--text-secondary);font-size:1.15rem;transition:color .2s}.footer-col a:hover{color:var(--text-primary)}.footer-brand{position:relative;z-index:1;font-size:clamp(3rem,12vw,8rem);font-weight:800;text-align:center;padding:6rem 2rem 8rem;color:#fffc;line-height:1;-webkit-user-select:none;user-select:none}.page-layout{position:relative;z-index:1;min-height:60vh;max-width:800px;margin:0 auto;padding:4rem 2rem 6rem}.page-main{padding-top:1rem}.page-title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.page-content{color:var(--text-secondary);line-height:1.75}.page-content p{margin-bottom:1rem}.page-section{margin-top:2.5rem}.page-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}@media (max-width: 640px){.hero{padding:6rem 1rem 4rem}.footer-top{flex-direction:column;padding:5rem 1.5rem 4rem}.footer-nav{gap:2rem 3rem}.footer-brand{padding:4rem 2rem 5rem}.page-layout{padding:3rem 1.5rem 4rem}.page-title{font-size:1.75rem}}