.topbar{position:sticky;top:0;z-index:10;background:#f8fbfce8;backdrop-filter:blur(16px);border-bottom:1px solid #dcebed}
.topbar nav{align-items:center;gap:12px}.topbar nav a{padding:9px 12px;border-radius:8px;transition:.2s}.topbar nav a:hover{background:#e4f8f8;color:#087d83}.topbar nav .nav-pill{color:#087f87;background:#e1f7f6;border:1px solid #b6e6e3}.login-btn{border:0!important;background:linear-gradient(115deg,#118cb5,#17b99f)!important;color:#fff!important;box-shadow:0 10px 22px #129aae38}.login-btn span{color:#fff!important}.hero{position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:2%;top:45px;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,#bdf5ec 0,rgba(189,245,236,0) 68%);z-index:-1}.hero-console{position:absolute;right:24px;top:120px;width:335px;padding:18px;border:1px solid #b8dfe4;border-radius:18px;background:#ffffffd9;box-shadow:0 25px 55px #134e5c1c;backdrop-filter:blur(10px);transform:rotate(2deg)}.console-top{display:flex;justify-content:space-between;font:700 9px 'DM Mono';letter-spacing:1px;color:#668798;padding-bottom:14px;border-bottom:1px solid #e2eef0}.console-top i{font-style:normal;color:#0aa978}.console-line{display:flex;gap:10px;align-items:center;padding:14px 0 0;color:#5a7485;font-size:11px}.console-line b{padding:4px 6px;border-radius:5px;background:#e3f5fb;color:#1384a0;font:700 9px 'DM Mono'}.console-line em{margin-left:auto;color:#10ae7b;font-style:normal;font-weight:bold}.console-bars{display:flex;align-items:end;gap:5px;height:54px;margin-top:18px;padding:10px;background:#eff9fa;border-radius:9px}.console-bars i{display:block;width:100%;border-radius:3px 3px 0 0;background:linear-gradient(#1db8ba,#1384b0)}.console-bars i:nth-child(1){height:35%}.console-bars i:nth-child(2){height:60%}.console-bars i:nth-child(3){height:48%}.console-bars i:nth-child(4){height:80%}.console-bars i:nth-child(5){height:57%}.console-bars i:nth-child(6){height:92%}.console-bars i:nth-child(7){height:70%}.console-bars i:nth-child(8){height:100%}
.about{padding-top:110px;padding-bottom:105px}.about-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center}.about h2{margin:16px 0;font-size:45px;line-height:1.08;letter-spacing:-2.8px}.about>div p{max-width:520px;color:#65798b;line-height:1.8}.about-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{color:#087f87;font-weight:800;text-decoration:none;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.feature-grid article{min-height:165px;padding:22px;border:1px solid #d7e8eb;border-radius:15px;background:linear-gradient(145deg,#fff,#f3fbfb);box-shadow:0 10px 25px #164b5b0a}.feature-grid span{display:grid;place-items:center;width:33px;height:33px;margin-bottom:20px;border-radius:9px;background:#d9f6f3;color:#078a8d;font-weight:800}.feature-grid b{display:block;font-size:14px}.feature-grid p{margin:8px 0 0;font-size:11px!important;line-height:1.6!important}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:75px;padding-bottom:75px;border-top:1px solid #dcebed;background:linear-gradient(100deg,#e9f9f9,#f1f8ff)}.contact-section:before{content:'';position:absolute;left:0;right:0;height:100%;background:inherit;z-index:-1}.contact-section h2{margin:16px 0;font-size:42px;line-height:1.1;letter-spacing:-2.6px}.contact-section p{color:#60798a;line-height:1.7}.contact-cards{display:grid;gap:10px}.contact-cards a{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #d0e5e8;border-radius:12px;background:#ffffffd9;color:#183e50;text-decoration:none;transition:.2s}.contact-cards a:hover{transform:translateX(5px);border-color:#50c5c3}.contact-cards>a>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#dbf6f4;color:#0c9e9d;font-weight:800}.contact-cards b,.contact-cards small{display:block}.contact-cards small{margin-top:3px;color:#728b99;font-size:11px}.contact-cards em{margin-left:auto;color:#0d9798;font-style:normal}footer{padding-top:35px;padding-bottom:35px;border-top:1px solid #deebef}footer b{font-size:18px;color:#102a3b}footer b span{color:#13a7ae}footer p{margin:5px 0 0;font-size:10px}footer>div{display:block}
@media(max-width:950px){.hero-console{position:relative;right:auto;top:auto;margin:15px 0 0;transform:none}.about-grid,.contact-section{grid-template-columns:1fr;gap:35px}.contact-section{padding-left:24px;padding-right:24px}.hero{min-height:auto}.hero:after{display:none}}@media(max-width:650px){.topbar nav{display:none}.hero-console{width:100%}.about h2,.contact-section h2{font-size:34px}.feature-grid{grid-template-columns:1fr}.about-actions{flex-wrap:wrap}.contact-section{margin:0}.contact-cards a{padding:14px}footer{align-items:flex-start;gap:15px;flex-direction:column}footer span{display:flex;flex-wrap:wrap;gap:6px}footer a{margin-left:0}}