@font-face{font-family:"PT Serif";src:url(/fonts/PTSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PT Serif";src:url(/fonts/PTSerif-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"PT Serif";src:url(/fonts/PTSerif-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:PT Sans;src:url(/fonts/PTSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Sans;src:url(/fonts/PTSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:PT Sans,sans-serif;background:radial-gradient(circle at top,#241f38,#150f24 60%,#0c0917);color:#f3ede0;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.screen{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.home-screen{gap:32px}.home-content{display:flex;flex-direction:column;align-items:center;gap:20px}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:13px;color:#c9a86a;margin:0}h1{font-family:"PT Serif",serif;font-size:clamp(28px,5vw,44px);line-height:1.3;margin:0}h2{font-family:"PT Serif",serif;font-size:clamp(24px,4vw,32px);margin:0}.subtitle{color:#b8adda;font-size:17px;line-height:1.6;max-width:480px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:999px;font-family:PT Sans,sans-serif;font-size:16px;font-weight:700;cursor:pointer;border:none;text-decoration:none;transition:transform .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#c9a86a,#a5824a);color:#1a1730}.btn-secondary{background:transparent;color:#f3ede0;border:1px solid #453d63}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}@media (min-width: 560px){.theme-grid{grid-template-columns:repeat(4,1fr)}}.theme-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 12px;border-radius:16px;border:1px solid #362f4e;background:#ffffff08;color:#f3ede0;font-family:PT Sans,sans-serif;font-size:15px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.theme-card:hover{border-color:#c9a86a;transform:translateY(-2px)}.theme-emoji{font-size:32px}.questionnaire{display:flex;flex-direction:column;gap:20px;width:100%;text-align:left}.question-field{display:flex;flex-direction:column;gap:8px;font-size:15px;color:#d8cfef}.question-field textarea,.question-field input{font-family:PT Sans,sans-serif;font-size:15px;padding:12px 14px;border-radius:10px;border:1px solid #362f4e;background:#ffffff0a;color:#f3ede0;resize:vertical}.question-field textarea:focus,.question-field input:focus{outline:none;border-color:#c9a86a}.error-message{color:#e78a8a;font-size:14px;margin:0}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.result-screen{gap:24px}.variant-toggle{display:flex;gap:8px;padding:4px;border-radius:999px;background:#ffffff0a;border:1px solid #362f4e}.variant-btn{border:none;background:transparent;color:#b8adda;font-family:PT Sans,sans-serif;font-size:14px;padding:10px 18px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.variant-btn.active{background:linear-gradient(135deg,#c9a86a,#a5824a);color:#1a1730;font-weight:700}.certificate-image{width:100%;max-width:380px;border-radius:16px;box-shadow:0 20px 60px #00000080}.hint{color:#8b81ab;font-size:14px;max-width:420px}@media (max-width: 480px){.actions{flex-direction:column;width:100%}.actions .btn{width:100%}}