:root{--tp-blue:#1768ff;--tp-blue2:#5d58ff;--tp-ink:#0c1c33;--tp-muted:#60738f;--tp-line:#dbe6f3;--tp-card:#fff;--tp-soft:#f5f9ff;--tp-good:#0d9f70;--tp-warn:#c87900;--tp-danger:#c43c4d}
.tp-main{padding-bottom:120px}.tp-hero{margin-top:22px;border:1px solid var(--tp-line);border-radius:30px;overflow:hidden;background:#fff;display:grid;grid-template-columns:1.08fr .92fr;min-height:420px;box-shadow:0 24px 70px rgba(46,76,115,.10)}
.tp-hero-copy{padding:44px 44px 38px;display:flex;flex-direction:column;justify-content:center}.tp-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:900;letter-spacing:.11em;color:#0e7a61;text-transform:uppercase}.tp-kicker .gi{width:18px;height:18px}.tp-hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:18px 0 20px;color:var(--tp-ink)}.tp-hero h1 em{font-style:normal;color:var(--tp-blue)}.tp-hero p{font-size:18px;line-height:1.65;color:var(--tp-muted);max-width:700px}.tp-hero-photo{position:relative;min-height:420px;background:#dbe7f7}.tp-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.tp-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(0,29,66,.04))}.tp-photo-credit{position:absolute;z-index:2;right:14px;bottom:12px;background:rgba(8,20,39,.76);color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;backdrop-filter:blur(10px)}
.tp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:22px;margin-top:22px}.tp-card{background:var(--tp-card);border:1px solid var(--tp-line);border-radius:26px;padding:26px;box-shadow:0 15px 45px rgba(55,82,116,.07)}.tp-card h2{margin:6px 0 8px;font-size:26px;letter-spacing:-.025em;color:var(--tp-ink)}.tp-card>p,.tp-help{color:var(--tp-muted);line-height:1.55;margin:0 0 18px}.tp-natural textarea{width:100%;min-height:116px;border:1px solid #cddbea;border-radius:18px;padding:16px 17px;font:inherit;resize:vertical;background:#fbfdff;color:var(--tp-ink);outline:none}.tp-natural textarea:focus,.tp-field select:focus,.tp-field input:focus{border-color:#87aefe;box-shadow:0 0 0 4px rgba(23,104,255,.09)}.tp-natural-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.tp-example{border:1px solid var(--tp-line);background:#fff;border-radius:999px;padding:9px 13px;color:#35506f;font-weight:800;font-size:12px;cursor:pointer}.tp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tp-field{display:flex;flex-direction:column;gap:7px}.tp-field.full{grid-column:1/-1}.tp-field span{font-size:12px;color:#50637d;font-weight:900;letter-spacing:.02em}.tp-field select,.tp-field input{width:100%;height:48px;border:1px solid #cddbea;border-radius:14px;background:#fbfdff;padding:0 13px;font:inherit;color:var(--tp-ink);outline:none}.tp-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tp-check{display:flex;align-items:center;gap:9px;border:1px solid #d8e4f1;border-radius:14px;padding:11px 12px;background:#fbfdff;font-size:13px;font-weight:800;color:#29405f}.tp-check input{width:17px;height:17px;accent-color:var(--tp-blue)}.tp-primary{width:100%;border:0;border-radius:16px;background:linear-gradient(135deg,var(--tp-blue),var(--tp-blue2));color:#fff;padding:15px 18px;font-weight:950;font-size:15px;cursor:pointer;box-shadow:0 14px 30px rgba(23,104,255,.22)}.tp-secondary{border:1px solid var(--tp-line);background:#fff;color:#183553;border-radius:14px;padding:11px 14px;font-weight:900;cursor:pointer}.tp-secondary:disabled,.tp-primary:disabled{opacity:.55;cursor:wait}
.tp-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.tp-stat{border:1px solid var(--tp-line);background:#f8fbff;border-radius:16px;padding:13px}.tp-stat span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#71839a;font-weight:900}.tp-stat b{display:block;margin-top:5px;color:var(--tp-ink);font-size:15px}.tp-notice{border-radius:16px;padding:13px 14px;background:#eef9f5;color:#17664f;font-size:13px;line-height:1.5;margin-top:12px}.tp-notice.warn{background:#fff6e6;color:#825400}.tp-notice.bad{background:#fff0f2;color:#8d3140}
.tp-plan-wrap{margin-top:22px}.tp-empty{border:1px dashed #cbd9e9;border-radius:22px;padding:34px;text-align:center;color:#60738f;background:#fbfdff}.tp-plan-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:15px}.tp-plan-head h2{font-size:32px;margin:0;color:var(--tp-ink)}.tp-plan-head p{margin:4px 0 0;color:var(--tp-muted)}.tp-plan-actions{display:flex;gap:8px;flex-wrap:wrap}.tp-timeline{display:grid;gap:12px}.tp-step{display:grid;grid-template-columns:78px 1fr auto;gap:16px;align-items:center;border:1px solid var(--tp-line);border-radius:20px;padding:15px;background:#fff;transition:.18s ease}.tp-step:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(41,68,101,.08)}.tp-step-time{font-weight:950;color:var(--tp-blue);font-size:15px}.tp-step-main small{display:inline-flex;align-items:center;gap:6px;color:#6f8198;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.045em}.tp-step-main h3{font-size:19px;color:var(--tp-ink);margin:4px 0 5px}.tp-step-main p{margin:0;color:#61748e;line-height:1.5;font-size:13px}.tp-step-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.tp-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;background:#f0f5fb;color:#39516d;font-size:10px;font-weight:900}.tp-step-go{white-space:nowrap;text-decoration:none;border:1px solid #cfddeb;color:#0d5bd8;border-radius:12px;padding:10px 12px;font-weight:900;font-size:12px}.tp-side-list{display:grid;gap:10px}.tp-side-item{display:flex;gap:11px;align-items:center;border:1px solid var(--tp-line);border-radius:16px;padding:12px;text-decoration:none;color:inherit;background:#fff}.tp-side-item .gi{width:20px;height:20px;color:var(--tp-blue);flex:0 0 auto}.tp-side-item b{display:block;color:var(--tp-ink);font-size:13px}.tp-side-item small{display:block;color:#71839a;margin-top:3px;line-height:1.35}.tp-live{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.tp-live h3{font-size:18px;margin:0 0 10px;color:var(--tp-ink)}.tp-live-list{display:grid;gap:8px}.tp-live-item{border:1px solid var(--tp-line);border-radius:14px;padding:11px 12px;background:#fbfdff;text-decoration:none;color:inherit}.tp-live-item b{display:block;color:var(--tp-ink);font-size:13px}.tp-live-item small{color:#73849a;font-size:11px}.tp-saved{margin-top:18px}.tp-saved-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tp-saved-item{border:1px solid var(--tp-line);border-radius:14px;padding:11px 12px;background:#fff}.tp-saved-item b{display:block;color:var(--tp-ink);font-size:13px}.tp-saved-item small{color:#73849a}.tp-saved-item button{margin-top:8px;border:0;background:none;color:#b23d4b;font-weight:800;cursor:pointer;padding:0}
@media(max-width:900px){.tp-hero{grid-template-columns:1fr}.tp-hero-photo{min-height:260px;order:-1}.tp-grid{grid-template-columns:1fr}.tp-hero-copy{padding:30px 24px}.tp-form-grid{grid-template-columns:1fr}.tp-field.full{grid-column:auto}.tp-checks{grid-template-columns:1fr 1fr}.tp-live{grid-template-columns:1fr}.tp-plan-head{align-items:flex-start;flex-direction:column}.tp-step{grid-template-columns:64px 1fr}.tp-step-go{grid-column:2}.tp-status{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.tp-main{padding:0 12px 100px}.tp-hero{border-radius:22px}.tp-hero h1{font-size:42px}.tp-card{padding:18px;border-radius:20px}.tp-checks{grid-template-columns:1fr}.tp-status{grid-template-columns:1fr}.tp-step{grid-template-columns:1fr;gap:7px}.tp-step-time,.tp-step-go{grid-column:auto}.tp-saved-list{grid-template-columns:1fr}.tp-natural-actions{display:grid}.tp-example{text-align:left;border-radius:13px}}

body[data-theme="dark"]{--tp-ink:#eef5ff;--tp-muted:#9eb0c7;--tp-line:#263b55;--tp-card:#0f1d2e;--tp-soft:#122338;background:#091523;color:#eaf2ff}body[data-theme="dark"] .tp-hero,body[data-theme="dark"] .tp-card,body[data-theme="dark"] .tp-step,body[data-theme="dark"] .tp-side-item,body[data-theme="dark"] .tp-saved-item{background:#0f1d2e;border-color:#263b55}body[data-theme="dark"] .tp-natural textarea,body[data-theme="dark"] .tp-field select,body[data-theme="dark"] .tp-field input,body[data-theme="dark"] .tp-check,body[data-theme="dark"] .tp-live-item,body[data-theme="dark"] .tp-stat{background:#122338;border-color:#2b4059;color:#eef5ff}body[data-theme="dark"] .tp-secondary,body[data-theme="dark"] .tp-example{background:#13263c;border-color:#2d425b;color:#dbe9f8}body[data-theme="dark"] .tp-pill{background:#172b43;color:#c5d8ed}body[data-theme="dark"] .tp-empty{background:#102135;border-color:#2a405a;color:#a9bdd3}