:root{--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--color-bg-mesh-1:#0f172a;--color-bg-mesh-2:#1e1b4b;--color-bg-mesh-3:#312e81;--color-glass-bg:#ffffff0d;--color-glass-border:#ffffff1a;--color-glass-highlight:#fff3;--color-primary:#818cf8;--color-primary-glow:#818cf880;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--shadow-glass:0 4px 30px #0000001a;--backdrop-blur:10px}body{font-family:var(--font-sans);background-color:var(--color-bg-mesh-1);background-image:radial-gradient(at 0% 0%,var(--color-bg-mesh-2)0px,transparent 50%),radial-gradient(at 100% 0%,var(--color-bg-mesh-3)0px,transparent 50%),radial-gradient(at 100% 100%,var(--color-bg-mesh-2)0px,transparent 50%);color:var(--color-text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;margin:0}.demo-badge{color:#c7d2fe;letter-spacing:.08em;background:#818cf824;border:1px solid #818cf859;border-radius:999px;padding:.25rem .55rem;font-size:.7rem;font-weight:800}.primary-btn{background:var(--color-primary);color:#0f172a;cursor:pointer;border:0;border-radius:8px;padding:.75rem 1rem;font-weight:700}.icon-button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0}@media (max-width:800px){.container{padding:1rem}nav .container{overflow-x:auto;padding:.75rem 1rem!important}nav .container>div:last-child{min-width:max-content;gap:.75rem!important}.page-title{font-size:2rem}}.glass-panel{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--color-glass-border);box-shadow:var(--shadow-glass);border-radius:16px}.glass-button{border:1px solid var(--color-glass-border);color:var(--color-text-main);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);border-radius:12px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.glass-button:hover{border-color:var(--color-glass-highlight);box-shadow:0 0 15px var(--color-primary-glow);background:#ffffff26;transform:translateY(-1px)}.glass-button.primary{background:var(--color-primary);border-color:var(--color-primary);color:#0f172a;box-shadow:0 0 20px var(--color-primary-glow)}.glass-button.primary:hover{background:#a5b4fc}.glass-input{border:1px solid var(--color-glass-border);color:var(--color-text-main);box-sizing:border-box;background:#0003;border-radius:12px;width:100%;padding:.75rem 1rem;transition:all .2s}.glass-input:focus{border-color:var(--color-primary);background:#0000004d;outline:none;box-shadow:0 0 0 2px #818cf833}.container{max-width:1200px;margin:0 auto;padding:2rem}.page-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:700}