:root{color-scheme:dark;--bg:#090909;--panel:#151515;--gold:#d9b86b;--muted:#929292}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#302515 0,#111 35%,var(--bg) 70%);color:#f5f1e8;font-family:Inter,system-ui,-apple-system,sans-serif}
.app{max-width:560px;margin:auto;padding:24px 18px 36px}.top{display:flex;align-items:center;gap:12px;padding:8px 2px 28px}.mark{width:42px;height:42px;border:1px solid #8c713d;border-radius:14px;display:grid;place-items:center;color:var(--gold);font-size:25px;background:#1a1711}.brand{font-weight:850;letter-spacing:1.7px;font-size:15px}.brand span{color:var(--gold)}.sub{font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:4px}
.hero{position:relative;overflow:hidden;border:1px solid #4c3b20;border-radius:24px;padding:27px 23px 25px;background:linear-gradient(130deg,#211b11,#111 65%);min-height:230px}.eyebrow,.section-head span{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:800}.hero h1{font-size:34px;line-height:1.08;letter-spacing:-1.3px;margin:14px 0 10px;max-width:310px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:12px;color:#b8b2a7;line-height:1.6;max-width:300px;margin:0}.orb{position:absolute;right:13px;top:67px;font-size:76px;filter:drop-shadow(0 0 22px #c99b3d88);transform:rotate(12deg)}
.section{margin-top:29px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-head h2{font-size:18px;margin:0}.section-head span{color:#777}
.packages{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.package{background:linear-gradient(145deg,#1b1b1b,#111);border:1px solid #333;border-radius:17px;padding:16px 14px;text-align:left;color:#fff;cursor:pointer;min-height:112px}.package:active{transform:scale(.98)}.package.featured{border-color:#9b793c;background:linear-gradient(145deg,#292012,#15120d)}.stars{font-size:21px;color:var(--gold);font-weight:800}.caption{font-size:11px;color:#aaa;margin-top:6px}.hint{font-size:10px;color:#777;margin-top:12px}
.official{display:flex;gap:12px;padding:16px;margin-top:18px;border:1px solid #344638;background:#111a14;border-radius:16px}.official-icon{width:27px;height:27px;flex:none;border-radius:50%;background:#1d3a27;color:#9bd5a8;display:grid;place-items:center}.official h3{font-size:13px;margin:1px 0 5px}.official p{font-size:11px;line-height:1.5;color:#aaa;margin:0}
.route{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f5f1e8;background:#151515;border:1px solid #303030;border-radius:15px;padding:13px;margin:9px 0}.route-icon{width:36px;height:36px;border-radius:12px;background:#242016;color:var(--gold);display:grid;place-items:center;font-size:18px}.route div:nth-child(2){flex:1}.route b{font-size:13px;display:block}.route small{font-size:10px;color:#999;display:block;margin-top:4px}.route>span{color:var(--gold);font-size:18px}
footer{text-align:center;padding:25px 10px 0;color:#777;font-size:10px;line-height:1.5}footer a{color:var(--gold);text-decoration:none}
