:root{--blue:#118dca;--blue2:#0b76b7;--navy:#082033;--bg:#f3f8fe;--muted:#6e7d8f;--line:#dce8f2;--yellow:#ffd447}*{box-sizing:border-box}body{margin:0;background:#dcecf6;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--navy)}button{font:inherit}.phone-shell{max-width:500px;min-height:100vh;margin:auto;background:var(--bg);padding-bottom:82px;box-shadow:0 0 40px rgba(8,32,51,.12)}header{height:118px;padding:30px 22px;background:linear-gradient(135deg,#0b76b7,#118dca);color:#fff;display:flex;justify-content:space-between;align-items:center}header small{opacity:.85}h1{font-size:24px;margin:4px 0}header button{border:0;width:40px;height:40px;border-radius:50%;background:#ffffff22;color:#fff}main{padding:18px}.hero{background:linear-gradient(135deg,#073b59,#118dca);color:#fff;border-radius:20px;padding:24px;overflow:hidden;position:relative}.hero:after{content:'★';position:absolute;right:-5px;bottom:-35px;font-size:150px;color:#ffffff12}.hero span{font-size:11px;letter-spacing:1.4px;color:var(--yellow)}.hero h2{font-size:25px;line-height:1.12;margin:9px 0}.hero p{font-size:14px;max-width:310px;opacity:.85}.hero button{border:0;border-radius:10px;background:var(--yellow);color:#073b59;font-weight:700;padding:11px 15px;position:relative;z-index:1}.summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:15px;margin:14px 0;padding:16px 5px}.summary article{text-align:center;border-right:1px solid var(--line)}.summary article:last-child{border:0}.summary b{display:block;font-size:21px;color:var(--blue2)}.summary small{font-size:10px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 12px}.section-title h3{margin:0}.section-title a{color:var(--blue2);font-size:13px;text-decoration:none}.draw-card{display:flex;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.art{width:120px;display:grid;place-items:center;background:linear-gradient(135deg,#0b76b7,#23a7df);color:var(--yellow);font-size:58px}.draw-info{padding:17px;flex:1}.draw-info span{font-size:10px;color:#e18500;font-weight:700}.draw-info h3{margin:5px 0}.draw-info p,.draw-info small{color:var(--muted);font-size:12px}.progress{height:7px;background:#e4edf3;border-radius:20px;margin:12px 0 7px}.progress i{display:block;width:12%;height:100%;background:var(--blue);border-radius:20px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quick button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px 5px;color:var(--navy)}.quick b{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e7f5fd;color:var(--blue);margin:0 auto 8px;font-size:18px}.quick span{font-size:10px}.info{background:#e6f5fd;border:1px solid #c9e9f8;border-radius:14px;margin-top:20px;padding:16px}.info p{font-size:13px;color:#496274;margin:6px 0 0;line-height:1.45}nav{position:fixed;bottom:0;width:min(500px,100%);height:72px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:5}nav button{border:0;background:#fff;color:#718899;font-size:19px}nav span{display:block;font-size:9px;margin-top:3px}nav button.active{color:var(--blue2)}@media(max-width:380px){.quick{grid-template-columns:repeat(2,1fr)}.art{width:95px}}