@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#172c43;background:#f5f7fa;margin:0;font:15px Poppins,Arial,sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:default}main{max-width:1280px;margin:auto;padding:0 48px}header{border-bottom:1px solid #dce3ec;justify-content:space-between;align-items:center;height:100px;display:flex}.brand{color:inherit;letter-spacing:-1px;font-size:27px;font-weight:700;text-decoration:none}.brandmark{color:#08458b;margin-right:10px;font-size:36px}.branddot{color:#08458b}.badge{border:1px solid #d5dfed;border-radius:30px;padding:9px 15px;font-size:12px}.hero{grid-template-columns:1fr 260px;align-items:center;gap:50px;padding:54px 0 46px;display:grid}.eyebrow,.step{letter-spacing:1.8px;color:#466990;font-size:11px;font-weight:700}h1{letter-spacing:-1.5px;margin:19px 0;font-family:Poppins,Arial,sans-serif;font-size:53px;font-weight:500;line-height:1.13}h1 em{color:#8cc1f4;font-weight:500}.intro{color:#53677d;max-width:550px;line-height:1.7}aside{background:#e8f1fc;border-radius:5px;padding:25px 28px;transform:rotate(1deg)}aside strong{margin:12px 0 8px;font-family:Poppins,Arial,sans-serif;font-size:30px;display:block}aside>span{font-size:12px}aside .small{letter-spacing:1.5px;font-size:10px}aside hr{border:0;border-top:1px solid #cdddf0;margin:23px 0 15px}aside p{margin:0;font-size:12px;line-height:1.8}nav{border-bottom:1px solid #d5dfed;gap:28px;display:flex}nav button{color:#6b7c90;background:0 0;border:0;padding:18px 0;font-size:14px}nav .active{color:#08458b;border-bottom:3px solid #08458b}.count{background:#e8f1fc;border-radius:20px;margin-left:5px;padding:3px 8px}.workspace{grid-template-columns:290px 1fr;gap:65px;padding:40px 0 60px;display:grid}h2{margin:16px 0;font-family:Poppins,Arial,sans-serif;font-size:31px;font-weight:500;line-height:1.2}.instructions p{color:#53677d;line-height:1.7}.instructions>label{margin:22px 0 8px;font-size:12px;font-weight:600;display:block}input:not([type=checkbox]){color:#172c43;background:#fff;border:1px solid #ccd8e8;border-radius:5px;padding:12px}.instructions>input{width:100%}.hint{font-size:12px;line-height:1.65;color:#61758c!important}.savebox{flex-direction:column;gap:12px;margin-top:25px;display:flex}.savebox b{font-size:13px}.primary{color:#fff;background:#08458b;border:0;border-radius:5px;padding:15px;font-weight:600}.savebox small{color:#61758c;font-size:11px}.calendar{background:#fff;border:1px solid #dce3ed;border-radius:8px;align-self:start;padding:24px}.calendarhead{justify-content:space-between;align-items:center;display:flex}.calendarhead h2{margin:0;font-family:inherit;font-size:20px}.calendarhead span{color:#72869c}.months{background:#eff3f9;border-radius:5px;margin:23px 0 20px;padding:4px;display:flex}.months button{background:0 0;border:0;border-radius:4px;flex:1;padding:10px;font-size:13px}.months button.selected{background:#fff;box-shadow:0 1px 5px #dce3ed}.months small{color:#6b7c90}.weekdays,.grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.weekdays span{text-align:center;color:#72869c;padding-bottom:12px;font-size:11px}.day{background:#f8fafd;border:1px solid #e0e6ef;border-radius:5px;min-height:83px;padding:9px 6px}.day.checked{background:#e5f0ff;border-color:#75a7de}.day>label{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.day input[type=checkbox]{accent-color:#08458b;width:14px;height:14px;margin:0}.day .time{color:#496b90;margin-top:8px;font-size:9px;display:block}.day input[type=time]{background:0 0;border:0;width:100%;padding:4px 0;font-size:11px}.notice{background:#e6f0ff;border-radius:5px;margin-top:18px;padding:15px}.results{padding:35px 0 60px}.resultshead{justify-content:space-between;align-items:center;display:flex}.resultshead p{color:#61758c}.resultshead button{background:#fff;border:1px solid #ccd8e8;border-radius:5px;padding:12px}.best{color:#fff;background:#08458b;border-radius:8px;margin:25px 0;padding:28px}.best h3{margin:15px 0;font-family:Poppins,Arial,sans-serif;font-size:32px;font-weight:400}.best h3 span{color:#c4dfff}.best p{font-size:13px;line-height:1.7}.tablewrap{background:#fff;border:1px solid #dce3ec;border-radius:6px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#496b90;background:#eaf1fa;font-size:11px}td,th{border-bottom:1px solid #e0e6ef;padding:16px}td:first-child{white-space:nowrap}.all{background:#e6f0ff;border-radius:4px;margin-left:10px;padding:4px 6px;font-size:10px}.empty{text-align:center;background:#eaf1fa;border-radius:6px;margin:25px 0;padding:60px}.empty p{font-size:13px}.peopleheading{margin-top:35px;font-size:17px}.people{flex-wrap:wrap;gap:10px;display:flex}.people>div{background:#fff;border:1px solid #dce3ec;border-radius:5px;flex-direction:column;gap:8px;padding:15px;display:flex}.people span{color:#61758c;font-size:11px}footer{color:#a9bdd5;border-top:1px solid #dce3ec;justify-content:space-between;gap:30px;padding:24px 0 30px;font-size:11px;line-height:1.7;display:flex}:is(button:focus-visible,input:focus-visible){outline-offset:3px;outline:3px solid #166bcb}@media (max-width:800px){main{padding:0 20px}.hero{grid-template-columns:1fr;gap:20px;padding:30px 0}h1{font-size:39px}aside{transform:none}header{height:80px}.badge{padding:7px;font-size:10px}.brand{font-size:23px}.workspace{grid-template-columns:1fr;gap:30px}.instructions h2 br{display:none}.calendar{padding:14px}.day{min-height:78px;padding:8px 3px}.day>label{gap:3px}.day input[type=time]{font-size:10px}nav{gap:18px}nav button{font-size:12px}footer{flex-direction:column;gap:8px}.resultshead{display:block}.best h3{font-size:25px}}.day .allday{flex-wrap:wrap;gap:4px;margin-top:10px;font-size:10px;line-height:1.4;display:flex}.day{min-height:112px}.day .allday input{flex-shrink:0}.day .manualtime{background:#fff;border:1px solid #a6bedb;border-radius:4px;align-items:center;gap:0;width:100%;margin-top:4px;padding:2px;display:flex}.day .manualtime input{text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;flex:1;width:0;min-width:0;padding:5px 0;font-size:12px}.day .manualtime>span{flex-shrink:0;font-size:12px;font-weight:700}.day .time{cursor:default}.expiredpage{padding-top:100px;line-height:1.8}main{max-width:1320px;padding:0 40px}.welcome{color:#fff;background:#08458b;justify-content:space-between;gap:15px;margin:0 -40px;padding:12px 40px;font-size:12px;font-weight:500;display:flex}.welcome span{letter-spacing:1.5px;color:#d4e7ff;font-size:10px}header{background:#fff;border:0;height:106px;margin:0 -40px;padding:0 40px}.brand{align-items:center;display:flex}.brand img{width:100%;max-width:250px;height:auto}.badge{color:#08458b;background:#edf4ff;border:0;font-size:11px;font-weight:600}.hero{color:#fff;background:#08458b;grid-template-columns:1fr 280px;gap:55px;margin:0 -40px;padding:46px 40px 48px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:#ffffff06;width:110px;height:450px;position:absolute;top:-60px;right:340px;transform:skew(-14deg)}.hero .eyebrow{color:#bfdcfc;letter-spacing:2px;font-size:10px}.hero h1{letter-spacing:-1.5px;text-transform:uppercase;margin:18px 0;font-size:52px;font-weight:800;line-height:1.13}.hero h1 em{color:#fff;font-style:normal;font-weight:800}.hero .intro{color:#d9e7f8;max-width:600px;font-size:14px;line-height:1.85}.hero aside{color:#173653;z-index:1;background:#fff;border-radius:12px;padding:25px;transform:none;box-shadow:0 14px 30px #002a5c26}.hero aside strong{font-size:27px;font-weight:700}.hero aside .small{color:#08458b;font-weight:700}.hero aside hr{border-color:#dbe5f2}.workspace{gap:50px;padding-top:36px}h2{letter-spacing:-.7px;font-size:28px;font-weight:700}.calendar{border-radius:12px;box-shadow:0 7px 24px #13345b05}.calendarhead h2{letter-spacing:-.3px;font-weight:700}.primary{background:#08458b;border-radius:7px;transition:background .15s}.primary:hover{background:#06366d}nav button{font-weight:600}.months button.selected{color:#08458b;font-weight:600}.notice{color:#08458b}.day.checked{border-color:#85b5ec}.best{border-radius:12px}.best .eyebrow{color:#c8dfff}.best h3{font-weight:600}.empty{color:#284d78}footer{color:#d6e4f5;background:#06356d;border:0;align-items:start;gap:35px;margin:0 -40px;padding:32px 40px;font-size:10px}.footerbrand{flex-direction:column;gap:5px;min-width:210px;display:flex}.footerbrand strong{letter-spacing:-.5px;color:#fff;font-size:22px;font-style:italic}.footerbrand small{margin-top:12px;font-size:10px}.footerlinks{flex-direction:column;gap:8px;min-width:130px;display:flex}footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}.expiredpage .brand{margin-bottom:45px}.expiredpage footer{margin-top:70px}@media (max-width:800px){main{padding:0 16px}.welcome{margin:0 -16px;padding:11px 16px;font-size:10px}.welcome span{display:none}header{gap:15px;height:90px;margin:0 -16px;padding:0 16px}.brand img{max-width:200px}.badge{border-radius:6px;max-width:130px;font-size:9px;line-height:1.5}.hero{grid-template-columns:1fr;gap:20px;margin:0 -16px;padding:30px 20px}.hero h1{letter-spacing:-1.2px;font-size:39px}.hero aside{padding:20px}.hero aside strong{font-size:24px}.hero:after{display:none}.workspace{gap:25px}.calendar{padding:12px}h2{font-size:26px}nav{gap:17px}nav button{font-size:11px}.count{margin-left:0;padding:3px 6px}footer{gap:22px;margin:0 -16px;padding:26px 20px}.footerbrand small{margin-top:7px}.day .manualtime input{font-size:11px}.footerlinks{flex-flow:wrap;gap:18px}}
