*{box-sizing:border-box}html,body,#root{height:100%}body{color:#3a1322;background:#f8e8ee;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3{margin:0 0 8px;font-family:Georgia,Times New Roman,serif}p{line-height:1.5}.app-shell{background:#f8e8ee;max-width:480px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 40px #4a10281a}.app-content{padding-bottom:90px}.screen{padding:24px 20px}.home-hero{padding:0}.hero-card{color:#fff;background:linear-gradient(160deg,#4a1028 0%,#a31c4a 100%);flex-direction:column;justify-content:center;min-height:100vh;padding:56px 24px 36px;display:flex}.hero-card h1{margin-bottom:14px;font-size:2.4rem}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:#e8a0b8;margin:0 0 6px;font-size:.75rem;font-weight:600}.hero-sub{color:#f3d7e1;margin-bottom:28px;font-size:1.05rem}.price-note{color:#e8b9cb;margin-top:24px;font-size:.85rem}.cta-stack{flex-direction:column;gap:12px;display:flex}.card{background:#fff;border-radius:20px;margin-top:8px;padding:28px 22px;box-shadow:0 6px 24px #4a10281f}.welcome-card{text-align:center}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:transform .1s,opacity .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-big{width:100%;margin-top:10px;padding:16px 24px;font-size:1.05rem}.btn-small{padding:8px 16px;font-size:.85rem}.btn-primary{color:#fff;background:#a31c4a}.btn-primary:hover{opacity:.92}.btn-outline{color:#a31c4a;background:0 0;border:2px solid #a31c4a}.btn-outline:hover{background:#a31c4a14}.toggle-pair{gap:8px;display:flex}.toggle-pair .btn-small{color:#4a1028;background:#f8e8ee}.toggle-pair .btn-small.active{color:#fff;background:#a31c4a}.btn-link{color:#a31c4a;margin-top:16px;font-size:.9rem;text-decoration:underline;display:inline-block}label{margin:14px 0 6px;font-size:.9rem;font-weight:600;display:block}input{background:#fffafc;border:2px solid #e8a0b8;border-radius:12px;width:100%;padding:12px 14px;font-size:1rem}input:focus{border-color:#a31c4a;outline:none}.lang-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.lang-card{cursor:pointer;color:#4a1028;background:#fffafc;border:2px solid #e8a0b8;border-radius:14px;padding:18px 12px;font-size:1rem;font-weight:600}.lang-card.selected,.lang-card:hover{color:#fff;background:#a31c4a;border-color:#a31c4a}.code-display{text-align:center;letter-spacing:4px;color:#4a1028;background:#f8e8ee;border-radius:14px;margin:18px 0;padding:18px;font-family:Georgia,serif;font-size:2rem;font-weight:700}.settings-row{border-bottom:1px solid #f1d3dd;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.error-text{color:#a31c4a;margin-top:12px;font-weight:600}.nav-bar{background:#fff;border-top:1px solid #f1d3dd;width:100%;max-width:480px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 16px #4a102814}.nav-item{color:#9c6b7c;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0 14px;font-size:.75rem;text-decoration:none;display:flex}.nav-icon{font-size:1.3rem}.nav-item.active{color:#a31c4a;font-weight:700}