:root{--background:#f9f6fb;--surface:#fff;--surface-hover:#fdf9fb;--surface-border:#fce7ee;--surface-border-subtle:#f8dce5;--foreground:#3a2b42;--foreground-muted:#7a6080;--foreground-subtle:#8a7a90;--primary:#3a2b42;--primary-hover:#231929;--primary-glow:#3a2b421f;--accent:#fee1e8;--accent-hover:#f8c8d9;--accent-border:#f8c8d9;--accent-pink:#f472b6;--error:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--success:#059669;--success-bg:#ecfdf5;--success-border:#a7f3d0;--shadow-sm:0 2px 8px #6d4c630a;--shadow-md:0 8px 24px #6d4c630f;--shadow-lg:0 16px 36px #6d4c6314;--shadow-xl:0 24px 48px #6d4c631f;--font-sans:"Quicksand", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius-sm:10px;--border-radius-md:16px;--border-radius-lg:24px;--border-radius-xl:32px;--border-radius-full:999px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);width:100%;height:100%;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--foreground);font-weight:800;line-height:1.2}p{color:var(--foreground-muted);font-weight:600;line-height:1.6}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.card{background:var(--surface);border:2px solid var(--surface-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:24px;transition:all .2s}.card:hover{border-color:var(--surface-border-subtle);box-shadow:var(--shadow-lg)}.btn{border-radius:var(--border-radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px #3a2b422e}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 24px #3a2b423d}.btn-secondary{color:var(--foreground);border:1.5px solid var(--surface-border);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover:not(:disabled){border-color:var(--accent-border);background:#f9f6fb}.btn-accent{background:var(--accent);color:var(--foreground);border:1px solid var(--accent-border)}.btn-accent:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}label,.form-label{color:var(--foreground);letter-spacing:-.1px;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.form-group{margin-bottom:24px}.form-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px;display:grid}.input,.form-control,input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],select,textarea{border-radius:var(--border-radius-md);border:2px solid var(--surface-border);width:100%;color:var(--foreground);box-sizing:border-box;background:#f9f6fb;outline:none;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.input:focus,.form-control:focus,input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{background:#fff;border-color:#f472b6;box-shadow:0 0 0 3px #f472b626}.badge{border-radius:var(--border-radius-full);letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-accent{background:var(--accent);color:var(--foreground);border:1px solid var(--accent-border)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-gentle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f472b666}50%{box-shadow:0 0 0 14px #f472b600}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{border:3px solid #fce7ee;border-top:3px solid var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin;display:inline-block}.spinner-mini{border:2px solid #fce7ee;border-top:2px solid var(--primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.mascot-bounce{animation:1.8s ease-in-out infinite bounce-gentle;display:inline-block}.pulse-ring{animation:2s infinite pulse-glow}.skeleton-box{background:linear-gradient(90deg,#f9f6fb 25%,#f0eaf8 50%,#f9f6fb 75%) 0 0/200% 100%;border-radius:12px;animation:1.5s infinite shimmer}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-toggle{justify-content:center;align-items:center;display:flex!important}}