:root{
  --accent:#19ddc4;
  --accent-dark:#14c1ab;
  --dark:#1f2024;
  --dark-soft:#171921;
  --bg:#f7f7ff;
  --surface:#fff;
  --border:#ebebf3;
  --text:#444;
  --muted:#6f7481;
  --radius:3px;
  --shadow:0 0 5px rgba(0,0,0,.1);
  --card-shadow:0 20px 45px rgba(31,32,36,.08);
}
*,
*::before,
*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:14px/1.6 "Open Sans",sans-serif}
h1,h2,h3,h4,h5,h6{margin:0;color:var(--dark);font-family:"Poppins",sans-serif}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;border:0}
ul{list-style:none;margin:0;padding:0}
button,input{font:inherit}
button{background:none;border:0;padding:0}
.row{width:1170px}
.container{margin:0 auto}
#outer-wrapper{max-width:1210px;margin:0 auto;background:#fff;box-shadow:var(--shadow)}
#header-wrap{position:relative;min-height:70px;background:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 4px rgba(0,0,0,.1);padding:0 20px;z-index:1010}
#header-wrap .container{position:relative;display:flex;align-items:center;min-height:70px}
.header-logo{display:flex;align-items:center;min-height:70px;margin-right:20px}
.main-logo{display:flex;align-items:center;max-width:250px;min-height:70px;padding:0 5px}
.header-image-wrapper{display:flex;align-items:center}
.header-image-wrapper img{width:auto;max-height:52px}
.header-menu{flex:1 1 auto}
.header-signin-link{position:absolute;top:0;right:0;display:block;width:96px;height:70px;background:rgba(255,255,255,.05);color:var(--dark);font-size:13px;font-weight:600;line-height:70px;text-align:center;z-index:20;transition:background-color .17s ease,color .17s ease}
.header-signin-link:link,.header-signin-link:visited,.header-signin-link:hover,.header-signin-link:active{color:var(--dark);text-decoration:none}
.header-signin-link:hover{background:rgba(255,255,255,.12)}
#main-menu{height:70px}
#main-menu ul#main-menu-nav{display:flex;align-items:center;height:70px}
#main-menu ul>li>a{display:inline-block;padding:0 15px;line-height:70px;font-size:14px;font-weight:600;color:var(--dark);transition:color .17s ease}
#main-menu ul#main-menu-nav>li:hover>a,.auth-nav-link.is-active{color:var(--accent)}
.show-search,.hide-search,.mobile-menu-toggle{position:absolute;top:0;width:58px;height:70px;line-height:70px;text-align:center;color:var(--dark);cursor:pointer}
.show-search{right:96px}
.hide-search{right:0}
.mobile-menu-toggle{left:0;display:none}
.show-search::before,.hide-search::before,.mobile-menu-toggle::before,.back-top::after,.auth-password-toggle::before,.auth-badge::before,.auth-points li::before,.social a::before{font-family:FontAwesome}
.show-search::before{content:"\f002"}
.hide-search::before{content:"\f00d"}
.mobile-menu-toggle::before{content:"\f0c9"}
.nav-active .mobile-menu-toggle::before{content:"\f00d"}
#nav-search{display:none;position:absolute;top:0;left:0;right:96px;width:auto;min-width:0;height:70px;background:#fff;z-index:99}
#nav-search .search-form{position:relative;height:70px;overflow:visible}
#nav-search .search-input{width:100%;height:70px;padding:0 58px 0 0;border:0;background:transparent;color:var(--dark)}
#nav-search .search-input:focus{outline:none}
.search-suggestions{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;border:1px solid #eee;box-shadow:0 16px 35px rgba(0,0,0,.08);padding:8px 0;z-index:120}
.search-suggestions.is-visible{display:block}
.search-suggestion-item{display:block;padding:10px 18px;transition:background-color .17s ease}
.search-suggestion-item:hover{background:#f8f8f8}
.search-suggestion-title{display:block;color:var(--dark);font-size:13px;font-weight:600;line-height:1.5}
.search-suggestion-meta{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.5}
.search-suggestion-empty{padding:10px 18px;color:var(--muted);font-size:13px;line-height:1.6}
.mobile-menu-wrap{display:none;position:absolute;top:70px;left:0;width:100%;background:var(--dark);opacity:0;visibility:hidden;transition:all .17s ease;z-index:1000}
.nav-active .mobile-menu-wrap{opacity:1;visibility:visible}
.mobile-menu{padding:20px;border-top:1px solid rgba(255,255,255,.03)}
.mobile-menu>ul li{position:relative;display:block;width:100%;line-height:38px}
.mobile-menu ul li a{display:block;color:#f2f2f2}
.mobile-menu .m-sub{display:none}
.mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#f2f2f2;cursor:pointer}
.mobile-menu ul li.has-sub .submenu-toggle::after{content:"\f105";float:right;width:34px;text-align:center;font-family:FontAwesome;transition:all .17s ease}
.mobile-menu ul li.has-sub.show>.submenu-toggle::after{transform:rotate(90deg)}
.mobile-menu>ul>li>ul>li>a{padding-left:15px;opacity:.75}
#content-wrapper{margin:30px 0 0;padding:0 20px 40px}
#content-wrapper>.container,#main-wrapper{width:100%}
.auth-hero{position:relative;overflow:hidden;margin:0 0 25px;padding:38px 42px;border-radius:var(--radius);background:radial-gradient(circle at top right,rgba(25,221,196,.26),transparent 32%),linear-gradient(135deg,#171921 0%,#1f2024 62%,#0e1118 100%);color:#fff}
.auth-hero::after{content:"";position:absolute;right:-60px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.05)}
.auth-kicker{display:inline-block;margin:0 0 14px;padding:6px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.auth-hero h1{max-width:580px;margin:0 0 10px;color:#fff;font-size:34px;line-height:1.2}
.auth-hero p{position:relative;z-index:1;max-width:560px;margin:0;color:rgba(255,255,255,.78);font-size:15px}
.auth-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:25px;align-items:start}
.auth-card,.auth-side-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow)}
.widget-title{padding:22px 28px 0}
.widget-title>h3,.auth-side-card h2{font-size:24px;font-weight:600;line-height:1.25}
.auth-form-copy{margin:10px 0 0;padding:0 28px;color:var(--muted)}
.contact-form-widget{width:100%;padding:22px 28px 28px}
.auth-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-form-name,.contact-form-email{width:100%;min-height:48px;margin:0 0 12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--dark);transition:border-color .17s ease,box-shadow .17s ease}
.contact-form-name:focus,.contact-form-email:focus{outline:none;border-color:rgba(25,221,196,.6);box-shadow:0 0 0 3px rgba(25,221,196,.14)}
.auth-password-wrap{position:relative}
.auth-password-wrap .contact-form-email{padding-right:52px}
.auth-password-toggle{position:absolute;top:9px;right:10px;width:34px;height:30px;border-radius:3px;color:var(--muted);cursor:pointer}
.auth-password-toggle:hover{background:rgba(25,221,196,.08);color:var(--dark)}
.auth-password-toggle::before{content:"\f06e"}
.auth-password-toggle.is-visible::before{content:"\f070"}
.auth-form-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 16px}
.auth-check{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.auth-check input{width:16px;height:16px;accent-color:var(--accent)}
.auth-inline-link,.auth-switch a{color:var(--accent-dark);font-weight:600}
.auth-inline-link:hover,.auth-switch a:hover{color:var(--dark)}
.contact-form-button-submit{width:100%;min-height:48px;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:13px;font-weight:700;line-height:48px;cursor:pointer;transition:background .17s ease}
.contact-form-button-submit:hover{background:var(--dark)}
.contact-form-button-submit:disabled{cursor:wait;opacity:.82}
.contact-form-button-submit.is-loading{background:var(--dark-soft)}
.auth-status{display:none;margin:0 0 14px;padding:11px 14px;border-radius:var(--radius);font-size:12px;font-weight:600}
.auth-status.is-visible{display:block}
.auth-status.is-error{background:#fbe5e5;border:1px solid #fc6262;color:#9d1f1f}
.auth-status.is-success{background:#eaf6ff;border:1px solid #5ab6f9;color:#165b93}
.auth-status.is-pending{background:#fff6d8;border:1px solid #e1bf63;color:#8c6a12}
.auth-switch{margin:18px 0 0;color:var(--muted);font-size:13px;text-align:center}
.auth-side-card{padding:28px}
.auth-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 12px;border-radius:999px;background:rgba(25,221,196,.09);color:var(--accent-dark);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.auth-badge::before{content:"\f023"}
.auth-side-card p{margin:12px 0 0;color:var(--muted)}
.auth-points{margin:22px 0 0}
.auth-points li{position:relative;margin:0 0 14px;padding-left:26px}
.auth-points li::before{content:"\f00c";position:absolute;left:0;top:0;color:var(--accent)}
.auth-mini-card{margin:24px 0 0;padding:18px;border:1px solid rgba(25,221,196,.18);border-radius:var(--radius);background:linear-gradient(135deg,rgba(25,221,196,.08),rgba(25,221,196,.02))}
.auth-mini-card strong{color:var(--dark)}
.auth-mini-card p{margin:8px 0 0}
#footer-wrapper{overflow:hidden;background:var(--dark);border-top:2px solid var(--border)}
#footer-wrapper .primary-footer{width:100%;background:var(--dark-soft)}
#footer-wrapper .container{overflow:hidden;padding:10px 20px}
#footer-wrapper .primary-footer .container{display:flex;align-items:center;justify-content:space-between;gap:25px}
#footer-about-area{float:none;width:auto;flex:1 1 auto}
#footer-about-area .widget{float:none;display:flex;align-items:center;gap:20px;width:100%}
#footer-about-area .footer-logo{float:none;display:block;padding-right:0}
#footer-about-area .footer-logo img{max-height:50px}
#footer-about-area .image-caption{display:block;flex:1 1 auto;min-height:0;margin:0;color:#d5d8df;font-size:13px;line-height:1.7}
.foot-bar-social{float:none;padding:8px 0;flex:0 0 auto}
.foot-bar-social .widget-content{display:flex;justify-content:flex-end}
.social a::before{display:block}
.social .facebook a::before{content:"\f09a"}
.social .twitter a::before{content:"\f099"}
.social .instagram a::before{content:"\f16d"}
.social .youtube a::before{content:"\f16a"}
.social .linkedin a::before{content:"\f0e1"}
.social ul li{float:left;margin:0 0 0 8px}
.social ul li:first-child{margin-left:0}
.social ul li a{display:block;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:14px;line-height:34px;text-align:center;transition:transform .17s ease,background-color .17s ease}
.social ul li a:hover{transform:translateY(-2px)}
.social-color .facebook a{background-color:#3b5999}
.social-color .twitter a{background-color:#00acee}
.social-color .instagram a{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}
.social-color .youtube a{background-color:#db4a39}
.social-color .linkedin a{background-color:#0077b5}
#menu-footer{float:right}
#menu-footer .widget-title{display:none}
#menu-footer ul li{display:inline-block}
#menu-footer ul li a{display:block;margin:0 0 0 5px;padding:0 10px;line-height:34px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff}
.back-top{display:none;position:fixed;right:15px;bottom:15px;width:32px;height:32px;line-height:32px;text-align:center;border-radius:var(--radius);cursor:pointer;z-index:1010}
.back-top::before{content:"";position:absolute;inset:0;background:var(--accent);opacity:.5;transition:opacity .17s ease}
.back-top::after{content:"\f077";position:relative;color:#fff;opacity:.8;transition:opacity .17s ease}
.back-top:hover::before,.back-top:hover::after{opacity:1}
@media screen and (max-width:1200px){.row{width:100%}}
@media screen and (max-width:980px){
  #header-wrap{padding:0}
  #header-wrap .container{justify-content:center}
  .header-logo,.main-logo{width:100%;max-width:100%;margin:0;justify-content:center;text-align:center}
  .header-menu{display:none}
  .header-signin-link{display:none}
  .mobile-menu-wrap,.mobile-menu-toggle{display:block}
  .show-search{right:0}
  #nav-search{left:0;right:0;width:100%;min-width:0}
  #nav-search .search-input{padding:0 58px 0 20px}
  .auth-shell{grid-template-columns:1fr}
}
@media screen and (max-width:880px){
  #footer-wrapper .primary-footer .container{display:block}
  #footer-about-area{width:100%;text-align:center}
  #footer-about-area .widget{display:block;width:100%}
  #footer-about-area .footer-logo{float:none;display:inline-block;padding:0}
  #footer-about-area .image-caption{display:block;min-height:0;margin:10px 0 0;text-align:center}
  .foot-bar-social{width:100%;padding:14px 0 0;text-align:center}
  .foot-bar-social .widget-content{justify-content:center}
  .social ul{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap}
  .social ul li{float:none}
  #menu-footer{width:100%;margin-top:10px;text-align:center}
}
@media screen and (max-width:680px){
  #content-wrapper{padding:0 14px 30px}
  .auth-hero{padding:26px 22px}
  .auth-hero h1{font-size:28px}
  .widget-title,.auth-form-copy,.contact-form-widget,.auth-side-card{padding-left:18px;padding-right:18px}
  .widget-title{padding-top:18px}
  .contact-form-widget{padding-bottom:20px}
  .auth-field-row{grid-template-columns:1fr;gap:0}
  #footer-wrapper .container{text-align:center}
  #menu-footer ul li{display:block}
  #menu-footer ul li a{margin:0 0 6px;line-height:1.6}
}
