*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #080720;--color-bg-2: #0d0b2b;--color-surface: rgba(255, 255, 255, .04);--color-surface-hover: rgba(255, 255, 255, .08);--color-surface-active: rgba(212, 175, 55, .1);--color-border: rgba(255, 255, 255, .08);--color-border-gold: rgba(212, 175, 55, .4);--color-primary: #302b63;--color-primary-light: #4a4499;--color-gold: #d4af37;--color-gold-light: #e8c94a;--color-gold-dim: rgba(212, 175, 55, .2);--color-text: #f0eeff;--color-text-muted: rgba(240, 238, 255, .55);--color-text-faint: rgba(240, 238, 255, .3);--color-success: #22c55e;--color-error: #f87171;--color-warning: #fbbf24;--grad-primary: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--grad-gold: linear-gradient(90deg, #d4af37, #f5d060, #d4af37);--grad-card: linear-gradient(135deg, rgba(48, 43, 99, .3), rgba(36, 36, 62, .3));--grad-bar: linear-gradient(90deg, #302b63, #d4af37);--glass-bg: rgba(15, 12, 41, .6);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-blur: blur(16px);--font-serif: "Playfair Display", Georgia, serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;background-attachment:fixed}#root{min-height:100vh}.bg-animated{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--grad-primary);overflow:hidden}.bg-animated:before{content:"";position:absolute;top:-40%;left:-20%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%);animation:float 12s ease-in-out infinite}.bg-animated:after{content:"";position:absolute;bottom:-30%;right:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(48,43,99,.5) 0%,transparent 70%);animation:float 16s ease-in-out infinite reverse}h1,h2,h3{font-family:var(--font-serif);line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}h2{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:600}h3{font-size:1.1rem;font-weight:600}p{line-height:1.7;color:var(--color-text-muted)}a{color:var(--color-gold);text-decoration:none}a:hover{color:var(--color-gold-light)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 48px #00000080;border-color:var(--color-border-gold)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-base);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--grad-gold);color:#0f0c29;font-weight:700;letter-spacing:.3px;box-shadow:0 4px 20px #d4af374d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #d4af3773}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--glass-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-gold)}.btn-outline{background:transparent;color:var(--color-gold);border:1px solid var(--color-border-gold)}.btn-outline:hover:not(:disabled){background:var(--color-gold-dim)}.btn-danger{background:#f871711a;color:var(--color-error);border:1px solid rgba(248,113,113,.3)}.btn-danger:hover:not(:disabled){background:#f8717133}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{padding:8px;border-radius:var(--radius-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:13px;font-weight:500;color:var(--color-text-muted);letter-spacing:.3px}.form-label .required{color:var(--color-gold);margin-left:3px}.form-input,.form-select,.form-textarea{width:100%;padding:11px 15px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:15px;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);outline:none;-webkit-appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-gold);background:#d4af370d;box-shadow:0 0 0 3px #d4af371f}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-faint)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-error);box-shadow:0 0 0 3px #f871711f}.form-textarea{min-height:120px;resize:vertical;line-height:1.6}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}.form-select option{background:#1a1740;color:var(--color-text)}.form-error{font-size:12px;color:var(--color-error);display:flex;align-items:center;gap:4px}.rating-grid{display:flex;gap:var(--space-sm)}.rating-btn{flex:1;aspect-ratio:1 / 1;max-width:52px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.rating-btn:hover{background:var(--color-gold-dim);border-color:var(--color-border-gold);color:var(--color-gold)}.rating-btn.selected{background:var(--grad-gold);border-color:transparent;color:#0f0c29;box-shadow:0 4px 16px #d4af3759;transform:scale(1.08)}.radio-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.radio-pill{padding:8px 18px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--color-surface);color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.radio-pill:hover{border-color:var(--color-border-gold);color:var(--color-text)}.radio-pill.selected{background:var(--color-gold-dim);border-color:var(--color-gold);color:var(--color-gold);font-weight:600}.progress-bar-track{width:100%;height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--grad-gold);transition:width .5s cubic-bezier(.4,0,.2,1)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:default}.badge-active{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.badge-draft{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.badge-closed{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.2)}.badge-clickable{cursor:pointer;transition:all var(--transition-fast)}.badge-clickable:hover{opacity:.8;transform:scale(.97)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--glass-border)}.data-table td{padding:13px 16px;font-size:14px;color:var(--color-text-muted);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:background var(--transition-fast)}.data-table tr:hover td{background:var(--color-surface);color:var(--color-text)}.analytics-bar{margin-bottom:16px}.analytics-bar-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.analytics-bar-label{font-size:13px;color:var(--color-text-muted);flex:1;padding-right:12px}.analytics-bar-value{font-size:13px;font-weight:600;color:var(--color-gold);white-space:nowrap}.analytics-bar-track{height:8px;background:#ffffff12;border-radius:var(--radius-full);overflow:hidden}.analytics-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--grad-bar);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.4,0,.2,1)}.analytics-bar-fill.animated{transform:scaleX(1)}.site-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--glass-border);background:#080720b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.site-logo{display:flex;flex-direction:column}.site-logo-title{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--color-text);letter-spacing:.5px}.site-logo-subtitle{font-size:10px;color:var(--color-gold);letter-spacing:2px;text-transform:uppercase;font-weight:500}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;flex-shrink:0;background:#080720d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:28px 16px;position:fixed;top:0;left:0;height:100vh;z-index:50}.admin-logo{padding:0 8px 28px;border-bottom:1px solid var(--glass-border);margin-bottom:20px}.admin-logo-title{font-family:var(--font-serif);font-size:15px;font-weight:700;color:var(--color-text);line-height:1.3}.admin-logo-sub{font-size:10px;color:var(--color-gold);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px}.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);font-size:14px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);text-decoration:none;border:none;background:none;font-family:var(--font-sans);width:100%;text-align:left}.admin-nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.admin-nav-item.active{background:var(--color-gold-dim);color:var(--color-gold);font-weight:500}.admin-content{margin-left:240px;flex:1;min-height:100vh;padding:32px}.page-container{max-width:1100px;margin:0 auto;padding:40px 24px}.page-hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl);position:relative}.page-hero-eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--color-gold);margin-bottom:12px}.page-hero-title{margin-bottom:16px;background:linear-gradient(135deg,var(--color-text),var(--color-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero-desc{font-size:16px;color:var(--color-text-muted);max-width:520px;margin:0 auto}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.template-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--glass-border);cursor:pointer;text-align:center;transition:all var(--transition-base);text-decoration:none}.template-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-gold);transform:translateY(-3px);box-shadow:0 8px 24px #d4af371a}.template-card-icon{font-size:32px;line-height:1}.template-card-name{font-size:13px;font-weight:600;color:var(--color-text)}.template-card-desc{font-size:11px;color:var(--color-text-muted);line-height:1.5}.form-wizard{max-width:680px;margin:0 auto;padding:24px}.form-wizard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.form-wizard-step-label{font-size:12px;color:var(--color-text-muted);font-weight:500}.form-wizard-category{font-family:var(--font-serif);font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:24px;margin-top:12px}.form-wizard-actions{display:flex;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--glass-border)}.question-card{padding:var(--space-lg);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid var(--glass-border);margin-bottom:var(--space-md);transition:border-color var(--transition-base)}.question-card:focus-within{border-color:#d4af374d}.question-text{font-size:15px;color:var(--color-text);font-weight:500;margin-bottom:var(--space-md);line-height:1.5}.voice-recorder{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:#d4af370d;border:1px dashed rgba(212,175,55,.25)}.voice-recorder-idle{display:flex;align-items:center;gap:var(--space-sm);justify-content:center}.voice-recorder-recording{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.voice-timer{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-error);font-family:var(--font-sans)}.voice-pulse{width:12px;height:12px;border-radius:50%;background:var(--color-error);animation:pulse 1s ease-in-out infinite;flex-shrink:0}.voice-preview{display:flex;flex-direction:column;gap:var(--space-md);align-items:stretch}.voice-preview audio{width:100%;border-radius:var(--radius-sm)}.voice-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.voice-transcript-toggle{font-size:12px;color:var(--color-text-muted);cursor:pointer}.voice-transcript-toggle summary{list-style:none;display:flex;align-items:center;gap:4px}.voice-transcript-toggle summary::-webkit-details-marker{display:none}.voice-transcript-content{font-size:13px;color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);background:#ffffff08;border-radius:var(--radius-sm);margin-top:var(--space-sm);line-height:1.6;font-style:italic}.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:var(--space-xl)}.success-icon{width:80px;height:80px;border-radius:50%;background:#22c55e26;border:2px solid rgba(34,197,94,.4);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:var(--space-lg);animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.reference-badge{display:inline-block;padding:10px 24px;background:var(--color-gold-dim);border:1px solid var(--color-border-gold);border-radius:var(--radius-full);font-family:monospace;font-size:17px;font-weight:700;color:var(--color-gold);letter-spacing:2px;margin:var(--space-lg) 0}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:500;display:flex;align-items:flex-start;gap:var(--space-sm)}.alert-error{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:var(--color-error)}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#4ade80}.alert-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:var(--color-warning)}.spinner{width:20px;height:20px;border:2px solid rgba(212,175,55,.2);border-top-color:var(--color-gold);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-lg{width:40px;height:40px;border-width:3px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080720b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.5s infinite}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.section-title-group{display:flex;flex-direction:column;gap:4px}.section-eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-gold)}.divider{height:1px;background:var(--glass-border);margin:var(--space-xl) 0}.category-section{border-left:2px solid var(--color-gold);padding-left:var(--space-md);margin-bottom:var(--space-xl)}.category-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-md)}@media (max-width: 768px){.admin-sidebar{display:none}.admin-content{margin-left:0;padding:20px 16px}.template-grid{grid-template-columns:repeat(2,1fr)}.form-wizard{padding:16px}.rating-grid{gap:6px}}@media (max-width: 480px){.template-grid{grid-template-columns:1fr 1fr}.form-wizard-actions{flex-direction:column-reverse}}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-slideUp{animation:slideUp .5s ease forwards}.animate-slideUp-delay-1{animation:slideUp .5s .1s ease both}.animate-slideUp-delay-2{animation:slideUp .5s .2s ease both}.animate-slideUp-delay-3{animation:slideUp .5s .3s ease both}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-gold)}.text-sm{font-size:13px}.text-xs{font-size:11px}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.grid{display:grid}.relative{position:relative}.hidden{display:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}