*,*:before,*:after{box-sizing:border-box}:root{--primary: #6c47d4;--primary-light: #8b6de0;--primary-dark: #4f32a8;--accent: #c084fc;--bg: #f5f4ff;--bg-card: #ffffff;--text: #1a1523;--text-muted: #6b7280;--border: #e5e7eb;--radius: 16px;--shadow: 0 4px 24px rgba(108, 71, 212, .08);--shadow-lg: 0 12px 40px rgba(108, 71, 212, .15);font-family:Inter,system-ui,sans-serif}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Playfair Display,serif;margin:0}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}*{margin:0;padding:0}.container{max-width:800px;margin:0 auto;padding:0 20px}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;font-size:15px;font-weight:600;border:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 16px #6c47d44d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6c47d466}.btn-outline{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:#6c47d40d}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:#0000000a;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600}.spinner{width:40px;height:40px;border:3px solid rgba(108,71,212,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{height:6px;background:#6c47d41f;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;transition:width .4s ease}.navbar{position:sticky;top:0;z-index:100;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.navbar-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:10px;font-family:Playfair Display,serif;font-weight:700;font-size:17px;color:var(--text)}.logo-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.navbar-links{display:flex;align-items:center;gap:4px}.nav-link{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-muted);background:none;border:none;transition:all .15s}.nav-link:hover{background:#6c47d40f;color:var(--text)}.nav-link.active{background:#6c47d414;color:var(--primary)}@media (max-width: 600px){.navbar-links{display:none}.navbar-mobile-links{display:flex}}.navbar-cta{padding:8px 20px;font-size:14px}.page{min-height:calc(100vh - 64px);padding:40px 20px}