@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-base:#0f0f0f;--bg-surface:#161616;--bg-elevated:#1c1c1c;--bg-overlay:#0f0f0fcc;--glass-bg:#ffffff0a;--glass-border:#ffffff1a;--glass-hover:#ffffff14;--glass-blur:16px;--accent-primary:#818cf8;--accent-secondary:#a78bfa;--accent-glow:#818cf833;--accent-gradient:linear-gradient(135deg, #818cf8 0%, #c084fc 100%);--success:#10b981;--warning:#f59e0b;--danger:#f43f5e;--info:#0ea5e9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#475569;--text-accent:#c7d2fe;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0009;--shadow-lg:0 12px 40px #000c;--shadow-glow:0 0 30px var(--accent-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,Inter,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);background:#161616eb}.glass-card{-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);transition:all var(--transition-base);background:#161616d9}.glass-card:hover{background:#1c1c1cf2;border-color:#818cf866;box-shadow:0 20px 40px #0006,0 0 20px #818cf81a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-fade-in{animation:fadeIn var(--transition-base) forwards}.animate-slide-up{animation:slideUp var(--transition-base) forwards}.animate-scale-in{animation:scaleIn var(--transition-base) forwards}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse{animation:3s ease-in-out infinite pulse-soft}.animate-shake{animation:.2s ease-in-out 2 shake}.animate-slide-in-left{animation:slideInLeft var(--transition-base) forwards}.animate-slide-in-right{animation:slideInRight var(--transition-base) forwards}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.max-w-5xl{max-width:64rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.pl-3{padding-left:.75rem}.pl-10{padding-left:2.5rem}.pr-1{padding-right:.25rem}.pr-6{padding-right:1.5rem}.pr-10{padding-right:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-16{margin-bottom:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-12{margin-top:3rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.gap-x-4{column-gap:1rem}.gap-y-2{row-gap:.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.hidden{display:none!important}.block{display:block}.inline{display:inline}.inline-flex{display:inline-flex}@media (min-width:640px){.sm\:flex{display:flex!important}.sm\:inline{display:inline!important}.sm\:hidden{display:none!important}.sm\:max-w-\[200px\]{max-width:200px}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex{display:flex!important}.md\:block{display:block!important}.md\:hidden{display:none!important}.md\:flex-row{flex-direction:row}.md\:w-96{width:24rem}.md\:w-auto{width:auto}.md\:max-w-none{max-width:none}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:gap-4{gap:1rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1280px){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-9{grid-column:span 9/span 9}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.text-center{text-align:center}.text-5xl{font-size:3rem;line-height:1.1}.text-4xl{font-size:2.5rem;line-height:1.2}.text-2xl{font-size:1.5rem;line-height:1.3}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.tracking-tight{letter-spacing:-.02em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-tight{line-height:1.25}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.cursor-grabbing,.active\:cursor-grabbing:active{cursor:grabbing}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast)}.transition-opacity{transition:opacity var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.border{border-style:solid;border-width:1px}.border-2{border-style:solid;border-width:2px}.border-4{border-style:solid;border-width:4px}.border-t{border-top:1px solid}.border-b{border-bottom:1px solid}.border-r{border-right:1px solid}.border-dashed{border-style:dashed}.border-none{border:none}.border-transparent{border-color:#0000}.last\:border-0:last-child{border:0}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:text-primary{color:var(--text-primary)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:translate-x-1{transform:translate(.25rem)}.group:hover .group-hover\:-translate-x-1{transform:translate(-.25rem)}.group:hover .group-hover\:bg-accent{background:#818cf81a}.group\/group:hover .group-hover\/group\:opacity-100{opacity:100}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #818cf84d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #818cf866}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--accent-primary);background:#818cf81f;border:1px solid #818cf840}.btn-secondary:hover{background:#818cf833;border-color:#818cf866}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-md{padding:10px 20px}.btn-lg{padding:14px 28px;font-size:1rem}.input-field{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff08;padding:12px 16px;font-family:inherit;font-size:1rem}.input-field.pl-10{padding-left:2.5rem}.input-field:focus{border-color:var(--accent-primary);background:#ffffff0d;outline:none;box-shadow:0 0 0 4px #818cf81a}.input-field::placeholder{color:var(--text-tertiary)}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:#c4b5fd;background:#a78bfa26;border:1px solid #a78bfa40}.badge-blue{color:#7dd3fc;background:#38bdf826;border:1px solid #38bdf840}.badge-green{color:#6ee7b7;background:#34d39926;border:1px solid #34d39940}.badge-orange{color:#fdba74;background:#fb923c26;border:1px solid #fb923c40}.badge-red{color:#fca5a5;background:#f8717126;border:1px solid #f8717140}.bg-black\/60{background-color:#0009}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::selection{color:#fff;background:#818cf84d}a{color:inherit;text-decoration:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-inner{box-shadow:inset 0 2px 4px #0000004d}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:translate-y-neg:hover{transform:translateY(-4px)}.hover\:underline:hover{text-decoration:underline}.auth-bg{background-color:#050505;background-image:radial-gradient(at 0 0,#6366f10d 0,#0000 50%),radial-gradient(at 100% 100%,#a78bfa0d 0,#0000 50%)}.auth-card{-webkit-backdrop-filter:blur(24px);transition:all var(--transition-base);background:#14141499;border:1px solid #ffffff0d;border-radius:24px;padding:40px;box-shadow:0 30px 60px #000c,inset 0 1px #ffffff1a}.auth-card:hover{border-color:#818cf84d;box-shadow:0 40px 80px #000000e6,0 0 40px #818cf81a,inset 0 1px #ffffff26}.auth-logo-container{color:#fff;width:72px;height:72px;transition:all var(--transition-base);background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);border-radius:20px;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:inline-flex;box-shadow:0 12px 30px #818cf84d}.auth-logo-container:hover{transform:scale(1.08)rotate(3deg);box-shadow:0 16px 40px #818cf873}.auth-title{color:#fff;letter-spacing:-.03em;margin-bottom:8px;font-size:2.25rem;font-weight:800}.auth-subtitle{color:#94a3b8;font-size:.95rem;font-weight:500}.auth-label{color:#64748b;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;margin-bottom:6px;padding-left:4px;padding-right:4px;font-size:.75rem;font-weight:700;display:flex}.auth-input-wrapper{position:relative}.auth-input-icon{color:#475569;transition:color var(--transition-fast);align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-input-wrapper:focus-within .auth-input-icon{color:#818cf8}.auth-input{color:#fff;width:100%;transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:14px 16px 14px 46px;font-family:inherit;font-size:.95rem}.auth-input:focus{background:#ffffff0a;border-color:#818cf880;outline:none;box-shadow:0 0 0 4px #818cf826,0 8px 20px #0000004d}.auth-input::placeholder{color:#334155}.auth-button{color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;width:100%;transition:all var(--transition-base);background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 8px 24px #818cf840}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#8591f8 0%,#ac91fa 100%);transform:translateY(-2px);box-shadow:0 12px 30px #818cf866}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.auth-error-box{color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:.85rem;font-weight:700;animation:.2s ease-in-out 2 shake;display:flex}.auth-footer{text-align:center;color:#64748b;border-top:1px solid #ffffff0d;margin-top:28px;padding-top:20px;font-size:.85rem}.auth-link{color:#818cf8;transition:color var(--transition-fast);align-items:center;gap:4px;font-weight:700;display:inline-flex}.auth-link:hover{color:#a78bfa}.auth-badge-success{color:#10b981}.auth-badge-error{color:#f43f5e}.auth-badge-warning{color:#fb923c}.auth-container{width:100%;max-width:440px;margin-left:auto;margin-right:auto}