.str-auth-note { margin-top: 18px; color: #536870; font-size: 16px; }
.str-subscription-card { margin: 22px 0; }
.str-subscription-card h2 { margin-bottom: 8px; }
.str-plan-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.str-plan-actions .str-button { min-height: 50px; border: 0; border-radius: 10px; padding: 12px 18px; background: #0d6570; color: #fff; font-weight: 850; cursor: pointer; }
.str-plan-actions .str-button:disabled { opacity: .6; cursor: wait; }
.str-checkout-status, .str-auth-status { min-height: 1.6em; margin-top: 14px; font-weight: 750; color: #334d55; }
.str-google-login { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; padding: 12px 24px; border: 2px solid #176b7a; border-radius: 10px; background: #fff; color: #15343a; font-size: 18px; font-weight: 800; line-height: 1.25; text-decoration: none; box-shadow: 0 2px 5px rgba(21, 52, 58, .08); }
.str-google-login::before { content: "G"; display: inline-grid; width: 30px; height: 30px; margin-right: 12px; place-items: center; border-radius: 50%; background: #fff; color: #4285f4; font-size: 24px; font-weight: 900; }
.str-google-login:hover, .str-google-login:focus-visible { background: #f1fafb; color: #0f5966; border-color: #0f5966; }
.str-support-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; padding: 22px; border-radius: 16px; background: #f4f8f7; }
.str-support-form label { display: grid; gap: 7px; font-size: 17px; font-weight: 750; }
.str-support-form .str-wide, .str-support-form button, .str-support-status { grid-column: 1 / -1; }
.str-support-form input, .str-support-form select, .str-support-form textarea { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid #b8c8c5; border-radius: 10px; background: #fff; color: #173d46; font: inherit; }
.str-support-list { display: grid; gap: 14px; margin-top: 24px; }
.str-support-list article { padding: 20px; border: 1px solid #d8e3df; border-left: 5px solid #176b7a; border-radius: 14px; background: #fff; }
.str-support-list article h3 { margin: 7px 0; }
@media (max-width: 700px) { .str-support-form { grid-template-columns: 1fr; } .str-support-form .str-wide, .str-support-form button, .str-support-status { grid-column: auto; } }
@media (max-width: 640px) { .str-plan-actions { display: grid; } .str-plan-actions .str-button { width: 100%; } }

.str-support-hub{--support-accent:#f1c85b;display:grid;gap:20px}.str-support-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;min-height:280px;padding:clamp(30px,6vw,66px);overflow:hidden;border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(241,200,91,.3),transparent 30%),linear-gradient(135deg,#082f39,#0c6570);color:#fff;box-shadow:0 25px 65px rgba(8,47,57,.24)}.str-support-hero small,.str-panel-heading small,.str-manual-content>small{color:var(--support-accent);font-size:14px;font-weight:900;letter-spacing:.15em}.str-support-hero h2{max-width:14ch;margin:8px 0 14px;color:#fff;font-size:clamp(36px,5vw,64px);line-height:1.02}.str-support-hero p{max-width:62ch;margin:0;color:#d9ebed;font-size:clamp(18px,2vw,22px)}.str-support-orbit{position:relative;display:grid;width:150px;height:150px;place-items:center;margin:auto;border:1px solid rgba(255,255,255,.35);border-radius:50%;animation:str-support-float 4s ease-in-out infinite}.str-support-orbit>span{display:grid;width:76px;height:76px;place-items:center;border-radius:24px;background:var(--support-accent);color:#17353c;font-size:46px;font-weight:900;box-shadow:0 0 50px rgba(241,200,91,.4)}.str-support-orbit i,.str-support-orbit b{position:absolute;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#fff;color:#0d6570}.str-support-orbit i{top:-13px;right:12px}.str-support-orbit b{bottom:-7px;left:2px}.str-support-nav{display:flex;gap:8px;overflow-x:auto;padding:9px;border:1px solid #bfd1d2;border-radius:17px;background:#fff;box-shadow:0 12px 34px rgba(18,55,61,.1);scrollbar-width:none}.str-support-nav button{flex:0 0 auto;min-height:48px;padding:10px 17px;border:0;border-radius:11px;background:transparent;color:#28484f;font-weight:850;cursor:pointer}.str-support-nav button:hover,.str-support-nav button.is-active{background:#0d6570;color:#fff}.str-support-nav button.is-active{box-shadow:inset 0 -4px 0 var(--support-accent)}.str-support-panel{display:none;animation:str-panel-in .38s ease both}.str-support-panel.is-active{display:block}.str-support-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.str-support-choice-grid button{display:grid;grid-template-columns:58px 1fr;gap:2px 17px;align-items:center;padding:26px;border:1px solid #bfd1d2;border-radius:20px;background:#fff;color:#17353c;text-align:left;cursor:pointer;box-shadow:0 15px 40px rgba(18,55,61,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.str-support-choice-grid button:hover{transform:translateY(-4px);border-color:#0d6570;box-shadow:0 22px 45px rgba(18,55,61,.16)}.str-support-choice-grid span{grid-row:1/3;display:grid;width:58px;height:58px;place-items:center;border-radius:16px;background:var(--support-accent);font-size:28px}.str-support-choice-grid strong{font-size:21px}.str-support-choice-grid small{color:#526970;font-size:15px}.str-panel-heading{padding:18px 0}.str-panel-heading h2{margin:7px 0;font-size:clamp(31px,4vw,48px);line-height:1.08}.str-panel-heading p{max-width:72ch;margin:0;color:#526970;font-size:19px}.str-accent-button{border:0!important;background:var(--support-accent)!important;color:#17353c!important;cursor:pointer}.str-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start}.str-consent input{width:22px!important;min-height:22px!important}.str-qr-workflow{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:20px;padding:22px;border:1px solid #bfd1d2;border-radius:24px;background:#eef6f4}.str-qr-camera{position:relative;display:grid;min-height:390px;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#082f39,#0d6570)}.str-qr-camera video{position:absolute;width:100%;height:100%;object-fit:cover}.str-scan-frame{position:relative;width:min(62%,260px);aspect-ratio:1;border:4px solid var(--support-accent);border-radius:22px;box-shadow:0 0 0 999px rgba(2,24,29,.35)}.str-qr-status{position:absolute;right:16px;bottom:14px;left:16px;margin:0;padding:10px 12px;border-radius:10px;background:rgba(8,47,57,.88);color:#fff;font-size:15px;text-align:center}.str-qr-actions{display:flex;flex-direction:column;justify-content:center;gap:13px}.str-qr-actions label{display:grid;gap:6px;font-weight:800}.str-qr-actions input{min-height:50px;padding:10px 13px;border:1px solid #b7c9c8;border-radius:11px}.str-upload-button{display:flex!important;min-height:50px;align-items:center;justify-content:center;border:2px solid #0d6570;border-radius:11px;color:#0d6570;cursor:pointer}.str-upload-button input{position:absolute;width:1px;opacity:0;pointer-events:none}.str-damage-continue{width:100%;margin-top:16px;padding:18px;border:0;border-radius:15px;background:#f1c85b;color:#17353c;font-size:18px;font-weight:900;cursor:pointer}.str-manual-search{display:grid;gap:7px;margin:14px 0 20px;font-weight:850}.str-manual-search input{min-height:58px;padding:12px 17px;border:2px solid #0d6570;border-radius:14px;font-size:18px}.str-manual-layout{display:grid;grid-template-columns:260px 1fr;gap:20px}.str-manual-topics{display:flex;flex-direction:column;gap:7px}.str-manual-topics button{padding:14px 16px;border:0;border-radius:11px;background:#e9f3f1;color:#24444c;font-weight:800;text-align:left;cursor:pointer}.str-manual-topics button.is-active{background:#0d6570;color:#fff;box-shadow:inset 5px 0 0 var(--support-accent)}.str-manual-content{min-height:390px;padding:clamp(25px,4vw,42px);border-radius:22px;background:#092f39;color:#fff;box-shadow:0 20px 48px rgba(8,47,57,.18)}.str-manual-content h3{margin:7px 0;font-size:32px;color:#fff}.str-manual-content>p{color:#cfe1e3;font-size:18px}.str-manual-content ol{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.str-manual-content li{display:flex;gap:15px;padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.06)}.str-manual-content li>b{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;background:var(--support-accent);color:#17353c}.str-manual-content li strong{font-size:18px}.str-manual-content li p{margin:3px 0 0;color:#cfe1e3}.str-manual-empty{padding:30px;border:1px dashed rgba(255,255,255,.4);border-radius:15px}.str-support-list>p{padding:22px;border:1px dashed #9cb8b8;border-radius:14px}.str-support-list article{border-left-color:var(--support-accent)}@keyframes str-support-float{50%{transform:translateY(-10px) rotate(2deg)}}@keyframes str-panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:760px){.str-support-hero{grid-template-columns:1fr;min-height:auto}.str-support-orbit{display:none}.str-support-choice-grid,.str-qr-workflow,.str-manual-layout{grid-template-columns:1fr}.str-qr-camera{min-height:330px}.str-manual-topics{flex-direction:row;overflow-x:auto}.str-manual-topics button{flex:0 0 auto}.str-support-choice-grid button{grid-template-columns:50px 1fr;padding:20px}.str-support-choice-grid span{width:50px;height:50px}.str-support-nav{position:sticky;top:76px;z-index:20}}@media(prefers-reduced-motion:reduce){.str-support-orbit,.str-support-panel{animation:none!important}.str-support-choice-grid button{transition:none}}

.str-registration { max-width: 720px; margin-inline: auto; border-top: 7px solid #d8ad42; }
.str-registration > h2 { font-size: clamp(30px, 5vw, 48px); }
.str-registration > p { font-size: 19px; }
.str-google-auth { display: flex; min-height: 64px; align-items: center; margin-top: 24px; }
.str-google-auth > div { max-width: 100%; }
.str-auth-status.is-error { padding: 13px 15px; border-left: 5px solid #b63e3e; border-radius: 8px; background: #fff2f2; color: #842b2b; }
@media (max-width: 620px) {
  .str-registration { padding: 24px 20px; }
  .str-registration > h2 { font-size: 34px; }
  .str-registration > p,.str-auth-note { font-size: 18px; }
}