:root{--color-primary: #581c87;--color-primary-light: #a855f7;--color-accent: #10b981;--color-accent-light: #34d399;--color-secondary: #fefce8;--color-secondary-dark: #fde047;--color-background-start: #2e1065;--color-background-end: #020617;--color-surface-glass: rgba(10, 26, 20, .6);--color-text-main: #E2E8F0;--color-text-muted: #94A3B8;--color-success: #4ade80;--color-warning: #F59E0B;--color-error: #EF4444;--font-heading: "Outfit", sans-serif;--font-serif: "Playfair Display", serif;--font-body: "Inter", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-lg: 24px}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at 50% 40%,var(--color-background-start) 0%,var(--color-background-end) 100%);background-attachment:fixed;color:var(--color-text-main);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;margin:0;color:var(--color-text-main)}button{font-family:var(--font-heading);font-weight:500;cursor:pointer}.glass-panel{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 4px 30px #0000001a}.text-gradient{background:linear-gradient(to right,#a855f7,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn-primary{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#78350f;border:1px solid #FCD34D;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s;box-shadow:0 0 15px #fde68a33}.btn-primary:hover{background:#fef9c3;transform:translateY(-1px);box-shadow:0 0 20px #fde68a66}.header-container{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;background:transparent;margin-bottom:2rem}.brand-section{display:flex;align-items:center;gap:.75rem}.logo-box{width:2.5rem;height:2.5rem;background-color:var(--color-primary-light);border-radius:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #a855f766}.logo-text{color:#040d0a;font-weight:700;font-size:1.25rem;font-family:var(--font-heading);font-style:italic}.brand-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:#fff;font-family:var(--font-serif)}.user-zone{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:opacity .2s}.user-zone:hover{opacity:.8}.user-text-group{text-align:right;display:none}@media(min-width:640px){.user-text-group{display:block}}.user-label{font-size:.625rem;color:#9ca3af;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0}.user-name{font-size:.875rem;font-weight:600;color:var(--color-accent-light);margin:0}.profile-ring{width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid rgba(168,85,247,.3);padding:2px;box-sizing:border-box;transition:border-color .2s}.user-zone:hover .profile-ring{border-color:var(--color-primary-light)}.profile-avatar{width:100%;height:100%;border-radius:50%;background-color:var(--color-background-start);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.profile-initial{color:var(--color-accent-light);font-size:.75rem;font-weight:700}