*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#555;font:14px/1.6 Arial,"Microsoft YaHei",sans-serif;background:#fff}.wrap{max-width:1170px;margin:auto;padding:0 20px}.nav{height:72px;background:#171b23;position:sticky;top:0;z-index:5;border-bottom:2px solid #0c0f14}.nav-inner{display:flex;height:100%;align-items:center;justify-content:space-between}.brand{color:white;font:bold 27px Georgia,serif;text-decoration:none;letter-spacing:-1px}.brand span{color:#23b7e5;font-size:34px}.brand small{font:11px Arial;letter-spacing:1px;margin-left:6px;color:#b8c1ca}.nav nav{display:flex;gap:2px}.nav nav a{color:#d8dde2;text-decoration:none;padding:25px 12px 22px;border-bottom:3px solid transparent}.nav nav a:hover,.nav nav .active{color:#fff;border-color:#21b8e5}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{height:338px;background:linear-gradient(135deg,#0c2130,#176682 48%,#111a23);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-80px;background:repeating-linear-gradient(125deg,transparent 0 80px,#ffffff0b 80px 83px);transform:rotate(4deg)}.hero-shade{height:100%;background:radial-gradient(circle at 78% 40%,#30bce351,transparent 27%)}.hero-copy{color:#fff;padding-top:94px;text-align:center;position:relative}.hero-copy p{margin:0;color:#8bdbf5;letter-spacing:4px;font-size:12px}.hero-copy h1{font-size:44px;line-height:1.2;margin:10px 0;font-weight:300}.hero-copy span{color:#d5e0e5}.section{padding:60px 0}.callout{background:#1e9bc7;color:#fff;text-align:center;padding:42px 0;position:relative}.callout:before,.primary:before,.blue:before{content:"";position:absolute;border-left:17px solid transparent;border-right:17px solid transparent;border-top:17px solid #fff;left:calc(50% - 17px);top:0}.callout p{font-size:20px;margin:0 0 18px}.button{background:#169cca;color:#fff;border:0;padding:11px 25px;text-decoration:none;font:inherit;cursor:pointer;display:inline-block;box-shadow:inset 0 -2px #087899}.primary{background:#f3f5f6;position:relative}.title{text-align:center;margin-bottom:38px}.title h1,.about h1,.blue h1{font-size:28px;color:#303b46;font-weight:300;margin:0 0 7px}.title p{margin:0;color:#9aa1a8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.column h2{background:#21a7d1;color:#fff;text-align:center;font-size:19px;font-weight:normal;padding:11px;margin:0 0 16px}.column:nth-child(2) h2{background:#364c5c}.tip{background:white;margin-bottom:14px;padding:16px 16px 13px;box-shadow:0 1px 2px #ccd2d5;position:relative}.tip:after{content:"";position:absolute;bottom:-9px;left:25px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid white}.match{margin:0;color:#3f4a53}.score{color:#0099ff}.pick{margin:11px 0 0;color:#7e8991;font-weight:bold}.win{color:#ec2626}.lose{color:#517083}.wait{color:#e52a2a}.about{background:#fff;text-align:center}.narrow{max-width:800px}.about p{font-size:16px}.about blockquote{border:0;color:#24a5cf;font-size:18px;font-style:italic;margin:30px 0}.blue{background:#233b4b;color:#fff;position:relative}.blue h1{color:#fff}.centered{text-align:center}.blue select{padding:11px;border:0;margin:8px;min-width:200px}.light{background:#1baad8}.contact{background:#1e9bc7;color:#fff}.contact .title h1,.contact .title p{color:#fff}.forms{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:900px;margin:auto}.panel{padding:25px;background:#1789b2;text-align:center}.panel h2{font-size:21px;font-weight:normal;margin:0 0 16px}.panel input{width:100%;border:0;padding:12px;margin:0 0 12px;font:inherit}.panel .button{background:#263b4a}.radios{display:flex;justify-content:center;gap:24px;margin:3px 0 12px}.radios input{width:auto;margin:0}.details{text-align:center;margin:35px 0 0;line-height:2}.notice{font-size:12px;color:#bdeaf8}footer{background:#171b23;color:#abb5bc;text-align:center;padding:27px 20px;font-size:12px}@media(max-width:760px){.nav{height:auto}.nav-inner{flex-wrap:wrap;padding:12px 20px}.menu{display:block}.nav nav{display:none;flex-basis:100%;flex-direction:column;padding-top:8px}.nav.open nav{display:flex}.nav nav a{padding:8px}.hero{height:270px}.hero-copy{padding-top:70px}.hero-copy h1{font-size:33px}.cards,.forms{grid-template-columns:1fr}.section{padding:45px 0}.callout p{font-size:17px}}