:root{--bg-deepest: #06111f;--bg-mid: #0d1b2e;--bg-shadow: #070d18;--bg-card: rgba(96, 223, 229, .05);--bg-card-warm: rgba(168, 149, 106, .06);--teal: #60DFE5;--teal-mid: #3EC3C9;--teal-deep: #375D81;--teal-text: rgba(96, 223, 229, .7);--gold: #A8956A;--gold-light: #C9B88A;--gold-deep: rgba(168, 149, 106, .85);--gold-soft: rgba(168, 149, 106, .7);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .55);--text-muted: rgba(255, 255, 255, .4);--border-teal-soft: rgba(96, 223, 229, .15);--border-teal: rgba(96, 223, 229, .3);--border-gold-soft: rgba(168, 149, 106, .2);--border-gold: rgba(168, 149, 106, .35);--font-serif: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--ls-tight: .02em;--ls-base: .05em;--ls-label: .2em;--ls-wide: .3em;--ls-mark: .4em;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 80px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--ease-breath: cubic-bezier(.4, 0, .2, 1);--t-soft: .4s var(--ease-breath);--t-slow: .8s var(--ease-breath);--t-breath: 1.6s var(--ease-breath)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg-deepest);color:var(--text-primary);font-family:var(--font-serif);font-size:16px;line-height:1.7;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;margin:0;letter-spacing:var(--ls-tight)}p{margin:0}a{color:var(--teal);text-decoration:none;transition:opacity var(--t-soft)}a:hover,a:active{opacity:.7}button{font-family:var(--font-serif);background:transparent;border:.5px solid var(--border-teal);color:var(--text-primary);padding:var(--s3) var(--s5);border-radius:var(--radius-lg);cursor:pointer;font-size:13px;letter-spacing:var(--ls-base);transition:all var(--t-soft)}button:hover{background:var(--bg-card);border-color:var(--teal)}button:active{transform:scale(.98)}button.gold{border-color:var(--border-gold);color:var(--gold-light)}button.gold:hover{background:var(--bg-card-warm);border-color:var(--gold)}input,textarea{font-family:var(--font-serif);background:transparent;border:none;border-bottom:.5px solid var(--border-teal);color:var(--text-primary);padding:var(--s3) 0;width:100%;font-size:15px;outline:none;transition:border-color var(--t-soft)}input:focus,textarea:focus{border-bottom-color:var(--teal)}input::placeholder,textarea::placeholder{color:var(--text-muted);font-style:italic}textarea{resize:vertical;min-height:60px}.brand-mark{font-size:11px;letter-spacing:var(--ls-mark);color:var(--teal)}.brand-mark-small{font-size:9px;letter-spacing:.35em;color:var(--text-muted)}.frame-question{font-size:15px;color:var(--gold-light);font-style:italic;line-height:1.7;text-align:center;letter-spacing:var(--ls-tight)}.section-label{font-size:10px;letter-spacing:var(--ls-wide);color:var(--text-muted);text-align:center}.signature{font-size:11px;color:var(--text-secondary);font-style:italic;text-align:center}.signature-teal{color:var(--teal-text)}.divider{width:40px;height:.5px;background:var(--teal-mid);opacity:.4;margin:var(--s5) auto}.divider-gold{width:28px;height:.5px;background:var(--gold);opacity:.45;margin:var(--s4) auto}.divider-soft{width:100%;height:.5px;background:var(--border-teal-soft);margin:var(--s4) 0}.card{background:var(--bg-card);border:.5px solid var(--border-teal);border-radius:var(--radius-md);padding:var(--s4) var(--s5);transition:all var(--t-slow)}.card-warm{background:var(--bg-card-warm);border-color:var(--border-gold)}.card:hover{border-color:var(--teal)}.card-warm:hover{border-color:var(--gold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--t-slow)}.fade-in-slow{animation:fadeIn var(--t-breath)}@keyframes softPulse{0%,to{box-shadow:0 0 #60dfe500}50%{box-shadow:0 0 24px #60dfe51f}}.pulse-new{animation:softPulse 4s var(--ease-breath) infinite}@keyframes breathExpand{0%,to{transform:scale(.62);opacity:.35}50%{transform:scale(1);opacity:.9}}.no-select{user-select:none;-webkit-user-select:none}@media (min-width: 600px){body{font-size:17px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}