*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #659e94;--accent-strong: color-mix(in srgb, var(--accent), #000 25%);--bg: color-mix(in srgb, var(--accent), #fff 94%);--bg-mid: color-mix(in srgb, var(--accent), var(--bg) 75%);--bg-end: color-mix(in srgb, var(--accent-strong), var(--bg) 88%);--surface: #fff;--text: color-mix(in srgb, var(--accent-strong), #000 50%);--text-muted: color-mix(in srgb, var(--text), var(--surface) 55%);--border: color-mix(in srgb, var(--text), var(--surface) 88%);--border-card: color-mix(in srgb, var(--accent), var(--bg) 50%);--border-footer: color-mix(in srgb, var(--border-card), var(--surface) 40%);--disabled: color-mix(in srgb, var(--text), var(--surface) 72%);--shadow-accent-08: color-mix(in srgb, var(--accent-strong), transparent 92%);--shadow-accent-15: color-mix(in srgb, var(--accent), transparent 85%);--shadow-accent-30: color-mix(in srgb, var(--accent-strong), transparent 70%);--shadow-accent-40: color-mix(in srgb, var(--accent-strong), transparent 60%)}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark}body{min-height:100vh;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-mid) 50%,var(--bg-end) 100%);color:var(--text)}.container{max-width:90vw;margin:0 auto;padding:3rem 2rem}h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.25rem;background:linear-gradient(135deg,var(--accent),var(--accent-strong));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.15rem}.intro{margin-bottom:2.5rem;line-height:1.7;color:var(--text);font-size:1.05rem}.intro p{margin-bottom:1rem}.feature-list{padding-left:0;font-size:.95rem;color:var(--text-muted);list-style:none}.feature-list li{margin-bottom:.25rem}#envelope-form{display:flex;flex-direction:column;gap:1.25rem;background:var(--surface);border:2px solid var(--border-card);border-radius:20px;padding:2rem;box-shadow:0 8px 30px var(--shadow-accent-08),0 2px 6px #0000000a}.form-row{display:flex;flex-direction:column;gap:.3rem}.form-row--checkbox label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;color:var(--text-muted)}.form-row--checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;margin:0;accent-color:var(--accent)}label{font-size:.8rem;font-weight:700;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.06em}input,select,textarea{padding:.75rem .9rem;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--shadow-accent-15)}input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:var(--accent-strong)}textarea{resize:vertical;min-height:4.5rem}.form-error{color:var(--accent-strong);font-size:.85rem;font-weight:600}#generate-btn{padding:1rem 2.5rem;font-size:1.15rem;font-weight:700;border:none;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--surface);cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 15px var(--shadow-accent-30)}#generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-accent-40)}#generate-btn:active{transform:translateY(0) scale(.98)}#generate-btn:disabled{background:var(--disabled);box-shadow:none;cursor:not-allowed;transform:none}.site-footer{margin-top:2.5rem;padding-top:1rem;border-top:2px solid var(--border-footer);font-size:.85rem;color:var(--disabled);text-align:center}.site-footer a{color:var(--accent);text-decoration:none;font-weight:600;transition:color .15s}.site-footer a:hover{color:var(--accent-strong)}.howto-steps{padding-left:2rem;list-style-position:outside;line-height:1.8}.howto-steps li{margin-bottom:1rem}.howto-back{margin-top:2rem}