:root{--ink:#172033;--muted:#66738a;--orange:#f45b18;--cream:#fffaf5;--line:#e7e9ed;--mint:#e8f9f1;--navy:#111a30}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"Be Vietnam Pro",Arial,sans-serif;background-color:var(--cream);background-image:radial-gradient(#f5c8aa 1px,transparent 1px);background-size:18px 18px}.topbar{height:74px;display:flex;align-items:center;gap:22px;padding:0 max(22px,calc((100vw - 1350px)/2));background:#fffdfb;border-bottom:1px solid #f4dfd1;position:sticky;top:0;z-index:5}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#f6551a,#ff9c19);box-shadow:0 5px 12px #f65b173d}.nav{display:flex;gap:2px;flex:1}.nav a{padding:9px 10px;border-radius:9px;color:#718096;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.nav a:hover,.nav a.active{background:#fff0e6;color:var(--orange)}.user-area{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:13px;white-space:nowrap}.balance{padding:7px 10px;color:var(--orange);font-weight:700;border:1px solid #fdcfb4;border-radius:18px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#174446;color:#fff;font-weight:700}.menu-toggle{display:none}.main{max-width:1060px;margin:auto;padding:44px 22px 70px}.page-title{margin:4px 0 6px;font-size:32px;letter-spacing:-1.2px}.subtitle{margin:0 0 20px;color:var(--muted);line-height:1.6}.eyebrow{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 12px #1622350b}.hero-wallet{position:relative;padding:28px;overflow:hidden;color:#fff;background:linear-gradient(115deg,#f34f18,#ffa01b)}.hero-wallet:after{content:"";position:absolute;top:-120px;right:-70px;width:280px;height:280px;border:1px solid #fff6;border-radius:50%}.hero-wallet>*{position:relative;z-index:1}.welcome{display:flex;gap:13px;align-items:center}.hero-wallet .avatar{width:50px;height:50px;border:2px solid #fff8}.money-label{margin-top:30px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.money{margin:3px 0;font-size:48px;font-weight:800;letter-spacing:-2px}.rank{display:inline-block;margin-top:9px;padding:7px 11px;border-radius:18px;background:#fff;color:var(--orange);font-size:11px;font-weight:800}.grid-2,.grid-3,.grid-4{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.section{margin-top:22px}.summary{padding:17px}.summary small{color:var(--muted);font-weight:700}.summary strong{display:block;margin-top:5px;font-size:20px}.actions,.input-row{display:flex;gap:10px;margin-top:14px}.button{display:inline-block;padding:12px 17px;border:0;border-radius:12px;background:var(--orange);color:#fff;font:700 13px inherit;text-align:center;text-decoration:none;cursor:pointer}.button.secondary{border:1px solid #f3c9b0;background:#fff;color:var(--orange)}.section-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.section h2{margin:0;font-size:19px}.chart{height:190px;padding:25px;position:relative;overflow:hidden}.chart-grid{height:100%;border-bottom:1px solid #e7edf2;background:repeating-linear-gradient(to bottom,transparent 0 32px,#edf1f5 33px 34px)}.chart-line{position:absolute;right:40px;bottom:38px;left:50px;height:54px;border-top:3px solid var(--orange);border-radius:100% 0 0;transform:skewY(-4deg)}.steps,.convert-form,.rank-controls{padding:20px}.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.progress span{padding:11px;border:1px solid #e1e7ed;border-radius:11px;background:#f6f8fa;color:#738096;font-size:12px;font-weight:700}.progress span:first-child{border-color:#ade5cb;background:var(--mint);color:#14734f}.mini-step{padding:17px;border-radius:14px;background:#fff9f3}.mini-step b{display:block;margin:9px 0}.mini-step p,.guide-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shop{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e3e7eb;border-radius:13px;font-weight:700}.shop.selected{border-color:#fac391;background:#fff7ef;color:var(--orange)}.tag{padding:4px 7px;border-radius:10px;background:#fff0c4;color:#966400;font-size:10px;font-weight:700}.input-row input{flex:1;min-width:0;padding:13px;border:1px solid #dce1e8;border-radius:12px;background:#fafbfc;color:var(--ink);font:inherit}.notice{padding:13px 15px;border:1px solid #fee0bf;border-radius:12px;background:#fffaf3;color:#95501e;font-size:13px;line-height:1.5}.process{display:flex;justify-content:space-around;padding:18px;text-align:center;font-size:13px}.process div{flex:1}.process span{display:grid;place-items:center;width:38px;height:38px;margin:8px auto;border-radius:50%;background:#fff1e8;color:var(--orange);font-weight:800}.tabs,.segmented{display:flex;gap:7px}.tabs{margin:12px 0;padding:4px;border-radius:12px;background:#f5f7f9}.tabs button,.segmented button{flex:1;padding:10px;border:1px solid #e1e5ea;border-radius:10px;background:#fff;color:var(--muted);font:700 12px inherit}.tabs button{border:0;background:transparent}.tabs button.active,.segmented button.active{background:#fff7f0;color:var(--orange);box-shadow:0 1px 3px #0000000d}.empty{padding:72px 20px;text-align:center}.empty-icon{font-size:38px;color:var(--orange)}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.event-card{min-height:355px;padding:28px}.event-card.dark{border-color:var(--navy);background:var(--navy);color:#fff}.event-card h2{margin:14px 0;font-size:26px}.event-card p{color:var(--muted);line-height:1.7}.event-card.dark p{color:#d2d8e5}.event-card .button{width:100%;margin-top:10px}.checklist{padding:0;list-style:none}.checklist li{padding:5px 0}.checklist li:before{content:"✓";margin-right:8px;color:#19c68a}.ranking{max-width:720px;margin:auto}.podium{display:flex;align-items:end;justify-content:center;gap:12px;padding:30px 0 20px}.winner{width:110px;padding:17px 8px;border:1px solid var(--line);border-radius:16px;text-align:center}.winner.first{padding-top:30px;border-color:#f5d46a;background:#fff9df}.winner .avatar{margin:auto}.winner b{display:block;margin-top:8px;font-size:12px}.ranking-list{width:100%;table-layout:fixed;border-collapse:collapse;font-size:13px}.ranking-list th{padding:13px;text-align:left;color:#8691a3;font-size:10px}.ranking-list th:nth-child(1){width:9%}.ranking-list th:nth-child(3){width:18%;text-align:center}.ranking-list th:nth-child(4){width:24%;text-align:right}.ranking-list td{padding:14px 13px;border-top:1px solid #eef0f2}.ranking-list td:nth-child(3){text-align:center}.ranking-list td:last-child{color:var(--orange);font-weight:800;text-align:right}.profile-banner{display:flex;gap:16px;align-items:center;padding:24px;color:#fff;background:linear-gradient(110deg,#f65119,#ffa41e)}.profile-banner .avatar{width:70px;height:70px;border:2px solid #fff9;border-radius:18px;font-size:23px}.profile-banner h1{margin:3px 0;font-size:27px}.profile-banner .rank{margin-top:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #eef0f2}.info-row:last-child{border:0}.info-row small{display:block;margin-bottom:5px;color:#8490a2}.link-card{padding:16px;border-left:4px solid var(--orange)}.link-card:nth-child(2){border-left-color:#3c6df4}.link-card:nth-child(3){border-left-color:#18b87b}.guide-hero{padding:45px 34px;color:#fff;background:linear-gradient(125deg,#f75216,#ff9e15)}.guide-hero h1{max-width:720px;margin:16px 0;font-size:44px;line-height:1.15}.guide-hero p{max-width:700px;line-height:1.7}.guide-hero .button.secondary{border-color:#fff9}.guide-step{min-height:205px;padding:18px}.guide-step b{display:block;margin:10px 0}.knowledge{padding:18px}@media(max-width:1060px){.topbar{gap:10px;padding:0 16px}.nav a{padding:8px 7px;font-size:11px}}@media(max-width:820px){.menu-toggle{display:block;padding:8px;border:0;border-radius:8px;background:#fff0e6;color:var(--orange)}.nav{display:none;position:absolute;top:74px;right:0;left:0;flex-wrap:wrap;padding:12px 18px;background:#fff;box-shadow:0 7px 18px #15203312}.nav.open{display:flex}.user-name,.balance{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.main{padding-top:30px}.guide-hero h1{font-size:34px}}@media(max-width:600px){.main{padding:23px 14px 48px}.grid-2,.grid-3,.grid-4,.event-grid,.shop-grid{grid-template-columns:1fr}.page-title{font-size:27px}.money{font-size:40px}.progress{grid-template-columns:1fr}.input-row,.actions{flex-direction:column}.guide-hero{padding:30px 22px}.guide-hero h1{font-size:30px}.event-card{min-height:0}.podium{gap:5px}.winner{width:31%;font-size:11px}.ranking-list{font-size:12px}.ranking-list th,.ranking-list td{padding:12px 8px}.topbar{height:64px}.nav{top:64px}.brand{font-size:15px}}