/* GSM Deep-Navy UI V10 for unlockertool.online.
   Independent styling inspired by reference screenshots, not third-party CSS.
   No SQL, authentication, service pricing, payment or order logic. */
html[data-area]{
 --bg:#0c182b!important; --surface:#18283f!important; --text:#edf4ff!important;
 --muted:#a8b9d0!important; --line:#304660!important;
 --primary:#2376e2!important;--primary-dark:#1761c9!important;--accent:#58a0ff!important;
 --radius:17px!important;--shadow:0 12px 35px rgba(0,0,0,.14)!important;
 color-scheme:dark;
}
html[data-area] body{
 margin:0!important;background:#0c182b!important;color:#eaf2ff!important;
 font-family:Inter,"Segoe UI",Roboto,system-ui,-apple-system,sans-serif!important;
 font-size:14px;line-height:1.53;letter-spacing:-.011em;
 -webkit-font-smoothing:antialiased;
}
html[data-area] .container{width:min(1284px,calc(100% - 70px))!important;max-width:1284px!important}
html[data-area] .page{padding-top:29px!important;padding-bottom:70px!important;min-height:calc(100vh - 94px)}
html[data-area] h1,html[data-area] h2,html[data-area] h3{letter-spacing:-.035em;font-family:Inter,"Segoe UI",Roboto,system-ui,sans-serif}
html[data-area] p{line-height:1.58}
html[data-area] .muted,html[data-area] .page-head p{color:#acb9ca!important}
html[data-area] .eyebrow{color:#79b1ff!important;font-weight:800!important;letter-spacing:.08em}
html[data-area] a:not(.btn):not(.gsm-social-btn){color:#77aeff;transition:color .17s ease}
html[data-area] a:hover{color:#b4d5ff}
/* Reference-inspired one-row nav; remove old promotional visual clutter. */
html[data-area] .gsm-promo-zone{display:none!important}
html[data-area] .gsm-social-float{display:none!important}
html[data-area] .topbar{
 position:sticky!important;top:0!important;z-index:100!important;
 background:#0e1d32!important;border:0!important;border-bottom:1px solid #2a3b54!important;
 box-shadow:0 10px 26px rgba(1,8,22,.19)!important;
 backdrop-filter:blur(12px);
}
html[data-area] .topbar .nav-wrap{height:64px!important;min-height:64px!important;padding:0!important;gap:19px!important}
html[data-area] .topbar .brand{flex:0 0 auto!important;width:220px!important;max-width:220px!important;min-width:0!important;padding:0!important}
html[data-area] .brand-logo-image{width:174px!important;max-width:100%!important;height:auto!important;max-height:50px!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
html[data-area] .gsm-desktop-shell{display:flex!important;flex:1;align-items:center;justify-content:space-between;gap:16px!important;min-width:0}
html[data-area] .gsm-desktop-nav{display:flex!important;align-items:center;justify-content:center;gap:9px!important;flex:1!important}
html[data-area] .gsm-desktop-nav>a{
 color:#e5ecf9!important;display:inline-flex!important;align-items:center;justify-content:center;
 gap:9px;padding:0 14px!important;min-height:40px!important;
 white-space:nowrap;font-size:13px!important;font-weight:700!important;
 border-radius:999px!important;border:1px solid rgba(165,190,226,.24)!important;
 background:rgba(255,255,255,.075)!important;
 text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease!important;
}
html[data-area] .gsm-desktop-nav>a::before{font-size:15px;color:#c1cddd}
html[data-area] .gsm-desktop-nav>a:nth-child(1)::before{content:'▣'}
html[data-area] .gsm-desktop-nav>a:nth-child(2)::before{content:'▰'}
html[data-area] .gsm-desktop-nav>a:nth-child(3)::before{content:'▱'}
html[data-area] .gsm-desktop-nav>a:hover,html[data-area] .gsm-desktop-nav>a:focus-visible{
 background:rgba(83,126,192,.25)!important;border-color:#5a7eb7!important;transform:translateY(-1px)
}
html[data-area] .gsm-public-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:9px!important;flex:0 0 auto;margin-left:0!important}
html[data-area] .gsm-public-currency{display:none!important}
html[data-area] .ur-currency-label{font-size:12px;color:#dae5f6;font-weight:800;padding:8px 6px}
html[data-area] .ur-theme-toggle{display:inline-grid;place-items:center;cursor:pointer;font-size:24px;line-height:1;
 min-width:42px;height:43px;border:1px solid #526783;border-radius:9px;background:#203450;color:#e3f1ff;
 transition:background .2s ease,transform .2s ease!important}
html[data-area] .ur-theme-toggle:hover{background:#344d72;transform:rotate(25deg)}
html[data-area] .gsm-public-actions .btn{height:43px!important;min-height:43px!important;padding:0 16px!important;font-size:12px!important;border-radius:9px!important;font-weight:800!important;box-shadow:none!important}
html[data-area] .gsm-public-actions .btn-ghost{background:#263750!important;color:#eaf1fc!important;border:1px solid #536983!important}
html[data-area] .gsm-public-actions .btn:not(.btn-ghost){background:#f9fafc!important;color:#16478a!important;border:1px solid white!important}
html[data-area] .gsm-public-actions .btn:hover{transform:translateY(-2px)!important}
html[data-area] .gsm-mobile-toggle{color:#edf4ff!important;background:#203450!important;border-color:#415b7b!important;border-radius:10px!important}
html[data-area] .gsm-mobile-drawer{background:#15263e!important;color:#eaf2ff!important;border-color:#405672!important}
html[data-area] .gsm-drawer-link{color:#eaf1fe!important}
html[data-area] .gsm-drawer-link:hover{background:#243e5e!important}
html[data-area] .gsm-account-trigger{background:#243955!important;border-color:#4a6280!important;color:#eef5ff!important;border-radius:10px!important}
html[data-area] .gsm-account-dropdown{background:#1a2e49!important;border-color:#355373!important;color:#eaf2ff!important}
html[data-area] .gsm-dropdown-link{color:#dce9ff!important}
html[data-area] .gsm-dropdown-link:hover{background:#2b486c!important}
/* Universal dark-blue UI language across catalog, wallet and dashboard */
html[data-area] .btn,html[data-area] a.btn,html[data-area] button.btn{
 background:linear-gradient(112deg,#1768d4,#2778e9)!important;color:white!important;
 border:1px solid #307ee5!important;min-height:42px;border-radius:11px!important;
 font-weight:750!important;box-shadow:0 8px 18px rgba(16,97,208,.19)!important;
 transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important
}
html[data-area] .btn:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 11px 27px rgba(22,104,222,.28)!important}
html[data-area] .btn:active{transform:translateY(0) scale(.99)}
html[data-area] .btn-ghost,html[data-area] a.btn-ghost{
 background:#263b59!important;color:#ecf4ff!important;border-color:#4d6587!important;box-shadow:none!important
}
html[data-area] .btn-danger{background:#9b2845!important;border-color:#c7425e!important}
html[data-area] .card,html[data-area] .service-card,html[data-area] .stat-card,
html[data-area] .payment-method-card,html[data-area] .public-info-card,
html[data-area] .public-info-sidecard,html[data-area] .price-box{
 background:#17283f!important;color:#e7effc!important;
 border:1px solid #304660!important;border-radius:16px!important;
 box-shadow:0 12px 27px rgba(1,9,23,.18)!important;
}
html[data-area] .card h1,html[data-area] .card h2,html[data-area] .card h3,
html[data-area] .service-card h2,html[data-area] .page-head h1{color:#f3f7ff!important}
html[data-area] .card p,html[data-area] .card small,
html[data-area] .service-card p,html[data-area] .stat-card>span{color:#b3c2d6!important}
html[data-area] .page-head h1{font-size:clamp(26px,3vw,36px)!important;font-weight:800}
html[data-area] .card:hover,html[data-area] .service-card:hover{border-color:#4774ad!important}
html[data-area] .service-card{transition:transform .24s ease,box-shadow .24s ease}
html[data-area] .service-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0004!important}
html[data-area] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-area] select,html[data-area] textarea{
 background:#263a58!important;color:#e9f1fd!important;
 border:1px solid #344e70!important;box-shadow:none!important;
 border-radius:10px!important;min-height:41px;
}
html[data-area] input::placeholder,html[data-area] textarea::placeholder{color:#97acc8!important;opacity:1}
html[data-area] input:focus,html[data-area] select:focus,html[data-area] textarea:focus{
 border-color:#6fa6f8!important;box-shadow:0 0 0 3px rgba(55,138,240,.18)!important;outline:none
}
html[data-area] input[type=checkbox],html[data-area] input[type=radio]{accent-color:#2379e9}
html[data-area] .form-group label,html[data-area] label{color:#dfebfb}
html[data-area] .badge-info{background:#234778!important;color:#acd6ff!important}
html[data-area] .badge-success{background:#104c48!important;color:#99e2d0!important}
html[data-area] .badge-warning{background:#534225!important;color:#ffdaa2!important}
html[data-area] .badge-muted{background:#33445e!important;color:#cdddf2!important}
html[data-area] .badge-danger{background:#602f3c!important;color:#ffb8c6!important}
html[data-area] table{background:#1a2c46;color:#e8effb;border-collapse:separate;border-spacing:0;border-radius:13px;overflow:hidden}
html[data-area] th{background:#233955!important;color:#aec6e6!important;border-color:#40516b!important}
html[data-area] td{border-color:#324862!important;color:#e1ebfa!important}
html[data-area] tbody tr:hover{background:#243a58!important}
html[data-area] .table-wrap{border-radius:13px}
html[data-area] .filter-bar{gap:10px!important}
html[data-area] .alert{border-radius:10px!important}
html[data-area] .alert-error{background:#4f273c!important;color:#ffc2c9!important}
html[data-area] .alert-success{background:#164638!important;color:#a2ffe3!important}
html[data-area] .alert-info{background:#1c3b67!important;color:#c3ddff!important}
html[data-area] .pagination-link{color:#bfd9ff!important;background:#253b59!important;border-color:#425d7f!important}
html[data-area] .pagination-link.active{background:#226fe1!important;color:white!important}
/* Homepage: large hero and refined catalogue cards */
html[data-page="index"] .ur-home-hero{
 display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:26px;
 align-items:center;min-height:390px;max-width:1200px;margin:9px auto 27px;
 padding:43px clamp(28px,5vw,65px);border-radius:25px;
 border:1px solid #2b4b70;background:radial-gradient(ellipse at 86% 35%,rgba(33,126,253,.33),transparent 43%),linear-gradient(120deg,#10223d,#113364 65%,#185597);
 box-shadow:0 18px 48px rgba(2,11,29,.24);overflow:hidden;position:relative;
}
html[data-page="index"] .ur-home-kicker{font-size:11px;color:#83bdff;font-weight:800;letter-spacing:.16em}
html[data-page="index"] .ur-home-copy h1{color:white!important;font-size:clamp(33px,4vw,53px);line-height:1.13;margin:15px 0;font-weight:830}
html[data-page="index"] .ur-home-copy h1 em{font-style:normal;color:#7cbdff}
html[data-page="index"] .ur-home-copy>p{color:#c4d3e8;max-width:540px;font-size:15px;margin:0 0 20px}
html[data-page="index"] .ur-home-buttons{display:flex;gap:11px;flex-wrap:wrap}
html[data-page="index"] .ur-home-buttons a{font-size:13px;min-height:47px;padding:12px 20px}
html[data-page="index"] .ur-home-buttons .btn-ghost{background:rgba(255,255,255,.075)!important}
html[data-page="index"] .ur-home-stats{display:flex;gap:22px;margin-top:27px;color:#c6d9ef;font-size:12px}
html[data-page="index"] .ur-home-stats strong{font-size:19px;color:#fff;margin-right:4px}
html[data-page="index"] .ur-home-graphic{position:relative;height:315px;display:grid;place-items:center;isolation:isolate}
html[data-page="index"] .ur-hero-orbit{position:absolute;width:300px;aspect-ratio:1;border:1px dashed #71b5fa44;border-radius:50%;animation:ur-rotate 37s linear infinite}
html[data-page="index"] .ur-hero-orbit:before{content:'';display:block;width:220px;height:220px;border:1px solid #71b5fa33;border-radius:50%;position:absolute;inset:39px}
html[data-page="index"] .ur-hero-widget{display:flex;flex-direction:column;justify-content:center;gap:17px;width:270px;height:220px;border-radius:23px;padding:26px;background:linear-gradient(145deg,#214d89,#142a4e);border:1px solid #75b9ff69;box-shadow:0 35px 60px #0006;transform:rotate(5deg);animation:ur-float 5s ease-in-out infinite}
html[data-page="index"] .ur-hero-widget>span{letter-spacing:.21em;font-size:9px;color:#88cbff;font-weight:800}
html[data-page="index"] .ur-hero-widget strong{font-size:36px;color:#fff}
html[data-page="index"] .ur-hero-widget small{color:#bacfed}
html[data-page="index"] .ur-hero-widget i{height:7px;border-radius:999px;width:70%;background:linear-gradient(90deg,#4fa9fb,transparent)}
html[data-page="index"] .ur-hero-bubble{position:absolute;z-index:2;padding:12px 17px;border:1px solid #7198c9;border-radius:14px;background:#132b50;color:#d4ecff;box-shadow:0 12px 27px #0003;font-size:12px;font-weight:900}
html[data-page="index"] .ur-bubble-one{top:14px;right:5px;animation:ur-float 6s ease-in-out infinite}
html[data-page="index"] .ur-bubble-two{bottom:26px;left:2px;animation:ur-float 5.4s ease-in-out -2s infinite}
html[data-area="public"] .home-showcase,html[data-area="public"] .home-hero-compact,html[data-area="public"] .home-service-section,html[data-area="public"] .feature-grid{max-width:1200px!important}
html[data-page="index"] .home-showcase{gap:15px!important}
html[data-page="index"] .home-showcase>a{border-radius:14px!important;border:1px solid #2d425f!important;background:#172b49!important;box-shadow:0 12px 24px #0003!important}
html[data-page="index"] .home-showcase>a:hover{border-color:#538dd7!important;transform:translateY(-4px)!important}
html[data-page="index"] .home-service-section{background:#15263e!important;border:1px solid #2f4560!important;border-radius:19px!important;padding:25px!important;box-shadow:0 11px 35px rgba(1,6,18,.14)!important}
html[data-page="index"] .home-section-title{border-left:4px solid #3285ff!important}
html[data-page="index"] .home-section-title h2{color:#eef5ff!important}
html[data-page="index"] .home-section-title>a{color:#82b8ff!important}
html[data-page="index"] .home-service-item{background:#1b304e!important;border:1px solid #334c6d!important;border-radius:13px!important;padding:13px!important}
html[data-page="index"] .home-service-item:hover{background:#203c61!important;border-color:#5b91d5!important}
html[data-page="index"] .home-service-copy h3{color:#f3f8ff!important}
html[data-page="index"] .home-service-copy p{color:#abc0db!important}
html[data-page="index"] .home-service-copy>div strong{background:#234c7f!important;color:#d0e7ff!important}
html[data-page="index"] .home-service-copy>div small{background:#4a3e2d!important;color:#ffdc9e!important}
html[data-page="index"] .hero-public{background:linear-gradient(124deg,#182e4d,#1c5796)!important;border:1px solid #315d92!important;border-radius:18px!important}
/* Reference-size login/register split block — real HTML panels, not CSS pretending layout */
html[data-page="login"] .page,html[data-page="register"] .page{width:min(1080px,calc(100% - 28px))!important;max-width:1080px!important;padding-top:28px!important;padding-bottom:40px!important}
html[data-page="login"] .ur-auth-screen,html[data-page="register"] .ur-auth-screen{
 display:grid!important;grid-template-columns:46% 54%!important;max-width:960px!important;width:100%;
 margin:0 auto 8px!important;min-height:519px;border:1px solid #345679;
 border-radius:20px;overflow:hidden;background:#17283f!important;box-shadow:0 24px 50px rgba(0,0,0,.18);
 animation:ur-enter .5s ease-out both;
}
html[data-page="login"] .ur-auth-visual,html[data-page="register"] .ur-auth-visual{
 display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:35px 38px;
 background:linear-gradient(153deg,#1b283a 3%,#1e467b 69%,#1e6bcc 115%);min-height:510px
}
html[data-page="login"] .ur-product-intro,html[data-page="register"] .ur-product-intro{text-align:center;margin-bottom:17px}
html[data-page="login"] .ur-product-intro h2,html[data-page="register"] .ur-product-intro h2{color:#fff!important;font-size:20px!important;font-weight:800;margin:0 0 2px!important;letter-spacing:-.02em}
html[data-page="login"] .ur-product-intro p,html[data-page="register"] .ur-product-intro p{color:#e1eaf8!important;font-size:12px!important;margin:0}
html[data-page="login"] .ur-tool-grid,html[data-page="register"] .ur-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-page="login"] .ur-tool,html[data-page="register"] .ur-tool{display:flex;flex-direction:column;background:#fcfdff;border-radius:12px;overflow:hidden;text-align:center;min-height:140px;justify-content:stretch;transition:transform .23s ease,box-shadow .23s ease;box-shadow:0 8px 25px rgba(0,0,0,.07)}
html[data-page="login"] .ur-tool:hover,html[data-page="register"] .ur-tool:hover{transform:translateY(-5px);box-shadow:0 15px 28px #0004}
html[data-page="login"] .ur-tool-symbol,html[data-page="register"] .ur-tool-symbol{min-height:109px;flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:900;letter-spacing:.06em}
html[data-page="login"] .ur-tool-symbol>span,html[data-page="register"] .ur-tool-symbol>span{font-size:38px;line-height:1.1}
html[data-page="login"] .ur-unlock>span{font-size:48px;filter:drop-shadow(0 4px 2px #0002)}
html[data-page="login"] .ur-chimera>span{color:#b68b22;font-size:49px}
html[data-page="login"] .ur-chimera small{color:#242932;font-size:11px;letter-spacing:.24em}
html[data-page="login"] .ur-tsm>span{color:#12608a;font-size:46px}
html[data-page="login"] .ur-tsm small{color:#0d547d;font-size:13px}
html[data-page="login"] .ur-eft>span{color:#ec594b;font-size:30px;letter-spacing:-.055em;border:3px solid #d95342;border-radius:50%;padding:15px 11px}
html[data-page="login"] .ur-eft small{font-size:8px;margin-top:-10px;margin-left:80px;color:#242a37}
html[data-page="login"] .ur-tool>strong,html[data-page="register"] .ur-tool>strong{font-size:11px;color:#354050!important;display:block;padding:10px 5px 9px;border-top:1px solid #e3e8f0}
html[data-page="login"] .ur-auth-form-panel,html[data-page="register"] .ur-auth-form-panel{padding:37px 38px 27px!important;min-width:0;background:#17283f}
html[data-page="login"] .ur-auth-header h1,html[data-page="register"] .ur-auth-header h1{font-size:34px!important;font-weight:850;margin:0 0 2px;line-height:1.12;color:#f4f7fe!important}
html[data-page="login"] .ur-auth-header>p,html[data-page="register"] .ur-auth-header>p{font-size:13px!important;color:#a8b7cc!important;max-width:440px;margin:0 0 15px}
html[data-page="login"] .ur-method-label{font-size:11px;color:#b2c4df;margin:2px 0 7px}
html[data-page="login"] .auth-login-tabs{display:flex!important;gap:8px!important;align-items:center;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 14px!important}
html[data-page="login"] .auth-login-tab{padding:5px 12px!important;min-height:30px!important;font-size:11px!important;border-radius:7px!important;background:#243955!important;color:#bbcbe3!important;border:1px solid #355170;flex:0 0 auto!important}
html[data-page="login"] .auth-login-tab.active{background:#2865b0!important;color:#fff!important;border-color:#4b8fe7!important}
html[data-page="login"] .form-group,html[data-page="register"] .form-group{margin-bottom:13px!important}
html[data-page="login"] .form-group>label,html[data-page="register"] .form-group>label{font-weight:700!important;font-size:12px!important;color:#ecf2fc!important;margin-bottom:6px!important}
html[data-page="login"] .ur-auth-form-panel input:not([type="hidden"]):not([type="radio"]),html[data-page="register"] .ur-auth-form-panel input:not([type="hidden"]):not([type="radio"]){width:100%;min-height:47px!important;padding:11px 14px!important;background:#293e5d!important;color:#eef5ff!important;border:1px solid #354b6b!important;border-radius:11px!important;font-size:13px!important}
html[data-page="login"] .ur-auth-form-panel input:focus,html[data-page="register"] .ur-auth-form-panel input:focus{border-color:#6ca8fa!important;box-shadow:0 0 0 3px #1c5aa255!important}
html[data-page="login"] .ur-auth-form-panel input::placeholder,html[data-page="register"] .ur-auth-form-panel input::placeholder{color:#acb8ca!important}
html[data-page="login"] .password-field,html[data-page="register"] .password-field{position:relative}
html[data-page="login"] .password-toggle,html[data-page="register"] .password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:0;background:transparent;color:#a2b5cf;padding:7px;cursor:pointer}
html[data-page="login"] .password-toggle:hover,html[data-page="register"] .password-toggle:hover{background:#324c70;color:#f8fbff}
html[data-page="login"] .password-toggle svg,html[data-page="register"] .password-toggle svg{width:20px;height:20px;fill:currentColor}
html[data-page="login"] .ur-auth-form-panel button.auth-submit,html[data-page="register"] .ur-auth-form-panel button.auth-submit{min-height:45px!important;margin:5px 0 0!important;width:100%;font-size:13px!important;border-radius:10px!important;background:#226fd9!important;border-color:#226fd9!important;color:#fff!important;box-shadow:0 10px 22px rgba(32,104,216,.24)!important}
html[data-page="login"] .ur-or,html[data-page="register"] .ur-or{display:flex;gap:12px;align-items:center;margin:14px 0 15px!important;color:#98aac1;font-size:12px;font-weight:700;text-transform:lowercase}
html[data-page="login"] .ur-or:before,html[data-page="login"] .ur-or:after,html[data-page="register"] .ur-or:before,html[data-page="register"] .ur-or:after{content:"";height:1px;background:#39516f;flex:1}
html[data-page="login"] .oauth-buttons,html[data-page="register"] .oauth-buttons{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px!important}
html[data-page="login"] .oauth-btn,html[data-page="register"] .oauth-btn{background:#f6f9fd!important;border:1px solid #d8e0ea!important;color:#222b39!important;min-height:45px!important;border-radius:10px!important;display:flex;justify-content:center;align-items:center;gap:10px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;transition:transform .2s ease!important}
html[data-page="login"] .oauth-btn:hover,html[data-page="register"] .oauth-btn:hover{transform:translateY(-2px)}
html[data-page="login"] .oauth-facebook,html[data-page="register"] .oauth-facebook{background:#235da6!important;color:white!important;border-color:#3375d4!important}
html[data-page="login"] .ur-auth-links,html[data-page="register"] .ur-auth-links{font-size:12px;color:#a2b2c9;text-align:center;margin:15px 0 0}
html[data-page="login"] .ur-auth-links a,html[data-page="register"] .ur-auth-links a{font-weight:850;color:#70aaf7!important}
html[data-page="login"] .ur-auth-forgot{text-align:right;font-size:11px;margin-top:9px}
html[data-page="login"] .ur-auth-forgot a{color:#9bc4fa!important}
html[data-page="register"] .auth-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#1f3552!important;border:1px solid #375373!important;border-radius:10px!important;padding:4px!important;margin:0 0 14px!important}
html[data-page="register"] .auth-method-tab input{position:absolute;opacity:0;pointer-events:none}
html[data-page="register"] .auth-method-tab span{display:flex;align-items:center;justify-content:center;min-height:32px;color:#b4c9e7;border-radius:8px;font-weight:700;font-size:12px}
html[data-page="register"] .auth-method-tab input:checked+span{color:#fff;background:#286dd6;box-shadow:0 4px 10px #0003}
html[data-page="register"] .auth-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
html[data-page="register"] .ur-auth-form-panel{padding-top:24px!important}
html[data-page="register"] .ur-auth-header h1{font-size:28px!important}
html[data-page="register"] .ur-auth-header p{margin-bottom:10px}
html[data-page="register"] .ur-auth-form-panel input:not([type="hidden"]):not([type="radio"]){min-height:41px!important;padding:9px 11px!important}
html[data-page="register"] .form-group{margin-bottom:9px!important}
html[data-page="register"] .ur-or{margin:8px 0!important}
html[data-page="register"] .ur-tool-grid{gap:9px}
html[data-page="register"] .ur-tool{min-height:130px}
/* Services pages have page-local inline stylesheet: override its flat square rules. */
html[data-area] .catalog-head h1{color:#f1f7ff!important;font-size:30px!important;font-weight:850!important}
html[data-area] .catalog-shell{gap:18px!important}
html[data-area] .catalog-tabs{display:flex;gap:10px!important;flex-wrap:wrap}
html[data-area] .catalog-tab{border-radius:999px!important;padding:9px 18px!important;background:#1a2c47!important;border:1px solid #3b5475!important;color:#daeaff!important}
html[data-area] .catalog-tab.active{background:#1e6dd5!important;border-color:#488fea!important;color:#fff!important}
html[data-area] .catalog-grid-flat{gap:15px!important}
html[data-area] .catalog-row{background:#192c47!important;border:1px solid #344d6d!important;border-radius:16px!important;box-shadow:0 10px 28px #0002!important;transition:transform .22s ease,border-color .22s ease!important}
html[data-area] .catalog-row:hover{transform:translateY(-4px);background:#223958!important;border-color:#578ad0!important}
html[data-area] .catalog-image{background:#f6f8fc!important;border-radius:11px!important;border:1px solid #61758d!important}
html[data-area] .catalog-name{color:#eff5fe!important;font-weight:750!important}
html[data-area] .catalog-group{color:#9eb7d4!important}
html[data-area] .catalog-price{background:#20477b!important;color:#bfdfff!important}
html[data-area] .catalog-time{background:#513e28!important;color:#f2d5a6!important}
html[data-area] .catalog-balance{background:#204571!important;color:#d7ecff!important;border-radius:9px!important;border-color:#3c709e!important}
/* Orders, customer wallet, admin tables: keep readability */
html[data-area] .payment-methods div{background:#223652!important;border-color:#3b597b!important}
html[data-area] .wallet-method-option,html[data-area] .wallet-box,html[data-area] .wallet-box-right{background:#1c304c!important;color:#eff4fb!important;border:1px solid #395574!important}
html[data-area] .stat-card.accent,html[data-area] .phone-balance{background:linear-gradient(110deg,#1456ac,#267bdc)!important;color:white!important}
html[data-area] .settings-grid,html[data-area] .grid-form{gap:16px!important}
html[data-area="admin"] .page{background:#0c182b}
html[data-area] .ui-modal-dialog{background:#19304e!important;color:#e9f3ff!important;border-color:#56739a!important}
html[data-area] .ui-modal-title,html[data-area] .ui-modal-content{color:#eff7ff!important}
html[data-area] .result-box{background:#121d30!important;color:#eaf2fd!important}
/* Footer */
html[data-area] .gsm-footer{background:#0b1728!important;color:#aebed2!important;border-top:1px solid #253e5e!important}
html[data-area] .gsm-footer a{color:#bccfea!important}
html[data-area] .gsm-footer h2{color:#eef6ff!important}
html[data-area] .gsm-footer-bottom{border-top:1px solid #293e58!important}
/* Animation and accessibility */
@keyframes ur-enter{from{opacity:.0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes ur-float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-9px) rotate(4deg)}}
@keyframes ur-rotate{to{transform:rotate(360deg)}}
html[data-area] .home-service-section,html[data-area] .catalog-shell,html[data-area] .page-head{animation:ur-enter .42s ease-out both}
html[data-area] :focus-visible{outline:3px solid #93c6ff!important;outline-offset:3px}
/* Optional visual contrast switch affects design only, never backend template config. */
html.ur-light[data-area] body{background:#edf3fc!important;color:#10243e!important}
html.ur-light[data-area] .page{background:#edf3fc!important}
html.ur-light[data-area] .card,html.ur-light[data-area] .service-card{background:#fff!important;color:#203453!important}
html.ur-light[data-area] .card h1,html.ur-light[data-area] .card h2,html.ur-light[data-area] .card h3{color:#122849!important}
html.ur-light[data-area] .page-head h1{color:#16345d!important}
/* Responsive */
@media(max-width:1210px) and (min-width:961px){
 html[data-area] .topbar .brand{width:180px!important;max-width:180px!important}
 html[data-area] .brand-logo-image{width:154px!important}
 html[data-area] .gsm-desktop-nav{gap:6px!important}
 html[data-area] .gsm-desktop-nav>a{padding:0 10px!important;font-size:12px!important}
 html[data-area] .gsm-public-actions .btn{padding:0 11px!important}
}
@media(max-width:960px){
 html[data-area] .container{width:calc(100% - 34px)!important}
 html[data-area] .gsm-desktop-shell{display:none!important}
 html[data-area] .topbar .nav-wrap{min-height:65px!important;height:65px!important}
 html[data-area] .topbar .brand{width:auto!important;max-width:190px!important}
 html[data-area] .gsm-mobile-toggle{display:grid!important}
 html[data-page="index"] .ur-home-hero{grid-template-columns:1fr!important;min-height:0}
 html[data-page="index"] .ur-home-graphic{display:none}
 html[data-page="login"] .ur-auth-screen,html[data-page="register"] .ur-auth-screen{grid-template-columns:1fr!important;max-width:630px!important}
 html[data-page="login"] .ur-auth-visual,html[data-page="register"] .ur-auth-visual{min-height:0!important;padding:22px!important}
 html[data-page="login"] .ur-product-intro,html[data-page="register"] .ur-product-intro{margin-bottom:12px!important}
 html[data-page="login"] .ur-tool-grid,html[data-page="register"] .ur-tool-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
 html[data-page="login"] .ur-tool,html[data-page="register"] .ur-tool{min-height:90px!important}
 html[data-page="login"] .ur-tool-symbol,html[data-page="register"] .ur-tool-symbol{min-height:63px!important}
 html[data-page="login"] .ur-tool-symbol>span,html[data-page="register"] .ur-tool-symbol>span{font-size:25px!important}
 html[data-page="login"] .ur-tool>strong,html[data-page="register"] .ur-tool>strong{font-size:10px;padding:6px 2px}
 html[data-page="login"] .ur-auth-form-panel,html[data-page="register"] .ur-auth-form-panel{padding:25px!important}
}
@media(max-width:650px){
 html[data-area] .container{width:calc(100% - 24px)!important}
 html[data-area] .page{padding-top:17px!important}
 html[data-page="index"] .ur-home-hero{margin-top:0;padding:30px 22px;border-radius:17px}
 html[data-page="index"] .ur-home-copy h1{font-size:35px}
 html[data-page="index"] .ur-home-stats{flex-wrap:wrap}
 html[data-page="index"] .home-service-section{padding:17px!important}
 html[data-page="index"] .home-service-grid{grid-template-columns:1fr!important}
 html[data-page="login"] .page,html[data-page="register"] .page{padding:12px 0 30px!important}
 html[data-page="login"] .ur-auth-screen,html[data-page="register"] .ur-auth-screen{border-radius:14px}
 html[data-page="login"] .ur-auth-header h1{font-size:27px!important}
 html[data-page="login"] .ur-auth-form-panel,html[data-page="register"] .ur-auth-form-panel{padding:23px 17px 25px!important}
 html[data-page="register"] .auth-password-grid{grid-template-columns:1fr!important;gap:0!important}
 html[data-page="login"] .oauth-buttons,html[data-page="register"] .oauth-buttons{grid-template-columns:1fr!important}
 html[data-area] .catalog-row{border-radius:13px!important}
}
@media(max-width:380px){
 html[data-page="login"] .ur-auth-visual,html[data-page="register"] .ur-auth-visual{padding:17px!important}
 html[data-page="login"] .ur-tool-grid,html[data-page="register"] .ur-tool-grid{grid-template-columns:repeat(2,1fr)!important}
 html[data-page="login"] .ur-tool-symbol,html[data-page="register"] .ur-tool-symbol{min-height:49px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-area] *,html[data-area] *::before,html[data-area] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Keep telephone login available, but visually secondary to the main form. */
html[data-page="login"] .ur-method-label{display:none!important}
html[data-page="login"] .auth-login-tabs{justify-content:center!important;margin:7px 0 0!important;gap:10px!important}
html[data-page="login"] .auth-login-tab{min-height:24px!important;border:0!important;background:transparent!important;padding:2px 9px!important;color:#a1b4d2!important;font-size:10px!important}
html[data-page="login"] .auth-login-tab.active{background:transparent!important;color:#8fc4ff!important;box-shadow:none!important;text-decoration:underline}
html[data-page="login"] .ur-auth-form-panel{padding-top:37px!important;padding-bottom:20px!important}
html[data-page="login"] .ur-auth-header>p{margin-bottom:18px!important}
html[data-page="login"] .ur-auth-forgot{margin-top:7px!important}
html[data-area="admin"] .gsm-desktop-nav{gap:2px!important}
html[data-area="admin"] .gsm-desktop-nav>a{font-size:10px!important;min-height:37px!important;padding:0 6px!important}
html[data-area="admin"] .gsm-desktop-nav>a::before{display:none}