.stg-page{--navy:#071a36;--blue:#1473e6;--cyan:#44b8ff;--ink:#10233f;--muted:#607089;max-width:980px;margin:34px auto;color:var(--ink);font-family:inherit}.stg-page *{box-sizing:border-box}.stg-hero{text-align:center;padding:32px 18px 26px}.stg-badge{display:inline-block;padding:7px 12px;border-radius:999px;background:#eaf5ff;color:#0870c9;font-size:11px;font-weight:800;letter-spacing:1.25px}.stg-hero h1{margin:13px 0 8px;font-size:clamp(34px,6vw,58px);line-height:1.06;color:var(--navy)}.stg-hero p{max-width:650px;margin:auto;color:var(--muted);font-size:17px;line-height:1.65}.stg-card,.stg-section{margin:20px 0;padding:clamp(22px,4vw,38px);border:1px solid #dfe8f2;border-radius:22px;background:#fff;box-shadow:0 18px 55px rgba(7,26,54,.09)}.stg-card{max-width:680px;margin:20px auto}.stg-kicker{margin:0 0 5px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.35px}.stg-page h2{margin:0 0 12px;font-size:28px;color:var(--navy)}.stg-page h3{margin:28px 0 13px;font-size:21px;color:var(--navy)}.stg-note{margin:0 0 18px;color:var(--muted);line-height:1.65}.stg-label{display:block;margin-bottom:8px;font-weight:750}.stg-input-row{display:flex;gap:9px}.stg-secret{width:100%;min-width:0;padding:14px 15px;border:1px solid #bccbdd;border-radius:11px;background:#fbfdff;font-size:16px}.stg-secret:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(20,115,230,.13);outline:0}.stg-toggle,.stg-generate,.stg-copy{border:0;border-radius:11px;cursor:pointer;font-weight:750;transition:.2s ease}.stg-toggle{padding:0 17px;background:#edf5ff;color:#0b559e}.stg-generate{width:100%;margin-top:14px;padding:15px;background:linear-gradient(135deg,#075fca,var(--blue));box-shadow:0 11px 25px rgba(20,115,230,.25);color:#fff;font-size:16px}.stg-generate:hover{transform:translateY(-1px);box-shadow:0 14px 29px rgba(20,115,230,.32)}.stg-result{margin-top:22px;padding:24px;text-align:center;border:1px solid #d8e9fa;border-radius:17px;background:linear-gradient(180deg,#f7fbff,#edf6ff)}.stg-code{margin:6px 0 12px;font-size:46px;font-weight:850;letter-spacing:9px;color:#064f9d}.stg-progress{height:5px;overflow:hidden;border-radius:99px;background:#d4e4f5}.stg-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .25s linear}.stg-timer{margin:9px 0 14px;color:var(--muted)}.stg-copy{padding:10px 17px;background:var(--navy);color:#fff}.stg-status{min-height:22px;margin:11px 0 0;color:#b42318;font-weight:650}.stg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.stg-grid article{padding:19px;border:1px solid #e0e9f3;border-radius:15px;background:#f9fcff}.stg-grid article p,.stg-info>p,.stg-warning p,.stg-faq p{margin:7px 0 0;color:var(--muted);line-height:1.65}.stg-info ol{padding-left:22px;line-height:1.8}.stg-warning{margin-top:22px;padding:18px;border-left:4px solid #f4b400;border-radius:9px;background:#fff9e8}.stg-faq details{margin-top:12px;padding:16px 18px;border:1px solid #e1e9f1;border-radius:13px}.stg-faq summary{cursor:pointer;font-weight:750;color:var(--navy)}@media(max-width:720px){.stg-page{margin:15px auto}.stg-grid{grid-template-columns:1fr}.stg-card,.stg-section{border-radius:17px}.stg-code{font-size:36px;letter-spacing:6px}}@media(max-width:440px){.stg-input-row{display:grid}.stg-toggle{padding:11px}.stg-hero{padding-top:20px}}