@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #12102a;--card: #1e1b3a;--card-border: #2a2550;--gold: #C9A84C;--gold-dark: #a8873a;--text: #f0eaff;--text-secondary: #b8a9d4;--font-title: "Cormorant Garamond", serif;--font-body: "Nunito", sans-serif}html,body,#root{height:100%;width:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}::selection{background:#c9a84c4d}h1,h2,h3,h4{font-family:var(--font-title);font-weight:500;letter-spacing:.02em}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg);border:none;border-radius:8px;padding:12px 28px;font-family:var(--font-body);font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.08em;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-transform:uppercase}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 25px #c9a84c66}.btn-gold:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--gold);border:1px solid var(--gold);border-radius:8px;padding:10px 22px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.05em;transition:all .3s ease}.btn-ghost:hover{background:#c9a84c1a}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px}.input{background:#ffffff0d;border:1px solid var(--card-border);border-radius:10px;padding:12px 16px;color:var(--text);font-family:var(--font-body);font-size:15px;width:100%;outline:none;transition:border-color .3s}.input:focus{border-color:var(--gold);background:#c9a84c0d}.input::placeholder{color:var(--text-secondary);opacity:.6}.label{display:block;color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.separator{height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent);opacity:.4;margin:20px 0}.layout{position:relative;min-height:100vh;z-index:1}@keyframes pulse-gold{0%,to{box-shadow:0 0 8px #c9a84c66}50%{box-shadow:0 0 20px #c9a84ccc,0 0 40px #c9a84c4d}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.fade-in{animation:fadeIn .6s ease forwards}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23C9A84C' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}select.input option{background:var(--card);color:var(--text)}textarea.input{resize:vertical;min-height:120px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;color:var(--text-secondary);font-size:14px;line-height:1.5}.checkbox-label input[type=checkbox]{width:18px;height:18px;min-width:18px;accent-color:var(--gold);cursor:pointer;margin-top:2px}.toggle-wrap{display:flex;align-items:center;gap:12px}.toggle{position:relative;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-border);border-radius:24px;cursor:pointer;transition:.3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:var(--text-secondary);border-radius:50%;transition:.3s}.toggle input:checked+.toggle-slider{background:var(--gold)}.toggle input:checked+.toggle-slider:before{transform:translate(20px);background:var(--bg)}.stars{display:flex;gap:4px}.star{font-size:24px;cursor:pointer;transition:transform .2s;filter:grayscale(1) opacity(.4)}.star.active{filter:none}.star:hover{transform:scale(1.2)}.navbar{background:#12102af2;border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.page{max-width:900px;margin:0 auto;padding:24px 16px 80px}@media (max-width: 640px){.page{padding:16px 12px 80px}.card{padding:16px}h1{font-size:2rem}h2{font-size:1.6rem}}
