@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--color-primary: #C9A84C;--color-primary-light: #E8D9A8;--color-primary-dark: #8B7340;--color-accent: #C9A84C;--color-accent-light: #E8D9A8;--color-secondary: #7B6BB5;--color-background: #0D0D2B;--color-background-alt: #12103A;--color-surface: rgba(20, 18, 55, .82);--color-text: #E8D9A8;--color-text-light: #C9BFA0;--color-text-muted: rgba(232, 217, 168, .55);--color-white: #FFFFFF;--color-border: rgba(201, 168, 76, .28);--color-success: #4CAF7C;--color-error: #E07070;--font-heading: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .35);--shadow-md: 0 8px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:linear-gradient(160deg,#0a0a1e,#0d1030,#0d0d2b);min-height:100vh;color:var(--color-text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#0a0a1ee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.nav-brand a{font-family:var(--font-heading);color:var(--color-primary-light);text-decoration:none;font-size:1.6rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.nav-logo{height:42px;width:42px;border-radius:10px;object-fit:cover;box-shadow:var(--shadow-sm)}.beta-badge{background:var(--color-accent);color:#0a0a1e;font-family:var(--font-body);font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--color-primary-light)}.main-content{flex:1;padding:2rem 1rem 3rem;position:relative}.container{max-width:720px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md)}.auth-container{max-width:560px;margin:0 auto}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;color:var(--color-primary-light)}h1{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:.5rem}h2{font-size:1.5rem;margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.5rem}.subtitle,p{color:var(--color-text-light)}.form-group{margin-bottom:1.25rem}label{display:block;margin-bottom:.4rem;font-size:.85rem;color:var(--color-text-muted);letter-spacing:.04em}input,select,textarea{width:100%;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#08081cb3;color:var(--color-text);font-family:var(--font-body);font-size:1rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #c9a84c33}button{background:linear-gradient(135deg,#c9a84c,#a88b3a);color:#0a0a1e;border:none;padding:.85rem 1.5rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #c9a84c59}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:transparent;color:var(--color-primary-light);border:1px solid var(--color-border)}.reading-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm)}.hero{text-align:center;padding:3rem 1rem 2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:2rem 0}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}.cosmic-page{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;overflow:hidden}.cosmic-panel{width:100%;max-width:640px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg)}.step-eyebrow{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:#c9a84ca6;margin-bottom:.75rem;text-align:center}.gold-divider{width:5rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);margin:1rem auto 1.5rem}.reveal-blurb{font-family:var(--font-heading);font-size:clamp(1.15rem,2.5vw,1.45rem);line-height:1.75;color:var(--color-primary-light);text-align:center}.progress-track{height:4px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .3s ease}.option-card,.option-selected{display:block;width:100%;text-align:left;padding:1rem 1.15rem;border-radius:var(--radius-sm);font-weight:400;line-height:1.45}.option-card{background:#08081c8c;color:var(--color-text-light);border:1px solid var(--color-border)}.option-selected{background:#c9a84c26;color:var(--color-primary-light);border:1px solid var(--color-accent)}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.starfield-star{position:absolute;border-radius:50%;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes twinkle{0%{opacity:.15;transform:scale(1)}to{opacity:.9;transform:scale(1.35)}}.flower-loader{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem}.flower-loader-svg{animation:flower-spin 18s linear infinite;filter:drop-shadow(0 0 18px rgba(201,168,76,.35))}.flower-loader-text{font-family:var(--font-heading);font-size:1.15rem;color:var(--color-primary-light);letter-spacing:.04em;text-align:center;animation:flower-pulse 2.2s ease-in-out infinite}@keyframes flower-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flower-pulse{0%,to{opacity:.55}50%{opacity:1}}.loading{display:flex;justify-content:center;align-items:center;min-height:40vh}@media (max-width: 640px){.navbar{padding:.85rem 1rem}.nav-brand a{font-size:1.25rem}.nav-links{gap:.85rem;font-size:.85rem}.container,.cosmic-panel{padding:1.35rem}}