@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--bg-color:#060913;--bg-secondary:#0b0f1d;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-color:#3b82f6;--accent-emerald:#10b981;--accent-gold:#f59e0b;--accent-purple:#8b5cf6;--accent-hover:#2563eb;--glass-bg:#0f172aa6;--glass-bg-hover:#1e293bbf;--glass-border:#ffffff14;--glass-border-hover:#3b82f64d;--glass-shadow:0 12px 40px 0 #00000073;--error-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#3b82f61f,#0000 35%),radial-gradient(circle at 90% 40%,#10b9811a,#0000 35%),radial-gradient(circle at 50% 80%,#8b5cf614,#0000 40%);background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,Outfit,sans-serif;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3b82f680}::selection{color:#fff;background:#3b82f64d}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#ffffff26}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);box-shadow:0 4px 20px #3b82f666}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #3b82f699}.btn-emerald{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 20px #10b98166}.btn-emerald:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 30px #10b98199}.btn-ghost{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px)}.text-gradient-cyan{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 50%,#2dd4bf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-emerald{background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.badge-pill{letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-cyan{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d}.badge-emerald{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.badge-gold{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-group input,.input-group select,.input-group textarea{color:#fff;background:#0f172a99;border:1px solid #ffffff1f;border-radius:14px;width:100%;padding:.85rem 1.15rem;font-family:inherit;font-size:1rem;transition:all .3s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--accent-color);background:#0f172ad9;outline:none;box-shadow:0 0 0 3px #3b82f640}.auth-container{width:100%;max-width:440px;margin:auto;padding:3rem 2.5rem;animation:.6s ease-out forwards fadeUp}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.divider{text-align:center;color:var(--text-muted);align-items:center;margin:1.5rem 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--glass-border);flex:1}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes floatOrb{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}.animate-float{animation:6s ease-in-out infinite floatOrb}.error-message{color:var(--error-color);text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;margin-bottom:1rem;padding:.75rem;font-size:.875rem;display:none}.margherita-container{-webkit-backdrop-filter:blur(16px);color:#f8fafc;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;height:500px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.margherita-container.modal-mode{z-index:9999;width:400px;max-width:calc(100vw - 2rem);height:600px;max-height:calc(100vh - 4rem);animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:2rem;right:2rem;box-shadow:0 30px 60px -15px #0009,0 0 0 1px #ffffff1a}.margherita-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.margherita-header-title{align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;display:flex}.margherita-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 10px #3b82f666}.margherita-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.margherita-close:hover{color:#fff;background:#ffffff1a}.margherita-messages{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.margherita-messages::-webkit-scrollbar{width:6px}.margherita-messages::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:10px}.msg-wrapper{flex-direction:column;max-width:85%;animation:.3s ease-out fadeIn;display:flex}.msg-wrapper.user{align-self:flex-end}.msg-wrapper.margherita{align-self:flex-start}.msg-bubble{word-break:break-word;border-radius:18px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.5;box-shadow:0 4px 6px #0000001a}.msg-wrapper.user .msg-bubble{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-bottom-right-radius:4px}.msg-wrapper.margherita .msg-bubble{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff0d;border-bottom-left-radius:4px}.msg-author{color:#94a3b8;margin-bottom:.3rem;padding-left:.5rem;font-size:.75rem}.margherita-input-row{background:#0003;border-top:1px solid #ffffff14;gap:.75rem;padding:1.25rem;display:flex}.margherita-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.margherita-input:focus{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f640}.margherita-input::placeholder{color:#64748b}.margherita-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;justify-content:center;align-items:center;padding:0 1.25rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 10px #3b82f64d}.margherita-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #3b82f666}.margherita-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.typing-indicator{gap:4px;padding:.5rem 0;display:flex}.typing-dot{background:#94a3b8;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}
