@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-display:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb59;--secondary:#6366f1;--secondary-glow:#6366f140;--accent:#f59e0b;--success:#10b981;--error:#ef4444;--bg-app:#f8fafc;--bg-radial:radial-gradient(circle at 10% 20%, #f3f4f6 0%, #e5ecfae6 90%);--bg-card:#ffffffa6;--bg-nav:#ffffffb3;--border-color:#e2e8f0cc;--text-main:#0f172a;--text-muted:#475569;--text-disabled:#94a3b8;--text-on-primary:#fff;--glass-bg:#ffffff8c;--glass-border:#ffffff80;--glass-shadow:#2563eb0d;--glass-blur:24px;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-md:0 12px 20px -8px #2563eb14, 0 4px 12px -2px #00000008;--shadow-lg:0 25px 50px -12px #2563eb1f;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.35s cubic-bezier(.4, 0, .2, 1);--transition-slow:.8s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-app);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.glass-nav{-webkit-backdrop-filter:blur(16px);background:#fffc;border-bottom:1px solid #ffffff80}.glass-panel{-webkit-backdrop-filter:blur(24px);background:#ffffffa6;border:1px solid #fffc;box-shadow:0 4px 30px #0000000d}body.dark-theme{--primary:#3b82f6;--primary-hover:#60a5fa;--primary-glow:#3b82f666;--secondary:#818cf8;--secondary-glow:#818cf84d;--bg-app:#070b18;--bg-radial:radial-gradient(circle at top right, #0d1527, #070b18 70%);--bg-card:#0f172a8c;--bg-nav:#070b18bf;--border-color:#ffffff0f;--text-main:#f8fafc;--text-muted:#94a3b8;--text-disabled:#475569;--glass-bg:#0f172a73;--glass-border:#ffffff0a;--glass-shadow:#0006;--glass-blur:24px;--shadow-sm:0 4px 6px -1px #0003;--shadow-md:0 12px 24px -8px #00000080;--shadow-lg:0 30px 60px -15px #000000b3}*{box-sizing:border-box;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background:var(--bg-radial);color:var(--text-main);transition:background var(--transition-normal), color var(--transition-normal);min-height:100vh;position:relative;overflow-x:hidden}.glow-orbs{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(140px);opacity:.35;mix-blend-mode:screen;border-radius:50%;animation:25s ease-in-out infinite alternate drift;position:absolute}body.dark-theme .orb{opacity:.15}.orb-1{background:radial-gradient(circle, var(--primary) 0%, #2563eb00 70%);width:450px;height:450px;top:-10%;right:10%}.orb-2{background:radial-gradient(circle, var(--secondary) 0%, #6366f100 70%);width:500px;height:500px;animation-duration:35s;animation-delay:-5s;bottom:-15%;left:5%}.orb-3{background:radial-gradient(circle,#38bdf8 0%,#38bdf800 70%);width:350px;height:350px;animation-duration:20s;animation-delay:-2s;top:40%;right:-5%}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-60px)scale(1.1)}to{transform:translate(-30px,40px)scale(.95)}}nav.glass-card{-webkit-backdrop-filter:blur(12px)saturate(180%);border-bottom:1px solid var(--border-color);box-shadow:0 4px 30px #00000008}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);border-radius:var(--radius-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);padding:28px}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#2563eb40;transform:translateY(-5px)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.15}h1{background:linear-gradient(135deg, var(--text-main) 30%, var(--primary) 70%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:3.5rem}h2{background:linear-gradient(135deg, var(--text-main) 60%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem}p{font-size:1rem;line-height:1.6}.auth-landing-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:40px 24px;display:grid}@media (width<=900px){.auth-landing-grid{grid-template-columns:1fr;gap:32px;padding:24px}}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;color:var(--text-main);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-fast);background-color:#ffffff4d;padding:12px 16px;font-size:.95rem;font-weight:500}body.dark-theme .form-input{background-color:#0f172a66}.form-input:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:var(--text-on-primary)}.btn-primary:hover{box-shadow:0 10px 20px -5px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{background-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{background-color:var(--text-disabled);transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary);color:var(--primary);box-shadow:none;background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:#fff;box-shadow:0 8px 16px -4px var(--primary-glow);transform:translateY(-2px)}.quick-action-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:32px;display:grid}.quick-action-grid .glass-card{cursor:pointer;text-align:center;border:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.quick-action-grid .glass-card:hover{border-color:var(--primary);background:linear-gradient(135deg, var(--glass-bg) 0%, #2563eb0d 100%)}.machine-container-frame{border-radius:var(--radius-lg);background:radial-gradient(circle,#2563eb1f 0%,#0000 70%);justify-content:center;align-items:center;padding:40px;animation:6s ease-in-out infinite hover-float;display:flex;position:relative}@keyframes hover-float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.timeline:before{background:linear-gradient(to bottom, var(--primary), var(--secondary))}.timeline-dot{background:var(--bg-card);border-color:var(--border-color)}.timeline-item.active .timeline-dot{background:var(--primary);border-color:var(--bg-card);box-shadow:0 0 0 6px var(--primary-glow)}.timeline-item.completed .timeline-dot{background:var(--success);border-color:var(--bg-card)}