:root{--bg:#f6f9fb;--ink:#102631;--muted:#6e818b;--primary:#087b8c;--dark:#062f3c;--line:#e3ebef;--white:#fff;--teal:#0b9da5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1170px,calc(100% - 44px));margin:auto}.notice{background:#062f3c;color:#e2fafb;min-height:38px;font-size:11px;letter-spacing:.7px;font-weight:700}.notice,.notice-inner{display:flex;align-items:center}.notice-inner{gap:8px}.notice-right{margin-left:auto;font-weight:400;opacity:.65;letter-spacing:0}.live-dot{display:inline-block;width:8px;height:8px;background:#39d6bc;border-radius:50%;box-shadow:0 0 0 4px #39d6bc22}.nav{justify-content:space-between;height:88px}.logo,.nav{display:flex;align-items:center}.logo{gap:11px;font-size:20px;letter-spacing:-.7px;font-weight:900}.logo-mark{height:45px;width:45px;display:grid;place-items:center;background:#073a4a;border-radius:13px;color:white;font-weight:900;letter-spacing:-3px;font-size:25px}.logo-mark span,.pc-logo span{color:#54e2c5}.logo-accent{color:var(--teal)}.logo small{display:block;color:#899ba5;font-size:9px;letter-spacing:2.4px;font-weight:800;margin-top:3px;text-transform:uppercase}.nav nav{display:flex;align-items:center;gap:32px;color:#5b707a;font-size:13px;font-weight:700}.nav .nav-cta{color:white;background:var(--dark);padding:15px 20px;border-radius:9px}.nav .nav-cta span{margin-left:9px}.main-area{min-height:calc(100vh - 218px)}.hero{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:55px;gap:55px;min-height:525px;border-radius:20px;background:#edf5f6;overflow:hidden;padding:74px 64px 55px;position:relative}.hero-content{z-index:2}.eyebrow,.section-caption{font-size:11px;letter-spacing:2.2px;color:#087b8c;font-weight:900;display:flex;align-items:center;gap:9px}.hero h1{font-size:clamp(39px,4.5vw,64px);font-weight:900;line-height:1.11;letter-spacing:-2.7px;margin:23px 0}.hero h1 span{color:#0a8e96}.hero-content>p{font-size:15px;line-height:1.85;color:#607682;max-width:500px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{border:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 21px;border-radius:9px;font-size:13px;font-weight:800;text-align:center;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px #0b566a1a}.btn-primary{color:white;background:linear-gradient(105deg,#087b8c,#075b70)}.btn-secondary{color:#164657;border:1px solid #cbdce1;background:white}.hero-foot{display:flex;flex-wrap:wrap;gap:22px;margin-top:57px;font-size:11px;font-weight:800;color:#6d8790}.hero-showcase{position:relative;display:flex;align-items:center;justify-content:center;min-height:370px}.ring{position:absolute;border:1px solid #d1e7e9;border-radius:50%;width:500px;height:500px}.ring-one{width:360px;height:360px}.ring-two{transform:scale(1.35)}.preview-card{z-index:2;width:min(100%,325px);padding:22px 25px 21px;background:white;border:1px solid #dce8eb;border-radius:20px;box-shadow:0 26px 55px #164d5d21;text-align:center;transform:rotate(-2deg)}.pc-top{display:flex;justify-content:space-between;align-items:center}.pc-logo{width:37px;height:37px;background:#073a4a;color:white;display:grid;place-items:center;border-radius:11px;font-size:20px;font-weight:900;letter-spacing:-3px}.tiny-status{background:#e8f8f5;border-radius:20px;padding:7px 9px;color:#157b79;font-weight:700;font-size:10px}.tiny-status .live-dot{width:5px;height:5px;box-shadow:none;margin-right:5px}.avatar{width:75px;height:75px;border-radius:25px;background:linear-gradient(135deg,#e2f7f3,#c0ece9);color:#10988f;display:grid;place-items:center;font-size:38px;font-weight:900;margin:25px auto 16px}.preview-card h3{font-size:20px;margin:0}.preview-card p{color:#78919b;font-size:12px;margin:9px 0 22px}.preview-button{color:white;background:#0b7585;padding:16px;border-radius:10px;font-size:13px;font-weight:700;display:flex;justify-content:space-between}.preview-note{font-size:10px;color:#8ba0a8;padding-top:13px}.section{padding:68px 0}.section h2{font-size:29px;letter-spacing:-.7px;margin:13px 0 24px}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.feature{border-radius:14px;background:white;border:1px solid var(--line);padding:25px;min-height:210px;position:relative}.feature-number{font-size:11px;color:#b1c4ca;font-weight:900;position:absolute;right:24px}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eaf7f7;color:#148996;font-weight:900;font-size:27px}.feature h3{font-size:16px;margin:22px 0 8px}.feature p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.info-strip{background:#e9f4f4;border:1px solid #d9eaeb;border-radius:14px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:42px}.info-strip strong{font-size:14px}.info-strip p{font-size:12px;line-height:1.5;color:#6d8790;margin:6px 0 0}.text-link{font-size:13px;color:#087b8c;font-weight:800;white-space:nowrap}.footer{border-top:1px solid var(--line);height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#93a5ad;font-size:11px}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;padding:47px 45px 84px;align-items:center;min-height:590px}.auth-aside{padding:20px 20px 20px 0}.auth-icon{background:#dff1f1;color:#0c8991;width:54px;height:54px;display:grid;place-items:center;font-size:29px;border-radius:18px;margin-bottom:35px}.auth-aside h1{font-size:48px;letter-spacing:-2px;line-height:1.13;max-width:390px;margin:16px 0}.auth-aside>p{color:#718792;line-height:1.85;font-size:15px;max-width:380px}.auth-steps{margin-top:34px}.auth-steps div{display:flex;align-items:center;gap:16px;padding:13px 0;color:#5d7581;font-size:13px;font-weight:700}.auth-steps b{color:#0b8190;background:#e5f4f4;border-radius:8px;width:31px;height:31px;display:grid;place-items:center;font-size:11px}.auth-card{background:#fff;border:1px solid #e0eaee;border-radius:18px;padding:42px;box-shadow:0 22px 62px #1e566112}.auth-card .eyebrow{font-size:10px}.auth-card h2{font-size:29px;letter-spacing:-1px;margin:16px 0 10px}.auth-card>p{font-size:13px;color:#748995;line-height:1.8;margin:0 0 26px}.btn-wide{width:100%;justify-content:flex-start}.btn-symbol,.push-right{font-size:20px}.push-right{margin-left:auto}.divider-word{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.3px;color:#99aab1;margin:24px 0}.divider-word span{height:1px;background:#e2ecef;flex:1 1}.security-note{background:#f0f7f8;border-radius:9px;padding:14px;display:flex;gap:10px;line-height:1.65;font-size:11px;color:#617d89}.security-note span{font-weight:900;color:#0b8492;font-size:16px}.switch-auth{font-size:12px;color:#758b96;text-align:center;margin-top:25px}.switch-auth a{color:#087b8c;font-weight:800}.auth-disclaimer{font-size:10px!important;color:#9bb0b9!important;margin:26px 0 0!important;text-align:center}.center-column{max-width:550px;margin:40px auto 90px}.centered{text-align:center}.centered h1{font-size:29px;letter-spacing:-1px;margin:15px 0 10px}.centered>p{font-size:13px;color:#738893;line-height:1.75;margin:0 0 23px}.centered .eyebrow{justify-content:center}.centered .security-note{text-align:left;margin-top:20px}.field-label{text-align:left;display:block;font-size:12px;font-weight:800;color:#334b58;margin:15px 0 8px}.field{width:100%;border-radius:8px;border:1px solid #dce7eb;background:#fbfdfd;outline:none;padding:15px 13px;margin-bottom:8px;color:#244450}.field:focus{border-color:#168e97;box-shadow:0 0 0 3px #168e9722}.centered button{margin-top:13px}.back-link{font-size:12px;color:#617f8c;display:inline-block;margin:0 0 17px}.success-circle,.warning-circle{width:58px;height:58px;border-radius:50%;background:#dff5eb;color:#148b6d;display:grid;place-items:center;font-size:26px;font-weight:900;margin:0 auto}.warning-circle{background:#fef0da;color:#b57821}.optional{font-weight:400;color:#9babb4}.dashboard{padding:45px 0 60px}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dashboard-head h1{font-size:37px;letter-spacing:-1.3px;margin:14px 0 8px}.dashboard-head h1 span{font-size:31px}.dashboard-head p{color:#7f939e;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:30px 0 25px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px;min-height:114px}.stat>span{font-size:12px;color:#8297a0}.stat strong{font-size:17px}.status-pill{font-style:normal;color:#0a906e;background:#e5f7ef;border-radius:30px;padding:7px 13px;font-size:12px}.mono{font-family:monospace;font-size:15px!important}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.panel{background:white;border:1px solid var(--line);padding:25px;border-radius:14px}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.panel h2{font-size:17px;margin:0}.profile-indicator,.small-label{font-size:11px;color:#099678;background:#e6f8f2;padding:8px;border-radius:8px}.small-label{background:#e9f4f9;color:#0a8da5}.profile-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding:17px 0;border-bottom:1px solid #f0f5f6}.profile-row:last-child{border-bottom:0}.profile-row>span{color:#8296a0}.profile-row strong{text-align:right;word-break:break-word}.placeholder-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #f0f5f6;font-size:13px}.placeholder-row:last-child{border-bottom:0}.placeholder-row>div{flex:1 1}.placeholder-row small{display:block;color:#92a4ad;margin-top:5px}.placeholder-row>span:last-child{color:#9bb1b9}.placeholder-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf8f7;color:#138a92;font-size:22px}.dashboard .info-strip{margin-top:20px}@media(max-width:900px){.hero{padding:52px 35px;gap:15px}.hero-foot{margin-top:25px}.auth-wrap{padding:25px 0 70px;gap:35px}.auth-aside h1{font-size:39px}.auth-card{padding:30px}.notice-right{display:none}}@media(max-width:650px){.container{width:min(100% - 28px,1170px)}.nav{height:72px}.nav nav{gap:11px;font-size:11px}.nav nav>a:first-child{display:none}.nav .nav-cta{padding:12px}.logo{font-size:17px}.logo-mark{height:38px;width:38px}.hero{grid-template-columns:1fr;padding:45px 25px 32px}.hero h1{font-size:42px}.hero-showcase{min-height:320px}.preview-card{transform:none}.hero-foot{gap:12px;line-height:1.6}.auth-wrap,.dashboard-columns,.features,.stats{grid-template-columns:1fr}.auth-aside{padding:12px 0}.auth-aside h1{font-size:33px}.auth-steps{display:none}.auth-wrap{gap:12px}.auth-card{padding:27px 21px}.dashboard-head{align-items:flex-start}.dashboard-head h1{font-size:29px}.dashboard-head .btn{padding:0 13px}.stats{gap:10px}.center-column{margin:15px auto 60px}.footer{height:auto;padding:22px 0;flex-wrap:wrap}.info-strip{flex-direction:column;align-items:flex-start}.notice{font-size:9px}}