*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary:#4527a0;--primary-light:#7c4dff;--primary-bg:rgba(69,39,160,.06);--accent:#00c853;--bg:#f8f9fc;--card:#ffffff;--border:#e8eaf0;--text:#1a1a2e;--muted:#64748b;--dim:#94a3b8;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--sans:"Inter",system-ui,-apple-system,sans-serif;--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 10px 40px rgba(0,0,0,.1);--radius:10px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6}.nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:0 48px;height:64px;display:flex;align-items:center;justify-content:space-between;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 1px 2px #0000000a}.nlogo{font-size:20px;font-weight:800;color:var(--primary);letter-spacing:-.5px;cursor:pointer;text-decoration:none}.nlogo em{font-style:normal;color:var(--text)}.nlinks{display:flex;gap:8px;list-style:none;align-items:center;margin-left:auto}.nlinks a{color:var(--muted);font-size:13px;font-weight:500;text-decoration:none;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .15s}.nlinks a:hover{color:var(--primary);background:var(--primary-bg)}.nlinks a.active{color:var(--primary);background:var(--primary-bg);font-weight:600}.btn{padding:10px 22px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .15s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #4527a040}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 16px #4527a04d}.btn-outline{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-danger{background:#ef444414;color:var(--danger);border:1px solid rgba(239,68,68,.15)}.btn-danger:hover{background:#ef444426}.btn-success{background:#22c55e14;color:var(--success);border:1px solid rgba(34,197,94,.15)}.btn-sm{padding:7px 14px;font-size:12px}.hero{min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 60px;text-align:center;position:relative;background:linear-gradient(180deg,#f0eef9 0%,var(--bg) 100%)}.h1{font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1;color:var(--text);letter-spacing:-1.5px;margin-bottom:20px}.h1 em{font-style:normal;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hsub{font-size:17px;color:var(--muted);max-width:520px;line-height:1.7;margin-bottom:36px}.hbtns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;padding:28px 48px;display:flex;justify-content:center;gap:64px;flex-wrap:wrap}.snum{font-size:32px;font-weight:800;color:var(--primary);line-height:1}.sdesc{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px;text-align:center;font-weight:500}.sec{padding:80px 48px;max-width:1200px;margin:0 auto}.sw{background:#fff}.sw2{background:var(--bg)}.stag{font-size:12px;font-weight:700;color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.stitle{font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.15;color:var(--text);letter-spacing:-.5px}.stitle em{font-style:normal;color:var(--primary)}.sline{width:48px;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:3px;margin:14px 0}.ssub{font-size:15px;color:var(--muted)}.foot{border-top:1px solid var(--border);padding:40px 48px;text-align:center;background:#fff}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.3px;margin-bottom:6px}.form-input{width:100%;padding:11px 14px;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:var(--sans);outline:none;transition:all .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4527a01a}.form-input::placeholder{color:var(--dim)}.form-error{color:var(--danger);font-size:12px;margin-top:4px}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s;box-shadow:var(--shadow)}.card:hover{box-shadow:var(--shadow-md);border-color:#d0d5dd}.page{padding:88px 48px 48px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:28px}.page-title{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.3px;margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600}.badge-success{background:#22c55e1a;color:var(--success)}.badge-danger{background:#ef44441a;color:var(--danger)}.badge-primary{background:var(--primary-bg);color:var(--primary)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:600;color:var(--dim);padding:10px 16px;border-bottom:2px solid var(--border)}.table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:var(--text)}.table tr:hover td{background:#fafbfc}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#f0eef9,#e8f5e9)}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:44px;box-shadow:var(--shadow-lg)}.auth-title{font-size:28px;font-weight:800;color:var(--text);margin-bottom:6px;text-align:center}.auth-subtitle{font-size:14px;color:var(--muted);text-align:center;margin-bottom:28px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--dim)}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#e2e8f0;border-radius:24px;transition:.2s}.toggle .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0000001a}.toggle input:checked+.slider{background:var(--primary)}.toggle input:checked+.slider:before{transform:translate(20px)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:300}.hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .25s}.nav-overlay{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}@media(max-width:900px){.nav{padding:0 20px}.hamburger{display:flex}.nlinks{display:none;flex-direction:column;position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;border-left:1px solid var(--border);padding:80px 24px 32px;gap:4px;z-index:250;box-shadow:var(--shadow-lg)}.nlinks-open{display:flex}.nlinks li{width:100%}.nlinks a,.nlinks .btn{width:100%;text-align:center;padding:12px 16px;display:block;border-radius:8px}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:240}.sec,.page{padding-left:20px;padding-right:20px}.page{padding-top:80px}.sbar{gap:32px;padding:24px 20px}.grid-2,.grid-3{grid-template-columns:1fr}}