@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-primary:#f4f8fc;--bg-card:#ffffffbf;--bg-card-solid:#fff;--bg-card-hover:#ffffffe0;--bg-card-subtle:#f8fafda6;--primary:#5b8def;--primary-hover:#487be0;--primary-tint:#5b8def1f;--primary-glass:#5b8def14;--primary-glow:#5b8def4d;--secondary:#67c9d6;--secondary-tint:#67c9d624;--secondary-glass:#67c9d614;--ai-accent:#9b8afb;--ai-accent-hover:#8672f5;--ai-accent-tint:#9b8afb24;--ai-accent-glass:#9b8afb14;--success:#70c9a8;--success-tint:#70c9a82e;--success-text:#236c53;--warning:#f4c96b;--warning-tint:#f4c96b38;--warning-text:#8c610b;--alert:#ef8b8b;--alert-tint:#ef8b8b2e;--alert-text:#b53838;--text-primary:#243b53;--text-secondary:#718096;--text-muted:#94a3b8;--border-color:#dce6f0d9;--border-glass:#fffffff2;--border-highlight:#5b8def73;--shadow-glass:0 8px 32px 0 #243b5312, inset 0 1px 1px 0 #ffffffe6;--shadow-glass-lg:0 14px 42px -4px #243b531c, 0 4px 14px -2px #5b8def14, inset 0 1px 1px 0 #fffffff2;--shadow-glass-hover:0 18px 48px -4px #5b8def2e, 0 6px 18px -2px #243b5314, inset 0 1px 2px 0 #fff;--shadow-glow:0 0 30px -2px #5b8def59;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 8%,#67c9d629 0%,#0000 36%),radial-gradient(circle at 88% 14%,#9b8afb2e 0%,#0000 40%),radial-gradient(circle at 50% 45%,#5b8def1a 0%,#0000 45%),radial-gradient(circle at 18% 75%,#70c9a824 0%,#0000 38%),radial-gradient(circle at 82% 82%,#ef8b8b1f 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}.ambient-mesh{pointer-events:none;z-index:0;filter:blur(60px);opacity:.75;position:fixed}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f8fc99}::-webkit-scrollbar-thumb{background:#94a3b873 padding-box content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#5b8def99}.glass-panel{-webkit-backdrop-filter:blur(20px)saturate(190%);border:1px solid var(--border-color);box-shadow:var(--shadow-glass);background:#ffffffc2;border-radius:18px;transition:all .28s cubic-bezier(.4,0,.2,1);position:relative}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#fff3,#fffffff2,#fff3);border-top-left-radius:18px;border-top-right-radius:18px;height:1px;position:absolute;top:0;left:0;right:0}.glass-panel:hover{box-shadow:var(--shadow-glass-hover);background:#ffffffe0;border-color:#5b8def66;transform:translateY(-2px)}.glass-panel-glow{-webkit-backdrop-filter:blur(20px)saturate(190%);border:1px solid var(--border-color);box-shadow:var(--shadow-glass);background:#fffc;border-radius:18px;transition:all .28s cubic-bezier(.4,0,.2,1);position:relative}.glass-panel-glow:hover{border-color:var(--primary);box-shadow:var(--shadow-glass-hover), 0 0 25px -4px #5b8def40;background:#ffffffeb;transform:translateY(-3px)}.glass-header{-webkit-backdrop-filter:blur(24px)saturate(190%);background:#ffffffc7;border-bottom:1px solid #dce6f0d9;box-shadow:0 4px 20px -2px #243b530d,inset 0 1px 1px #fffffff2}.glass-capsule{-webkit-backdrop-filter:blur(14px)saturate(180%);border:1px solid var(--border-color);background:#ffffffb3;box-shadow:0 2px 10px #243b530a,inset 0 1px 1px #fffc}.glass-well{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#f4f8fca6;border-radius:12px;box-shadow:inset 0 2px 5px #243b5308}.text-gradient{background:linear-gradient(135deg,#5b8def 0%,#9b8afb 50%,#67c9d6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-ai{background:linear-gradient(135deg,#9b8afb 0%,#5b8def 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b8def 0%,#467ae2 100%);border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:.55rem;padding:.8rem 1.6rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #5b8def61,inset 0 1px 1px #fff6}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 8px 24px #5b8def7a,inset 0 1px 1px #fff9}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{-webkit-backdrop-filter:blur(14px)saturate(180%);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:#ffffffbf;border-radius:12px;align-items:center;gap:.55rem;padding:.8rem 1.5rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px #243b530a,inset 0 1px 1px #ffffffe6}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:#fffffff2;transform:translateY(-2px);box-shadow:0 6px 18px #5b8def2e,inset 0 1px 1px #fff}input[type=text],input[type=number],select,textarea{font-family:var(--font-sans);-webkit-backdrop-filter:blur(14px);color:var(--text-primary);border:1px solid var(--border-color);background:#ffffffbf;border-radius:10px;outline:none;transition:all .22s;box-shadow:inset 0 1px 3px #243b530a,0 1px 2px #fffc}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fffffff2;box-shadow:0 0 0 3.5px #5b8def33,inset 0 1px 2px #fff}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .85rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem!important}select option{color:var(--text-primary);background-color:#fff;padding:.75rem 1rem}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.animate-pulse-slow{animation:3s ease-in-out infinite pulse-glow}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}.animate-float{animation:6s ease-in-out infinite float-slow}
