:root{font-family:"Segoe UI",ui-sans-serif,system-ui,sans-serif;color:#eaf4ef;background:#103e48;font-synthesis:none}*{box-sizing:border-box}html{height:100%;overflow:hidden}body{position:relative;margin:0;min-height:100dvh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 80% 50%,#226e70 0,transparent 65%),linear-gradient(120deg,#092b3e,#10434c 60%,#164c4c);display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #dcc68f;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:26px 6%;flex:0 0 auto}header img{display:block;width:165px;height:65px;object-fit:cover;border-radius:8px;background:white}header>span{font-size:8px;letter-spacing:2.5px;color:#8db3b4}header b{border:1px solid #a9ccbd50;border-radius:5px;padding:5px 8px;margin-left:8px;color:#c9dbcc;font-weight:500}main{display:grid;grid-template-columns:1fr 1.25fr;gap:6%;align-items:center;flex:1;min-height:0;padding:0 8% 30px;max-width:1600px;margin:auto;width:100%}.eyebrow{font-size:8px;letter-spacing:2.5px;color:#97b8b0;margin:0 0 22px;font-weight:600}h1{font-size:clamp(65px,7.7vw,115px);font-weight:350;line-height:.98;letter-spacing:-5px;margin:0 0 25px}h1 em{font-family:Georgia,serif;color:#d3c28f;font-weight:400}.intro{font-size:13px;line-height:1.9;color:#a4c1bc;margin:0 0 27px}.sign-in{display:inline-flex;align-items:center;gap:45px;background:#d0bd87;color:#163f48;padding:15px 20px;border-radius:7px;font-size:12px;font-weight:600;box-shadow:0 5px 20px #092e3b25}.sign-in:hover{background:#e2cfa0}.access-note{font-size:9px;margin-top:15px;color:#80a6a6}.splash-preview{position:relative;border:1px solid #c4e5da50;border-radius:12px;background:#153f48;box-shadow:0 30px 100px #001c3c60;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);width:100%;aspect-ratio:1.49;max-height:440px;display:flex;flex-direction:column}.preview-wallpaper{position:relative;flex:1;overflow:hidden;border-radius:11px 11px 0 0;background:radial-gradient(ellipse at 85% 25%,#3a9492,#15505a 65%,#0d3447)}.preview-wordmark{position:absolute;right:20px;top:17px;color:#b5d7cd;font-size:7px;letter-spacing:3px}.preview-ribbon{position:absolute;width:360px;height:360px;right:-120px;top:-40px;border:50px solid #60c1b44a;border-radius:40% 65% 40% 65%;box-shadow:inset 0 0 0 2px #83cdc633,0 0 0 2px #83cdc633;transform:rotate(35deg)}.preview-shortcuts{position:absolute;left:14px;top:15px;display:grid;gap:17px;color:#b9dcce;text-align:center;font-size:23px}.preview-shortcuts small{display:block;font-size:6px;color:#d2e5e0;margin-top:4px}.preview-window{position:absolute;inset:18% 10% 11% 20%;background:#f0f6f4ec;border-radius:8px;border:1px solid #fff9;box-shadow:0 12px 35px #002d3d70;color:#234c51;backdrop-filter:blur(15px);overflow:hidden}.preview-title{height:30px;padding:10px 12px;border-bottom:1px solid #31595315;font-size:7px}.preview-title>span{float:right;font-size:10px;margin-top:-3px}.preview-content{padding:20px}.preview-content>p{font-size:6px;letter-spacing:1.5px;color:#7b9791;margin:0 0 12px}.preview-content>strong{font-size:clamp(18px,2.5vw,35px);font-weight:450;line-height:1.15;letter-spacing:-.8px}.preview-content>div{display:flex;gap:8px;margin-top:20px}.preview-content>div>span{flex:1;background:#fff9;border:1px solid #234c5110;border-radius:5px;padding:10px 8px;font-size:23px;color:#267c7c}.preview-content small{display:block;font-size:6px;color:#718d88;margin-top:5px;white-space:nowrap}.preview-taskbar{height:35px;background:#cbdedbe6;color:#547876;display:flex;justify-content:center;align-items:center;gap:15px;border-top:1px solid #fff8;border-radius:0 0 11px 11px;font-size:15px}.preview-taskbar i{font-style:normal;color:#077d89}.preview-taskbar b{position:absolute;right:14px;font-size:5px;font-weight:500;letter-spacing:1px;color:#6a8b83}.preview-caption{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#78a9a3}footer{position:relative;z-index:2;padding:20px 6%;display:flex;justify-content:space-between;font-size:8px;color:#7da5a5;flex:0 0 auto}footer a{color:#acbfa5}.splash-orbit{position:absolute;right:-20%;bottom:-60%;width:1000px;height:1000px;border:1px solid #a2d2c810;border-radius:50%;pointer-events:none}.rotate-message{display:none;position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at top,#225d65,#092a3c);align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center;gap:20px}.rotate-message>span{font-size:65px;color:#b9d8cc}.rotate-message p{font-size:9px;letter-spacing:2.5px;color:#8db6af;margin:0}.rotate-message h2{font-size:30px;font-weight:400;letter-spacing:-1px;max-width:300px;margin:0}.rotate-message>div{font-size:12px;line-height:1.8;color:#99bdb5}@media(max-height:650px){header{padding-top:17px;padding-bottom:15px}header img{height:48px;width:140px}main{padding-bottom:20px}h1{font-size:65px;letter-spacing:-3px;margin-bottom:18px}.eyebrow{margin-bottom:15px}.intro{font-size:11px;margin-bottom:20px}.sign-in{padding:12px 17px;font-size:10px}.preview-content{padding:14px}.preview-content>div{margin-top:14px}.splash-preview{max-height:330px}footer{padding-top:15px;padding-bottom:15px}}@media(max-width:900px){main{gap:5%;padding-left:6%;padding-right:6%}.splash-preview{transform:none}.preview-content>strong{font-size:24px}.preview-content>div{gap:5px}.preview-content>div>span{padding:7px;font-size:18px}.preview-shortcuts{gap:12px;font-size:18px}.preview-shortcuts small{font-size:5px}.preview-title{height:23px;padding:7px 10px}.intro{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:65px}.preview-content>p{font-size:5px}.sign-in{gap:22px}}@media(orientation:landscape) and (max-height:450px){header{padding:12px 5%}header img{width:110px;height:36px}header>span{font-size:6px}main{padding:0 6% 15px;gap:6%;grid-template-columns:1fr 1fr}h1{font-size:48px;margin-bottom:13px}.eyebrow{font-size:6px;margin-bottom:10px}.intro{font-size:9px;line-height:1.6;margin-bottom:14px}.sign-in{font-size:9px;padding:10px 12px}.access-note{font-size:7px;margin-top:9px}.preview-content>strong{font-size:19px}.preview-content{padding:10px}.preview-content>p{margin-bottom:7px}.preview-content>div{margin-top:10px}.preview-taskbar{height:25px;font-size:11px}.preview-caption{font-size:5px;bottom:-20px}.preview-content small{font-size:5px}.preview-content>div>span{font-size:16px;padding:6px}.preview-shortcuts{font-size:16px;gap:9px;left:9px;top:10px}.preview-window{inset:17% 6% 9% 21%}.preview-title{font-size:5px;height:19px;padding:6px 8px}.preview-title>span{font-size:7px}footer{font-size:6px;padding:10px 5%}.preview-wordmark{font-size:5px;top:10px;right:13px}}
@media(pointer:coarse) and (orientation:portrait){.rotate-message{display:flex}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
