:root{--purple:#8b5cf6;--purple-600:#7c3aed;--purple-50:#f5f3ff;--bg:#fbf8ff;--surface:#fff;--text:#171022;--muted:#6b7280;--line:#e9e2ff;--grad:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 55%,#c4b5fd 100%);--shadow:0 16px 48px #8b5cf626;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui;background:var(--bg);color:var(--text);min-height:100vh;background-image:radial-gradient(1200px 600px at 20% -10%,#8b5cf614 0%,transparent 60%)}header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--purple) 10%,var(--line));display:flex;align-items:center;justify-content:space-between;padding:14px 28px}.logo{display:flex;align-items:center;gap:10px;font-family:Manrope;font-weight:800;font-size:19px;letter-spacing:-.6px}.logo i{width:32px;height:32px;background:var(--grad);border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 4px 12px #8b5cf633}.logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}nav{display:flex;gap:8px;align-items:center}nav a{font-size:13px;color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:10px;transition:.3s var(--ease)}nav a:hover{background:var(--purple-50);color:var(--purple-600)}.main{max-width:900px;margin:0 auto;padding:32px 24px}h1{font-family:Manrope;font-size:32px;letter-spacing:-.6px;margin-bottom:8px}.sub{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:24px}.card{border-radius:20px;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 96%,var(--purple-50)));border:1px solid color-mix(in srgb,var(--purple) 10%,var(--line));padding:20px;transition:.4s var(--ease);margin-bottom:14px;cursor:pointer}.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000000f;border-color:color-mix(in srgb,var(--purple) 24%,var(--line))}.card b{display:block;font-size:15px;margin-bottom:6px}.card small{color:var(--muted);font-size:12px;line-height:1.5}.form{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #00000006}.form input,.form textarea{padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:14px;outline:none;transition:.3s var(--ease);font-family:Inter}.form input:focus,.form textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px #8b5cf61a}.btn{border:none;cursor:pointer;font-weight:600;border-radius:12px;padding:12px 18px;font-size:13px;transition:.35s var(--ease);display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 4px 14px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px)}.mandatory{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 50% -20%,#8b5cf61e,transparent 60%),linear-gradient(180deg,#fbf8fffa,#f5f3fff5);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.mandatory-card{background:linear-gradient(180deg,#fff,#fdfcff);border:1px solid #e9e2ff;border-radius:24px;padding:32px;max-width:400px;width:100%;box-shadow:0 32px 80px #8b5cf626;text-align:center;position:relative;overflow:hidden}.mandatory-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad)}.mandatory-card h2{font-size:22px;font-weight:800;letter-spacing:-.5px;margin:16px 0 8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mandatory-card p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:20px}