@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap";:root{--bg-1: #10182c;--bg-2: #0d1425;--card: #141e33;--card-2: #18233b;--line: #253558;--text: #edf3ff;--muted: #adbfdf;--primary: #3b82f6;--primary-hover: #2563eb;--danger-bg: rgba(239, 68, 68, .14);--danger-line: rgba(239, 68, 68, .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:radial-gradient(900px 500px at 20% -10%,#273a63 0%,transparent 60%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%)}a{color:#c7d9ff;text-decoration:none}a:hover{text-decoration:underline}.topHeader{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a101dd1;border-bottom:1px solid rgba(37,53,88,.8)}.headerInner{max-width:1120px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brandGroup{display:flex;align-items:center;gap:14px}.brandMark{width:36px;height:36px;border-radius:10px;gap:4px;display:grid;grid-auto-flow:column;place-items:center;font-weight:800;background:linear-gradient(145deg,#2e6eea,#184ab1);color:#fff;box-shadow:0 8px 20px #2563eb59}.brandDot{width:7px;height:7px;border-radius:999px;background:#8fd7ff;box-shadow:0 0 0 3px #8fd7ff33}.brandTitle{font-size:16px;font-weight:800;line-height:1.2}.brandSub{font-size:12px;color:#bfcee9}.headerRight{display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:flex-end}.badge{border:1px solid #2f456f;background:#23345599;color:#d8e6ff;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.smallBadge{font-size:11px;padding:4px 9px;color:#b9ccf0}.primaryBtn,.ghostBtn{border-radius:10px;padding:10px 15px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.primaryBtn{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 8px 20px #2563eb59}.primaryBtn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px)}.ghostBtn{background:#121c2fbf;color:#d6e4ff;border-color:var(--line)}.ghostBtn:hover:not(:disabled){border-color:#4f6da5;background:#1b2842d9}.primaryBtn:disabled,.ghostBtn:disabled{opacity:.5;cursor:not-allowed}.googleBtn{height:42px;border-radius:10px;border:1px solid #d1d7e3;background:#fff;color:#1f2937;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;padding:0 14px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.googleBtn:hover:not(:disabled){background:#f7f9fc;border-color:#c0c8d8}.googleBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb40}.googleBtn:disabled{opacity:.6;cursor:not-allowed}.googleIcon{width:18px;height:18px;flex:0 0 18px}.blockBtn{min-height:48px;align-self:stretch;min-width:160px}.pageWrap{max-width:1120px;margin:0 auto;padding:32px 22px 42px;display:grid;gap:18px}.surfaceCard{background:linear-gradient(180deg,#162138eb,#10192aeb);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 14px 34px #00000059}.heroTitle{margin:0;font-size:30px;line-height:1.15;font-weight:800}.heroSub{margin:8px 0 0;color:var(--muted);font-size:14px}.sectionTitle{margin:0;font-size:22px;font-weight:800}.sectionSub{margin:8px 0 16px;color:var(--muted);font-size:14px}.guestHint{margin-top:10px;color:#b2c4e8;font-size:13px}.usageBar{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;background:#0d152699}.usageInfo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.usageLabel{color:#a8b9d7}.usageCount{color:#eaf2ff;font-weight:700}.usageWarning{color:#ffd67d;font-size:12px;font-weight:700}.row{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.file{flex:1 1 500px;border:1.5px dashed #4d678f;border-radius:14px;background:#0b12218c;padding:16px}.fileLabel{color:#b4c6e7;font-size:13px;font-weight:700;margin-bottom:8px}.file input[type=file]{width:100%;color:#d8e7ff}.options{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px;align-items:center}.check{display:flex;align-items:center;gap:8px;color:#b3c4e4;font-size:13px}.selectWrap{display:flex;align-items:center;gap:8px;color:#b3c4e4;font-size:13px;font-weight:700}.selectWrap select,.selectWrap input,.authInput,.contactInput,.contactTextarea{border-radius:10px;border:1px solid #3a527d;background:#1a2640;color:#edf3ff;padding:9px 11px;font-size:13px}.selectWrap input[type=number]{width:120px}.selectWrap select:focus,.selectWrap input:focus,.authInput:focus,.contactInput:focus,.contactTextarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f638}.inlineHint{color:#ffd67d;font-size:13px;margin-bottom:10px;font-weight:700}.helpNote{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.benefitList{margin:8px 0 16px;padding-left:18px;color:#c0d2f4;font-size:13px;line-height:1.5}.benefitList li{margin:4px 0}.msg{border:1px solid var(--line);border-radius:12px;background:#111a2ca6;padding:12px 14px;color:#b8c8e8;font-size:14px}.msg.hasWarnings{border-color:#fbbf2466;background:#fbbf241f;color:#ffd67d}.tableWrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:820px;background:#0d1423b3}th,td{padding:11px 14px;border-bottom:1px solid #243456;font-size:13px;white-space:nowrap}th{text-transform:uppercase;letter-spacing:.4px;font-size:11px;color:#d8e6ff;background:#1b2a47;text-align:left}td{color:#b8c8e8}.pricingGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.pricingCard{position:relative;border:1px solid var(--line);border-radius:16px;padding:18px;background:linear-gradient(180deg,#142038f2,#10182af2)}.pricingCard.featured{border-color:#4a6fb7;box-shadow:0 10px 26px #2b55b23d}.pricingCard.activePlan{border-color:#38bdf8;box-shadow:0 10px 24px #38bdf833}.pricingBadge{position:absolute;top:-9px;right:16px;background:#2563eb;color:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.pricingName{font-size:18px;font-weight:800;margin-bottom:8px}.pricingPrice{font-size:30px;font-weight:800;margin-bottom:10px}.pricingPer{font-size:14px;color:#9fb3d7;margin-left:2px;font-weight:600}.pricingFeatures{display:grid;gap:7px;margin-bottom:12px}.pricingFeature{color:#bdd0ef;font-size:13px}.miniNote{margin-top:8px;font-size:11px;color:#96abd0}.faqWrap{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.faqTitle{margin:0 0 10px;font-size:16px;font-weight:800}.faqGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.faqItem{border:1px solid var(--line);border-radius:12px;background:#1018289e;padding:12px}.faqQ{font-size:13px;font-weight:800;margin-bottom:6px}.faqA{font-size:12px;color:var(--muted);line-height:1.5}.tutorialSection{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border:0;border-radius:0;box-shadow:none;padding:120px clamp(20px,4vw,48px);background:radial-gradient(850px 320px at 50% -10%,rgba(132,178,255,.18),transparent 65%),linear-gradient(180deg,#21324fb8,#142138b8);border-top:1px solid rgba(96,126,177,.25);border-bottom:1px solid rgba(96,126,177,.25);display:grid;gap:24px}.tutorialSection>*{width:min(1120px,100%);margin-left:auto;margin-right:auto}.tutorialTitle,.tutorialSub{text-align:center}.tutorialTitle{font-size:clamp(34px,4vw,46px);letter-spacing:-.02em}.tutorialSub{font-size:clamp(17px,2.2vw,22px);color:#d7e6ff;margin-top:-2px}.tutorialTabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.tutorialTabBtn{border:1px solid rgba(106,138,189,.6);background:#e1edff17;color:#dce9ff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer;min-width:140px;transition:all .25s ease}.tutorialTabBtn:hover{border-color:#8caad9e6;background:#e9f3ff2e}.tutorialTabBtn.active{border-color:#9ec5ff;background:#f1f7ff57;color:#f9fcff;box-shadow:0 14px 30px #0b1d3a52}.tutorialPanel{border:1px solid rgba(132,157,201,.34);border-radius:16px;background:linear-gradient(180deg,#2234538f,#1a28418f);padding:clamp(20px,3vw,30px);display:grid;grid-template-columns:minmax(260px,.95fr) minmax(390px,1.35fr);gap:clamp(18px,2.4vw,30px);align-items:stretch;box-shadow:0 20px 44px #060e1a57;animation:tutorialFade .34s ease}.tutorialCopy{display:grid;align-content:start;gap:12px}.tutorialStepBadge{width:52px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(152,183,229,.65);background:#e0edff2e;color:#eaf3ff;font-size:13px;font-weight:800}.tutorialCopy h3{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.02em}.tutorialSummary{margin:0;color:#d4e3fb;font-size:15px;line-height:1.6;max-width:50ch}.tutorialList{margin:2px 0 0;padding-left:18px;display:grid;gap:9px;color:#deebff;font-size:14px;line-height:1.5}.tutorialImageFrame{border:1px solid #d9e2ee;border-radius:14px;background:linear-gradient(180deg,#fff,#eef4fb);min-height:clamp(320px,38vw,470px);box-shadow:inset 0 0 0 1px #ffffff9e,0 18px 36px #0a142438;display:grid;place-items:center;overflow:hidden}.tutorialImageFrame img{width:100%;height:100%;object-fit:cover;display:block}.tutorialPlaceholderText{color:#516784;font-size:15px;font-weight:700;text-align:center;padding:20px}.tutorialExtras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tutorialMiniCard{border:1px solid rgba(132,157,201,.35);border-radius:16px;background:linear-gradient(180deg,#1f2f4b94,#18263d94);overflow:hidden;box-shadow:0 14px 32px #09132442}.tutorialMiniTop .tutorialImageFrame{min-height:170px;border-radius:0;border:0;box-shadow:none}.tutorialMiniBody{padding:14px 16px 16px}.tutorialMiniBody h4{margin:0 0 8px;font-size:17px;display:flex;align-items:center;gap:8px}.tutorialMiniBody p{margin:0;font-size:14px;line-height:1.6;color:#c9daf6}.tutorialMiniBadge{border:1px solid rgba(130,168,225,.8);background:#dbebff33;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;letter-spacing:.02em;color:#e9f2ff}@keyframes tutorialFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.trustFooter{border-top:1px solid var(--line);padding:20px 4px 2px;color:#c4d4ef;font-size:13px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.trustFooter a{color:#dbe7ff;text-underline-offset:2px}.trustFooter span{margin-left:auto;color:#a9bbd9}.modalOverlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#090e18c7}.modalCard{width:min(640px,100%);max-height:92vh;overflow-y:auto;border:1px solid #39517e;border-radius:16px;padding:18px;background:linear-gradient(180deg,#243556,#1a2842);box-shadow:0 22px 54px #0000008c}.largeModal{width:min(560px,100%)}.modalHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.modalHead h3{margin:0;font-size:22px;font-weight:800}.modalDescription{margin:0 0 12px;color:var(--muted);font-size:14px}.iconBtn{border:1px solid #4c668f;background:#0000003d;color:#d6e6ff;border-radius:8px;width:30px;height:30px;font-size:12px;cursor:pointer}.authTabs{display:flex;gap:8px;margin-bottom:10px}.tabBtn{border:1px solid var(--line);background:#0c122080;color:#aec1e6;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}.tabBtn.active{border-color:#4a7fe3;background:#3b82f62e;color:#e6f0ff}.authForm{display:grid;gap:10px}.authInput{width:100%}.authActions{display:grid;gap:8px}.authMsg{border:1px solid #415a84;border-radius:10px;padding:9px 10px;background:#0a101e8c;color:#d1def8;font-size:12px}.errorMsg{border-color:var(--danger-line);background:var(--danger-bg);color:#ffd1d1}.helpHint{color:#9eb3d8;font-size:12px}.contactForm{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contactTextarea{grid-column:1 / -1;min-height:120px;resize:vertical}.errorBanner{border:1px solid var(--danger-line);background:var(--danger-bg);color:#ffd0d0;border-radius:10px;padding:10px 12px;margin-bottom:12px;font-size:13px}.adminPre{margin:12px 0 0;border:1px solid var(--line);border-radius:10px;background:#0c121f8c;color:#d6e5ff;padding:12px;font-size:12px;overflow:auto}.adminControls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cookieBanner{position:fixed;left:16px;right:16px;bottom:16px;z-index:110;border:1px solid var(--line);border-radius:12px;background:#0f1828f5;box-shadow:0 10px 30px #00000073;padding:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.cookieText{margin:0;color:var(--muted);font-size:13px}.cookieActions{display:flex;gap:8px}@media(max-width:860px){.headerInner{flex-direction:column;align-items:stretch}.headerRight{justify-content:flex-start}.row{flex-direction:column}.blockBtn{width:100%}.contactForm{grid-template-columns:1fr}.cookieBanner{flex-direction:column;align-items:stretch}.cookieActions{width:100%}.cookieActions .primaryBtn,.cookieActions .ghostBtn{flex:1}.trustFooter span{margin-left:0}.tutorialSection{padding-left:18px;padding-right:18px}.tutorialTabs{flex-direction:column;align-items:stretch;width:min(360px,100%);margin:0 auto}.tutorialTabBtn{width:100%}.tutorialPanel{grid-template-columns:1fr;padding:18px}.tutorialImageFrame{min-height:240px}.tutorialExtras{grid-template-columns:1fr}}