:root{--navy:#071c2c;--navy2:#0d2d42;--aqua:#24d4d0;--aqua2:#86f0e8;--white:#fff;--ink:#102638;--muted:#637785;--line:#dce8ec;--bg:#f2f8fa;--danger:#b42318}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:16px;line-height:1.45}.topbar{background:var(--navy);color:white;min-height:72px;padding:14px max(18px,calc((100% - 980px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 16px #071c2c22}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.07em;color:#fff}.brand small{display:block;font-size:10px;letter-spacing:.22em;color:var(--aqua2);margin-top:2px}.brand-mark{width:42px;height:42px;border:2px solid var(--aqua);border-radius:13px;display:grid;place-items:center;color:var(--aqua);font-size:12px;letter-spacing:0}.brand.large{font-size:18px;margin-bottom:22px}.brand.large .brand-mark{width:54px;height:54px;font-size:14px}.top-user{font-size:12px;color:#c6dce5}.top-user a{color:var(--aqua2);margin-left:8px}.container{width:min(100% - 28px,980px);margin:24px auto 48px}.hero{border-radius:24px;background:linear-gradient(120deg,#071c2c,#0e4057);color:white;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;position:relative}.hero h1{font-size:clamp(27px,5vw,42px);line-height:1.08;margin:8px 0 12px;max-width:600px}.hero p{max-width:570px;color:#d4e8ee;margin-bottom:0}.hero-badge{flex-shrink:0;width:100px;height:100px;border:2px solid var(--aqua);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;font-size:13px;color:var(--aqua2);transform:rotate(8deg)}.eyebrow{color:#079f9e;font-size:11px;font-weight:900;letter-spacing:.17em;margin:0 0 8px}.hero .eyebrow{color:var(--aqua2)}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 30px}.action-card{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;color:var(--ink);min-height:150px;box-shadow:0 5px 16px #0b34430a}.action-card.primary{background:var(--navy2);color:white;border-color:var(--navy2)}.action-icon{font-size:25px;color:#00aaa8}.action-card strong{font-size:16px}.action-card small{color:var(--muted);font-size:12px}.action-card.primary small{color:#c4dce5}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.section-heading h2{margin:0}.section-heading h2,.panel h2{font-size:20px}.pill{border-radius:99px;padding:6px 10px;background:#d7f8f4;color:#087d7b;font-size:12px;font-weight:800}.tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tour-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;color:var(--ink);box-shadow:0 5px 16px #0b34430a}.tour-placeholder{height:110px;background:linear-gradient(140deg,#0c334a,#0ba8a6);display:grid;place-items:center;color:white;font-size:12px;letter-spacing:.12em;font-weight:900}.tour-card-body{padding:14px}.tour-card h3{font-size:16px;margin:0 0 6px}.tour-card p{font-size:12px;color:var(--muted);margin:0 0 12px}.text-link{font-weight:800;color:#008f91;font-size:13px}.page-title{margin:8px 0 20px}.page-title h1{font-size:clamp(28px,5vw,38px);margin:4px 0}.muted{color:var(--muted)}.back-link{display:inline-block;color:#087f85;font-weight:800;font-size:13px;margin-bottom:20px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;margin:16px 0;box-shadow:0 5px 20px #0b344308}.stack{display:flex;flex-direction:column;gap:15px}.stack label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;color:#284656}.stack input,.stack select,.stack textarea{width:100%;border:1px solid #cbdde3;border-radius:12px;padding:13px 12px;background:#fff;color:var(--ink);font:inherit;font-size:16px;outline:none}.stack input:focus,.stack select:focus,.stack textarea:focus{border-color:#12bfc0;box-shadow:0 0 0 3px #24d4d033}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button{border:0;border-radius:12px;background:var(--aqua);color:#052638;padding:13px 17px;font-weight:900;font-size:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-height:46px;text-align:center}.button:hover{filter:brightness(.96)}.button.secondary{background:#e1f5f5;color:#075b68;border:1px solid #b5e9e7}.button.danger{background:#ffe9e7;color:#9d241d}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.button-row .button{flex:1}.inline-info{border-radius:14px;padding:13px;background:#eaf9f8;border:1px solid #c9efec}.inline-info span{float:right;font-size:12px;color:var(--muted)}.inline-info p{font-size:13px;margin-bottom:0}.result-panel{border:2px solid var(--aqua)}.total-price{font-size:32px;font-weight:950;color:#087f85;margin:4px 0 14px}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f8fa;border:1px solid var(--line);border-radius:13px;padding:14px;font-family:inherit;font-size:14px;color:#203d4d;max-height:450px;overflow:auto}.notice{padding:13px 15px;border-radius:12px;margin:12px 0;font-size:14px}.notice.error{background:#fff0ef;color:#9e2a22;border:1px solid #ffd2ce}.notice.success{background:#e5faf2;color:#08744b;border:1px solid #b7efda}.small{font-size:12px}.small-button{min-height:34px;padding:8px 12px;font-size:12px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-card{background:white;border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:10px;min-width:0}.media-card img,.media-card video{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e3eff2;border-radius:10px}.media-card strong{font-size:12px;overflow-wrap:anywhere}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row strong{display:block;font-size:14px}.list-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.checkbox{display:flex!important;flex-direction:row!important;align-items:center}.checkbox input{width:auto}.footer{text-align:center;color:#7b909b;font-size:11px;padding:18px}.login-card{max-width:480px;margin:8vh auto}.install-wrap{max-width:600px;margin:7vh auto}.empty-state{text-align:center;padding:32px}.empty-state h3{margin-top:0}@media(max-width:640px){.topbar{padding:12px 14px;min-height:64px}.brand{font-size:13px}.brand-mark{width:36px;height:36px}.top-user{font-size:10px}.container{width:calc(100% - 24px);margin:16px auto 32px}.hero{padding:22px 18px;border-radius:20px}.hero-badge{width:72px;height:72px;font-size:10px}.hero h1{font-size:29px}.action-grid{gap:10px}.action-card{padding:14px;min-height:145px}.action-card strong{font-size:14px}.tour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tour-placeholder{height:88px;font-size:10px}.tour-card-body{padding:12px}.tour-card h3{font-size:14px}.panel{padding:16px;border-radius:17px}.form-row{gap:9px}.button-row{flex-direction:column}.button-row .button{width:100%}.media-grid{gap:9px}.media-card{padding:8px}.page-title h1{font-size:30px}}@media(max-width:360px){.hero-badge{display:none}.action-grid{grid-template-columns:1fr}.action-card{min-height:0}.tour-grid{grid-template-columns:1fr 1fr}}