@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0d0d0f;--bg-secondary:#16161a66;--bg-surface:#1e1e2399;--text-primary:#f2f2f3;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-gradient:linear-gradient(135deg, #f36, #f73);--accent-hover:#f36;--border-color:#ffffff14;--border-highlight:#ffffff26;--glass-bg:#ffffff05;--glass-blur:blur(40px) saturate(150%);--glass-border:1px solid #ffffff0d;--shadow-sm:0 2px 8px #0000004d, inset 0 1px 1px #ffffff0d;--shadow-md:0 8px 24px #0006, 0 2px 6px #0003, inset 0 1px 2px #ffffff14;--shadow-lg:0 16px 40px #00000080, 0 4px 12px #0000004d, inset 0 1px 3px #ffffff1a;--shadow-glow:0 0 20px #7c3aed26;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:.4s cubic-bezier(.16, 1, .3, 1)}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientPan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes leafFall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}@keyframes leafSway{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(30px)rotate(15deg)}}.app-background{background:radial-gradient(circle at top right, #7c3aed14 0%, transparent 40%), radial-gradient(circle at bottom left, #ff007f0d 0%, transparent 40%), var(--bg-primary);z-index:-2;position:fixed;inset:0}.gradient-text{background:linear-gradient(90deg,#f36,#f73,#7c3aed,#f36) 0 0/300% 300%;color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:8s infinite gradientPan;display:inline-block}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);box-shadow:var(--shadow-md);padding:32px;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:var(--border-highlight);background:#ffffff0a;transform:translateY(-4px)scale(1.005)}.bento-grid{flex-direction:column;gap:24px;display:flex}.bento-item{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition);padding:24px}.bento-item:hover{box-shadow:var(--shadow-lg);border-color:var(--border-highlight);transform:translateY(-2px)}@media (width>=769px){.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:24px;display:grid}.bento-item:first-child{grid-area:span 2/span 2}.bento-item:nth-child(2){grid-area:span 1/span 2}.bento-item:nth-child(3),.bento-item:nth-child(4){grid-area:span 1/span 1}}.btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #ffffff26;min-height:44px;padding:14px 28px;font-size:15px;font-weight:600;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--accent-gradient);z-index:-1;opacity:.8;transition:opacity var(--transition);position:absolute;inset:0}.btn-primary:hover{box-shadow:var(--shadow-md);border-color:#ffffff4d;transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);background:#ffffff08;min-height:44px;padding:12px 26px;font-size:15px;font-weight:500}.btn-secondary:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md);background:#ffffff14;transform:translateY(-2px)}.input-field{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);box-sizing:border-box;width:100%;transition:all var(--transition);background:#0a0a0c80;min-height:44px;padding:14px 20px;font-family:JetBrains Mono,monospace;font-size:15px;box-shadow:inset 0 2px 4px #0003}.input-field:focus{background:#0f0f14cc;border-color:#ff773380;outline:none;box-shadow:inset 0 2px 4px #0003,0 0 0 3px #ff773326}.modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#05050699;justify-content:center;align-items:center;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--glass-bg);border-radius:var(--radius-lg);width:90%;max-width:600px;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0d inset;border:1px solid #ffffff1a;padding:40px;animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.fade-in{animation:.8s ease-out forwards fadeIn}h1,h2,h3,h4{letter-spacing:-.03em;margin-top:0;font-weight:700}.code-font{color:#e4e4e7;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.9em}@media (width<=768px){.dashboard-container{padding:16px!important}.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.dashboard-grid{grid-template-columns:1fr!important;gap:16px!important}.bento-grid{flex-direction:column;gap:16px;display:flex}.bento-item{padding:20px;grid-area:span 1/span 1!important}h1{font-size:2rem!important}.navbar-wrapper{margin-bottom:1rem!important}.navbar{box-sizing:border-box;border-radius:20px!important;flex-direction:column!important;gap:16px!important;width:100%!important;padding:16px!important}.navbar-buttons{width:100%;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.navbar-buttons>button{text-align:center;flex:calc(50% - 8px);justify-content:center}.navbar-buttons>div{display:none}.LiveCopilot-container{flex-direction:column!important;gap:16px!important;height:auto!important;padding:8px!important}.live-panel-left,.live-panel-right{box-sizing:border-box;flex:none!important;width:100%!important;height:auto!important;min-height:50vh!important}.glass-card{padding:20px!important}.btn-primary,.btn-secondary,.input-field{min-height:48px;font-size:16px}.btn-primary,.btn-secondary{text-align:center;justify-content:center;align-items:center;width:100%;display:flex}.modal-overlay{align-items:flex-end!important}.modal-content{box-sizing:border-box;border-bottom:none;margin:0;border-radius:32px 32px 0 0!important;width:100%!important;max-width:100vw!important;padding:32px 24px!important;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpSheet!important}.modal-content:before{content:"";background:#fff3;border-radius:2px;width:40px;height:4px;margin:-16px auto 24px;display:block}.flex-between{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.flex-between>button{width:100%!important}}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}