.sp88-app{max-width:1120px;margin:auto;padding:18px 15px 50px;color:#07111b}.sp88-hero{background:#07111b;color:#fff;padding:30px 22px;border-radius:22px}.sp88-hero small{color:#b7e100;font-weight:900;letter-spacing:.12em}.sp88-hero h1{font-size:clamp(34px,7vw,56px);line-height:1.03;margin:7px 0}.sp88-hero p{font-size:19px;line-height:1.5}.sp88-actions,.sp88-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.sp88-action,.sp88-card{display:block;border:1px solid #dfe5e8;border-radius:16px;padding:18px;background:#fff;color:#07111b;text-decoration:none}.sp88-action{font-size:20px;font-weight:900;min-height:72px}.sp88-action.primary{background:#b7e100}.sp88-card h2,.sp88-card h3{margin-top:0}.sp88-card p{line-height:1.5}.sp88-btn{display:block;background:#07111b;color:#fff;padding:14px;border-radius:11px;text-decoration:none;font-weight:900;text-align:center}.sp88-steps{counter-reset:s;display:grid;gap:10px}.sp88-step{counter-increment:s;padding:16px 16px 16px 60px;border:1px solid #dfe5e8;border-radius:14px;position:relative}.sp88-step:before{content:counter(s);position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#07111b;color:#fff;font-weight:900}.sp88-search{padding:18px;border:1px solid #dfe5e8;border-radius:15px}.sp88-search input{width:100%;padding:15px;font-size:18px;border:1px solid #ccd5da;border-radius:10px}.sp88-search button{width:100%;margin-top:9px;padding:14px;border:0;border-radius:10px;background:#07111b;color:#fff;font-size:18px;font-weight:900}.sp88-listings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sp88-listing{padding:16px;border:1px solid #dfe5e8;border-radius:15px}.sp88-notice{padding:14px;background:#f5f9df;border-left:5px solid #b7e100;border-radius:9px;margin:18px 0}@media(max-width:700px){.sp88-actions,.sp88-grid,.sp88-listings{grid-template-columns:1fr}.sp88-action{min-height:64px}}