:root{color-scheme:dark;--bg:#080e19;--panel:#111e30;--panel2:#16263b;--line:#263a54;--text:#edf4ff;--muted:#91a5bf;--blue:#3988ff;--cyan:#43c9dc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min( min(94vw, 1560px), calc(100% - clamp(28px, 5vw, 88px)));margin-inline:auto}.site-header{height:clamp(68px, 5.2vw, 88px);border-bottom:1px solid #1d2b40;background:#080e19ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.header-row{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:1.3px;display:flex;gap:12px;align-items:center;font-size:clamp(15px,1.15vw,19px);white-space:nowrap}.brand-logo{width:clamp(46px,4vw,64px);height:clamp(46px,4vw,64px);object-fit:contain;flex:none}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#3988ff,#35c8d9);display:grid;place-items:center}.main-nav,.header-actions{display:flex;align-items:center;gap:24px}.main-nav{color:#b5c5d9;font-size:14px}.main-nav a:hover{color:white}.header-actions{gap:9px}.button{border:1px solid var(--line);background:#15243a;color:#eef5ff;padding:10px 16px;border-radius:10px;font-weight:700}.button-primary{background:#2876e8;border-color:#3988ff}.button-outline{background:transparent}.button-quiet{background:transparent;border-color:transparent}.button:hover{filter:brightness(1.12)}.menu-toggle{display:none;background:transparent;color:white;border:0;font-size:21px}.hero{padding:clamp(58px,6.5vw,108px) 0 clamp(48px,5vw,82px);text-align:center;background:radial-gradient(ellipse at 50% 0%,#15325a 0,transparent 65%)}.hero-inner{max-width:980px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#6fc8f5;margin:0 0 8px}.hero h1{font-size:clamp(36px,5vw,56px);line-height:1.1;letter-spacing:-1.8px;margin:14px 0}.hero h1 span{color:#64aaff}.hero-copy{max-width:760px;margin:0 auto;color:#a4b5ca;font-size:16px}.device-search{display:flex;gap:9px;max-width:820px;margin:28px auto 12px}.device-search input,.toolbar input,.toolbar select{flex:1;min-width:0;padding:15px;border-radius:12px;background:#0d192a;border:1px solid #344c6b;color:white;outline:none}.device-search input:focus,.toolbar input:focus,.toolbar select:focus{border-color:var(--blue)}.search-hint,.muted{color:var(--muted)}.search-hint{font-size:12px}.search-results{max-width:820px;margin:14px auto 0;text-align:left}.search-result{padding:13px 15px;background:#111f32;border:1px solid #2a405d;border-radius:11px;margin-top:8px;display:flex;justify-content:space-between;gap:12px}.search-result small{color:var(--muted)}.section{padding:clamp(44px,4.8vw,78px) 0;border-top:1px solid #1a293d}.section-alt{background:#0b1422}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.section-heading h2{font-size:clamp(25px,2.2vw,34px);margin:5px 0}.section-heading .muted{margin:0}.demo-label,.tag{font-size:10px;color:#8bc9ff;background:#193858;padding:5px 8px;border-radius:6px;white-space:nowrap}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.toolbar input,.toolbar select{padding:10px 12px;border-radius:9px;flex:initial}.toolbar input{min-width:220px;flex:1}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:clamp(12px,1.2vw,20px)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:clamp(12px,1.2vw,20px)}.content-card{background:linear-gradient(145deg,#121f32,#0e1827);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}.content-card h3{font-size:16px;margin:13px 0 5px}.content-card p{color:var(--muted);font-size:13px;margin:0 0 14px}.content-card .button{width:100%}.card-meta{color:#8fa4bd;font-size:11px;margin:12px 0 15px}.course-art{height:105px;border-radius:10px;background:linear-gradient(135deg,#183e68,#172641,#15505a);display:grid;place-items:center;font-size:34px;margin-bottom:14px}.plan ul{color:#a6b8ce;padding-left:18px;min-height:95px;font-size:13px}.plan li{margin:7px 0}.plan-featured{border-color:var(--blue)}.price{font-size:29px;font-weight:900;margin:8px 0}.empty-state{text-align:center;color:var(--muted);padding:24px}.site-footer{border-top:1px solid #1b2a3e;padding:25px 0;color:#8499b3;font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:20px}.modal{display:none;position:fixed;inset:0;background:#02060dcc;z-index:30;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-card{width:min(460px,100%);max-height:90vh;overflow:auto;background:#111e30;border:1px solid #344a68;border-radius:17px;padding:23px}.modal-heading{display:flex;justify-content:space-between;align-items:center}.modal-heading h2{font-size:21px}.icon-button{background:#20334d;color:white;border:0;border-radius:8px;padding:7px 11px}.field{display:block;margin:13px 0}.field span{display:block;font-size:12px;color:#a7b8ce;margin-bottom:6px}.field input,.field select{width:100%;padding:12px;border:1px solid #30445f;background:#091423;color:white;border-radius:9px}.notice{padding:12px;background:#30291c;border:1px solid #65502a;color:#efcf8a;border-radius:10px;font-size:12px;margin:14px 0}.toast{display:none;position:fixed;right:20px;bottom:20px;background:#153b31;border:1px solid #287b5d;padding:13px 17px;border-radius:10px;z-index:50}.toast.show{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.hero h1{font-size:clamp(60px,4.2vw,76px)}.hero-copy{font-size:18px}.content-card{padding:clamp(20px,1.5vw,28px)}}
@media(max-width:900px){.main-nav{gap:12px}}
@media(max-width:570px){.container{width:calc(100% - 28px)}.brand{gap:8px;font-size:14px}.brand-logo{width:43px;height:43px}.site-header{height:64px}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#0c1727;padding:18px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.header-actions .button-quiet{display:none}.menu-toggle{display:block}.hero{padding:52px 0 42px}.hero h1{font-size:39px}.device-search{flex-direction:column}.device-search .button{width:100%}.section{padding:42px 0}.section-heading{align-items:flex-start;flex-direction:column}.card-grid,.plan-grid{grid-template-columns:1fr}.footer-row{flex-direction:column;gap:7px}}

.header-user{font-size:13px;font-weight:700;color:#dce9f8;padding:0 8px}.content-card a.button{display:block;text-align:center;text-decoration:none}


.recent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:13px}
.recent-card{background:linear-gradient(145deg,#13243a,#0d1929);border:1px solid #263c58;border-radius:12px;padding:15px;min-width:0;transition:transform .18s,border-color .18s}
.recent-card:hover{transform:translateY(-3px);border-color:#3b78b5}
.recent-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.recent-brand{font-size:10px;color:#87a1be;font-weight:800;letter-spacing:.5px}
.recent-card h3{font-size:14px;margin:13px 0 5px}
.recent-card p{font-size:11px;color:#8ea5c1;min-height:32px;margin:0 0 12px}
.recent-card a{font-size:11px;color:#73b6ff;font-weight:800}
.recent-section .section-heading{align-items:center}
@media(max-width:570px){.recent-grid{grid-template-columns:1fr 1fr}.recent-card{padding:12px}.recent-card h3{font-size:12px}}

.plan-usd{margin-top:-7px;margin-bottom:10px;color:#8fb9e8;font-size:14px;font-weight:800;letter-spacing:.25px}

/* Uzmantech premium homepage */
.premium-home{--bg:#070d18;--panel:#0e192a;--line:#233b57;font-family:"DM Sans",Inter,Segoe UI,Arial,sans-serif;background:#070d18}
.premium-home h1,.premium-home h2,.premium-home h3,.premium-home .price{font-family:"Space Grotesk","DM Sans",sans-serif}
.premium-home .site-header{background:rgba(7,13,24,.88);border-bottom-color:rgba(91,137,184,.16)}
.premium-home .brand{letter-spacing:1.8px}
.premium-home .main-nav a{transition:color .2s}
.premium-home .button{border-radius:9px;transition:transform .2s,filter .2s,box-shadow .2s}
.premium-home .button:hover{transform:translateY(-2px)}
.premium-hero{position:relative;isolation:isolate;overflow:hidden;text-align:left;padding:clamp(68px,8vw,124px) 0 0;background:radial-gradient(ellipse at 78% 35%,rgba(13,103,157,.22),transparent 36%),radial-gradient(ellipse at 15% 0%,rgba(24,79,151,.25),transparent 46%),#070d18}
.hero-grid-glow{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(94,151,201,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(94,151,201,.12) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.premium-hero-inner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);align-items:center;gap:clamp(30px,5vw,86px);padding-bottom:clamp(65px,7vw,110px)}
.hero-copy-column{position:relative;z-index:2}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(68,173,220,.26);border-radius:30px;background:rgba(24,95,133,.14);color:#8edcf4;font-size:10px;font-weight:800;letter-spacing:1.7px}
.live-dot,.mock-bottom i{width:7px;height:7px;border-radius:50%;background:#42e2bd;box-shadow:0 0 13px #42e2bd;display:inline-block}
.premium-hero h1{font-size:clamp(48px,5.5vw,82px);line-height:1.02;letter-spacing:-3.8px;margin:27px 0 22px;font-weight:700}
.premium-hero h1>span:first-of-type{color:#eaf4ff}
.premium-hero h1 .gradient-word{background:linear-gradient(95deg,#48c9f2 0%,#438cff 52%,#9c8bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-hero .hero-copy{max-width:590px;margin:0;color:#9aacc3;font-size:16px;line-height:1.8}
.premium-search{max-width:600px;margin:30px 0 10px;position:relative;align-items:center;padding:6px;background:rgba(14,28,47,.92);border:1px solid #294663;border-radius:13px;box-shadow:0 12px 40px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)}
.premium-search:focus-within{border-color:#3988ff;box-shadow:0 0 0 4px rgba(57,136,255,.12)}
.premium-search .search-symbol{font-size:29px;color:#6e94b8;padding-left:12px;line-height:1}
.premium-search input{background:transparent;border:0;padding:13px 8px;outline:0;color:#f3f8ff;min-width:0}
.premium-search input:focus{border:0}
.premium-search .button{white-space:nowrap;padding:13px 18px}
.premium-search .button span{margin-left:8px}
.premium-hero .search-hint{font-size:11px;color:#7188a4}
.hero-proof{display:flex;align-items:center;gap:13px;margin-top:34px}
.proof-avatars{display:flex;padding-left:4px}
.proof-avatars span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;margin-left:-4px;border:2px solid #0b1728;background:linear-gradient(135deg,#1d7caa,#283c7a);font-size:10px;font-weight:900;color:#e7f6ff}
.proof-avatars span:nth-child(2){background:linear-gradient(135deg,#168e89,#254e7b)}
.proof-avatars span:nth-child(3){background:linear-gradient(135deg,#7652bd,#31558c)}
.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px;color:#dceaff}.hero-proof small{font-size:10px;color:#748ba7;margin-top:2px}
.hero-visual{min-height:440px;position:relative;display:grid;place-items:center;perspective:1000px}
.visual-orbit{position:absolute;border:1px solid rgba(69,160,220,.16);border-radius:50%;transform:rotate(-24deg)}
.orbit-one{width:560px;height:330px}.orbit-two{width:480px;height:410px;transform:rotate(48deg);border-color:rgba(95,117,240,.13)}
.device-card-main{position:relative;z-index:1;width:min(100%,510px);padding:0 20px 17px;border:1px solid rgba(104,158,208,.32);border-radius:17px;background:linear-gradient(145deg,rgba(20,39,63,.97),rgba(8,19,34,.98));box-shadow:0 35px 100px rgba(0,0,0,.5),0 0 70px rgba(26,132,190,.13),inset 0 1px rgba(255,255,255,.08);transform:rotateY(-7deg) rotateX(3deg);backdrop-filter:blur(15px)}
.mock-window-head{height:48px;display:flex;align-items:center;gap:13px;border-bottom:1px solid rgba(119,158,195,.15);font-size:8px;letter-spacing:1.2px;color:#7189a6}
.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#ef7180}.window-dots i:nth-child(2){background:#eebc61}.window-dots i:nth-child(3){background:#4bc89a}
.mock-window-head b{margin-left:auto;color:#5ce0bd;font-size:8px}
.mock-welcome{display:flex;align-items:center;justify-content:space-between;padding:22px 2px 17px}
.mock-welcome small{font-size:8px;letter-spacing:1.8px;color:#58bce9;font-weight:800}
.mock-welcome h3{font-size:19px;margin:5px 0 2px;color:#f1f7ff}
.mock-welcome p{font-size:10px;color:#8298b3;margin:0}
.mock-chip{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#267ce6,#25b8c9);font-weight:900;font-size:17px;box-shadow:0 8px 24px rgba(38,124,230,.25)}
.mock-chip span{color:#c3fbff}
.mock-search{height:38px;border:1px solid rgba(108,150,191,.2);border-radius:8px;background:#091525;display:flex;align-items:center;gap:9px;padding:0 11px;color:#728aa6;font-size:9px}
.mock-search>span{font-size:20px;color:#58b7ed}.mock-search kbd{margin-left:auto;padding:3px 5px;border:1px solid #2a3d56;border-radius:4px;color:#8299b2;font-size:8px}
.mock-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.mock-module{min-width:0;display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid rgba(101,142,181,.15);border-radius:9px;background:rgba(18,37,59,.72)}
.module-icon{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:8px;font-size:14px}
.blue-icon{background:rgba(52,130,239,.17);color:#64aaff}.cyan-icon{background:rgba(45,197,204,.14);color:#55dce0}.violet-icon{background:rgba(151,111,242,.16);color:#b99cff}.green-icon{background:rgba(53,194,139,.14);color:#65e2b0}
.mock-module b,.mock-module small{display:block;white-space:nowrap}.mock-module b{font-size:9px;color:#e1edfb}.mock-module small{font-size:8px;color:#7188a4;margin-top:2px}.mock-module>strong{margin-left:auto;color:#6d91b6;font-size:12px}
.mock-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;border-top:1px solid rgba(119,158,195,.13);font-size:7px;letter-spacing:1px;color:#718ba7}.mock-bottom>span:first-child{display:flex;align-items:center;gap:7px}.mock-bottom i{width:5px;height:5px}
.float-tag{position:absolute;z-index:2;padding:10px 13px;border-radius:9px;border:1px solid rgba(105,161,210,.25);background:rgba(13,31,51,.94);box-shadow:0 12px 30px rgba(0,0,0,.25);font-size:9px;font-weight:800;letter-spacing:.6px;color:#d5e8fb;backdrop-filter:blur(12px)}
.float-tag-top{top:36px;right:-8px}.float-tag-top span{color:#68d5fa;margin-right:7px}.float-tag-bottom{bottom:35px;left:-15px;color:#a9c2dc}.float-check{color:#53e0b0;margin-right:7px}
.hero-bottom-line{border-top:1px solid rgba(104,153,196,.14);background:rgba(9,19,32,.7)}
.hero-bottom-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:1.3px;color:#7088a4;font-weight:800}
.hero-bottom-inner span:last-child{color:#9bb0c8}.hero-bottom-inner i{font-style:normal;color:#48bfe7;padding:0 10px}
.platform-strip{padding:clamp(65px,7vw,105px) 0 72px;background:linear-gradient(180deg,#091321,#0a1422)}
.platform-heading{max-width:680px;margin-bottom:35px}.platform-heading h2,.section-heading h2,.pricing-intro h2{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-1.8px;margin:12px 0}
.platform-heading h2 span,.pricing-intro h2 span{color:#6bbcff}.platform-heading .muted{max-width:560px;line-height:1.8}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.feature-card{position:relative;isolation:isolate;overflow:hidden;min-height:265px;padding:23px;border-radius:15px;border:1px solid rgba(95,139,182,.2);background:linear-gradient(145deg,#12243a,#0d192a);transition:transform .25s,border-color .25s,box-shadow .25s}
.feature-card:hover{transform:translateY(-6px);border-color:rgba(77,174,235,.55);box-shadow:0 20px 45px rgba(0,0,0,.2)}
.feature-archive{background:radial-gradient(circle at 100% 0%,rgba(36,129,239,.2),transparent 45%),linear-gradient(145deg,#12243a,#0d192a)}
.feature-catalog{background:radial-gradient(circle at 100% 0%,rgba(39,194,202,.17),transparent 45%),linear-gradient(145deg,#12243a,#0d192a)}
.feature-learning{background:radial-gradient(circle at 100% 0%,rgba(145,103,240,.18),transparent 45%),linear-gradient(145deg,#12243a,#0d192a)}
.feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.feature-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:rgba(59,143,242,.15);color:#77baff}
.feature-catalog .feature-icon{background:rgba(52,204,209,.13);color:#6de2e2}.feature-learning .feature-icon{background:rgba(159,126,245,.14);color:#c0a9ff}
.feature-arrow{color:#7893b1;font-size:18px}.feature-index{font-size:8px;letter-spacing:1.7px;color:#71bde9;font-weight:900}
.feature-card h3{font-size:23px;margin:7px 0}.feature-card p{font-size:12px;line-height:1.75;color:#91a7c1;max-width:310px}
.feature-link{display:inline-flex;gap:12px;align-items:center;margin-top:10px;font-size:11px;font-weight:800;color:#9acfff}.feature-link b{font-size:16px}
.feature-watermark{position:absolute;z-index:-1;right:12px;bottom:-38px;font:900 150px/1 "Space Grotesk";color:rgba(120,170,220,.045)}
.premium-recent{background:#070e19}.premium-recent .section-heading{align-items:end}
.premium-recent .section-heading h2{font-size:clamp(30px,3.6vw,44px)}
.premium-learning{background:radial-gradient(ellipse at 50% 0%,rgba(30,83,135,.15),transparent 60%),#0b1524}
.premium-course{padding:15px;border-color:rgba(91,139,183,.19);background:linear-gradient(145deg,#13253b,#0d1928);transition:transform .25s,border-color .25s}
.premium-course:hover{transform:translateY(-4px);border-color:#397fbd}
.premium-course .course-art{height:145px;display:flex;align-items:center;justify-content:center;font-size:44px;color:#b8e5ff;background:radial-gradient(circle at 50% 35%,rgba(71,166,235,.3),transparent 50%),linear-gradient(135deg,#15395b,#12243a 60%,#163d47);border:1px solid rgba(97,167,215,.15)}
.premium-course:nth-child(2) .course-art{background:radial-gradient(circle at 50% 35%,rgba(133,102,231,.3),transparent 50%),linear-gradient(135deg,#29234d,#14243c 60%,#1d3451)}
.premium-course:nth-child(3) .course-art{background:radial-gradient(circle at 50% 35%,rgba(44,197,180,.25),transparent 50%),linear-gradient(135deg,#123d46,#14243c 60%,#173a52)}
.premium-course h3{font-size:18px}.premium-course p{min-height:38px}.premium-course .button{display:flex;align-items:center;justify-content:center;gap:8px}
.premium-pricing{background:radial-gradient(ellipse at 50% 0%,rgba(34,99,162,.17),transparent 55%),#080f1b}
.pricing-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}
.pricing-intro h2{font-size:clamp(38px,4.5vw,58px)}
.pricing-intro .muted{font-size:12px;margin:8px 0}
.pricing-side-note{max-width:230px;padding:15px 17px;border-left:2px solid #3988ff;background:rgba(28,67,107,.16);margin-bottom:5px}
.pricing-side-note span{font-size:8px;letter-spacing:1.5px;color:#6ebdff;font-weight:900}
.pricing-side-note p{font-size:11px;color:#91a8c2;line-height:1.7;margin:6px 0 0}
.premium-plan{position:relative;padding:25px;border-radius:15px;background:linear-gradient(145deg,#14243a,#0d1928);border-color:rgba(100,145,190,.23)}
.premium-plan h3{font-size:18px;margin:17px 0 5px}.premium-plan .price{font-size:clamp(29px,3vw,38px);letter-spacing:-1.5px;margin:9px 0 0}
.premium-plan .plan-usd{font-size:13px;color:#78c9f2;margin:3px 0 15px}
.premium-plan ul{min-height:102px;border-top:1px solid rgba(112,150,188,.13);padding-top:12px;margin-top:13px;color:#a8bbd1}
.premium-plan li::marker{color:#54bce8}
.premium-plan .button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px}
.premium-plan.plan-featured{border-color:#3988ff;box-shadow:0 15px 55px rgba(24,103,204,.14);background:radial-gradient(circle at 100% 0%,rgba(42,123,226,.16),transparent 45%),linear-gradient(145deg,#172b46,#0d1928)}
.popular-label{position:absolute;right:17px;top:17px;font-size:8px;font-weight:900;letter-spacing:1px;color:#9fdcff;background:rgba(49,132,221,.16);border:1px solid rgba(69,154,234,.25);padding:6px 8px;border-radius:5px}
.final-cta{padding:60px 0;background:linear-gradient(105deg,#102d4b,#0d1d32 55%,#142348);border-top:1px solid rgba(96,157,211,.2);border-bottom:1px solid rgba(96,157,211,.2)}
.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.final-cta h2{font:700 clamp(30px,4vw,46px)/1.1 "Space Grotesk";letter-spacing:-1.5px;margin:10px 0}
.final-cta h2 span{color:#71caff}.final-cta p:not(.eyebrow){font-size:13px;color:#9cb2ca}
.final-cta .button{padding:15px 21px;white-space:nowrap;box-shadow:0 8px 28px rgba(39,125,232,.22)}
.premium-footer{background:#060b13;border-color:rgba(100,146,190,.13)}
@media(max-width:1000px){.premium-hero-inner{grid-template-columns:1fr 1fr;gap:25px}.premium-hero h1{font-size:clamp(43px,5.5vw,62px)}.hero-visual{min-height:390px}.device-card-main{padding-inline:14px}.mock-module{padding:9px 7px}.mock-module b{font-size:8px}.float-tag-top{right:-3px}}
@media(max-width:760px){.premium-hero-inner{grid-template-columns:1fr;padding-bottom:50px}.hero-copy-column{max-width:680px}.premium-hero h1{font-size:clamp(48px,9vw,70px)}.hero-visual{min-height:390px;margin:8px 0 0}.device-card-main{width:min(100%,520px);transform:none}.orbit-one{width:95%;height:300px}.orbit-two{width:85%;height:350px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:225px}.hero-bottom-inner{padding-block:14px;align-items:flex-start;flex-direction:column;gap:7px}.pricing-intro{align-items:flex-start;flex-direction:column}.pricing-side-note{max-width:420px}.final-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:570px){.premium-hero{padding-top:54px}.premium-hero h1{font-size:46px;letter-spacing:-2.3px}.premium-hero .hero-copy{font-size:14px}.premium-search{flex-wrap:wrap}.premium-search input{font-size:12px}.premium-search .button{width:auto;flex:1}.hero-visual{min-height:330px}.device-card-main{padding:0 12px 13px;border-radius:13px}.mock-window-head{height:40px;font-size:6px}.mock-welcome{padding:16px 1px 13px}.mock-welcome h3{font-size:16px}.mock-welcome p{font-size:9px}.mock-module-grid{gap:6px}.mock-module{gap:6px;padding:9px 6px}.module-icon{width:24px;height:24px;font-size:12px}.mock-module b{font-size:7px}.mock-module small{font-size:7px}.mock-module>strong{font-size:10px}.mock-bottom{font-size:6px}.float-tag{font-size:7px;padding:8px 9px}.float-tag-top{top:0;right:0}.float-tag-bottom{bottom:0;left:-2px}.premium-recent .section-heading{align-items:flex-start}.premium-recent .recent-grid{grid-template-columns:1fr 1fr}.premium-recent .recent-card{padding:11px}.premium-recent .recent-card h3{font-size:12px}.premium-recent .recent-card p{font-size:10px}.premium-plan{padding:19px}.popular-label{top:13px;right:13px}.final-cta{padding:45px 0}.final-cta .button{width:100%;text-align:center}.header-actions{gap:3px}.premium-home .header-actions .button-primary{padding:8px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.premium-home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Hero-integrated Uzmantech showcase */
.premium-hero-inner{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(28px,4vw,70px)}
.hero-copy-column{text-align:left;min-width:0}
.hero-showcase{position:relative;min-height:clamp(440px,37vw,590px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.showcase-stage{position:relative;height:clamp(390px,34vw,540px);width:100%;isolation:isolate;perspective:1400px}
.showcase-halo{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none;z-index:-2}
.halo-blue{width:70%;height:70%;right:12%;top:13%;background:rgba(0,132,255,.24)}
.halo-violet{width:55%;height:60%;right:0;bottom:5%;background:rgba(127,65,255,.18)}
.showcase-orbit{position:absolute;left:10%;right:4%;top:16%;height:68%;border:1px solid rgba(43,168,255,.22);border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 35px rgba(22,139,255,.08),inset 0 0 30px rgba(22,139,255,.05)}
.showcase-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(24px) scale(.97);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.8,.2,1),visibility .55s;display:block}
.showcase-slide.is-active{opacity:1;visibility:visible;transform:translateX(0) scale(1);z-index:2}
.showcase-main-card{position:absolute;z-index:3;left:12%;right:8%;top:10%;height:77%;border:1px solid rgba(85,190,255,.7);border-radius:22px;background:linear-gradient(145deg,rgba(15,44,75,.98),rgba(6,17,33,.98));box-shadow:0 20px 65px rgba(0,0,0,.55),0 0 38px rgba(0,143,255,.3),inset 0 0 35px rgba(41,155,255,.1);overflow:hidden;transform:rotateY(-7deg) rotateX(2deg);padding:clamp(15px,2vw,25px)}
.showcase-main-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(49,171,255,.13) 45%,transparent 62%);pointer-events:none}
.showcase-ribbon{position:absolute;top:0;right:0;padding:8px 13px;border-radius:0 0 0 10px;background:linear-gradient(90deg,#1162b5,#1a9ed4);font-size:8px;letter-spacing:1.3px;font-weight:900;color:#eaf8ff}
.showcase-brand,.education-header{display:flex;align-items:center;gap:10px;margin:4px 0 14px;position:relative}
.ut-logo{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#27d5ed,#2568e9);box-shadow:0 0 22px rgba(31,180,255,.4);font-weight:900;font-size:21px;color:white}
.showcase-brand b,.education-header b{display:block;font:700 17px "Space Grotesk";letter-spacing:.8px}
.showcase-brand small,.education-header small{display:block;font-size:7px;color:#83b8dd;letter-spacing:1.4px}
.showcase-brand em{margin-left:auto;font-style:normal;color:#8fb4d4;font-size:9px}
.app-preview-window{position:relative;border:1px solid #345b7c;border-radius:11px;background:#071321;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.4);transform:perspective(800px) rotateY(-3deg)}
.preview-title{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 9px;background:#142b43;color:#9ebbd5;font-size:8px}
.preview-title span:first-child{color:#52d8cc;letter-spacing:2px}.preview-title b{color:#dceeff;letter-spacing:1px}
.preview-layout{display:grid;grid-template-columns:31% 69%;min-height:215px}
.preview-layout aside{background:#0b1a2b;border-right:1px solid #1e3b58;padding:11px 8px;display:flex;flex-direction:column;gap:8px;font-size:8px;color:#a6bad0}
.preview-layout aside b{font-size:16px;color:#5ed5f4;margin:0 0 3px 6px}
.preview-layout aside span{padding:5px 6px;border-radius:5px;white-space:nowrap}
.preview-layout aside .active{background:#175db1;color:#fff}
.preview-main{padding:13px 12px}.preview-main>small{font-size:7px;letter-spacing:1.3px;color:#5dc8ed;font-weight:900}
.preview-main h4{font:700 18px "Space Grotesk";margin:5px 0 12px}
.preview-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.preview-tools>div{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:2px 6px;padding:8px 7px;border:1px solid #294863;border-radius:7px;background:linear-gradient(145deg,#152d47,#0e2035)}
.preview-tools i{grid-row:span 2;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:14px;background:#123c63;color:#6dd9ff}
.preview-tools .tool-fast{background:#493017;color:#ffb74d}.preview-tools .tool-imei{background:#35265d;color:#c29aff}.preview-tools .tool-backup{background:#124b43;color:#55e5bd}
.preview-tools b{font-size:9px}.preview-tools small{font-size:7px;color:#8fa9c2}
.preview-device{margin-top:9px;padding:7px 8px;border-radius:5px;background:#0c2635;color:#9ac8d7;font-size:8px}
.preview-device i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36e5a2;margin-right:5px}
.showcase-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:9px;padding:10px 11px;background:linear-gradient(90deg,rgba(6,19,34,.96),rgba(9,32,54,.8));border-top:1px solid rgba(93,166,215,.2);z-index:4}
.showcase-caption>span{font:700 17px "Space Grotesk";color:#48c8f1}.showcase-caption b{font-size:9px;color:#e8f5ff}.showcase-caption small{margin-left:auto;font-size:7px;color:#8ba8c3}
.showcase-side-panel{position:absolute;z-index:1;top:21%;width:31%;height:57%;padding:14px 13px;border:1px solid rgba(52,174,255,.65);border-radius:15px;background:linear-gradient(145deg,rgba(13,43,72,.98),rgba(7,19,36,.98));box-shadow:0 15px 45px rgba(0,0,0,.4),0 0 25px rgba(0,136,255,.22);overflow:hidden}
.archive-panel{left:0;transform:perspective(900px) rotateY(16deg) rotateZ(-2deg)}
.learning-panel{right:0;transform:perspective(900px) rotateY(-16deg) rotateZ(2deg);border-color:rgba(159,107,255,.65);box-shadow:0 15px 45px rgba(0,0,0,.4),0 0 25px rgba(141,76,255,.2)}
.side-panel-top{display:flex;justify-content:space-between;color:#79c9f1;font-size:7px;letter-spacing:1.2px;font-weight:900}
.side-panel-top b{color:#557c9f}
.side-icon{width:34px;height:34px;display:grid;place-items:center;margin:15px 0 7px;border-radius:10px;background:rgba(37,148,242,.16);color:#6bd7ff;font-size:20px}
.learning-panel .side-icon{background:rgba(143,89,255,.18);color:#c2a3ff}
.showcase-side-panel h3{font:700 15px "Space Grotesk";margin:0 0 5px}
.showcase-side-panel p{font-size:9px;line-height:1.55;color:#9db6d0;margin:0 0 12px}
.mini-brand{padding:5px 7px;margin:5px 0;border-radius:5px;background:rgba(24,50,77,.7);font-size:9px;font-weight:900;letter-spacing:.5px}
.mini-brand.samsung{color:#87c7ff}.mini-brand.xiaomi{color:#ff9b46}.mini-brand.oppo{color:#60d7b0}.mini-brand.vivo{color:#8cafff}.mini-brand.realme{color:#ffe36b}
.learning-preview{height:70px;border-radius:8px;margin:10px 0;background:radial-gradient(circle at 50% 40%,#7a3de8,#25215b 55%,#101e3a);border:1px solid #7554d6;display:grid;place-items:center;box-shadow:0 0 20px rgba(140,75,255,.22)}
.learning-preview span{width:28px;height:28px;border-radius:50%;background:#b18aff;color:#23134a;display:grid;place-items:center;font-size:12px;padding-left:2px}
.learning-panel>small{display:block;color:#c0b2f4;font-size:8px;margin:7px 0}
.hero-showcase-arrow{position:absolute;z-index:8;top:48%;width:39px;height:39px;border:1px solid rgba(105,199,255,.75);border-radius:50%;background:rgba(5,19,36,.92);color:#e9f8ff;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 0 18px rgba(28,151,255,.22);transition:.2s}
.hero-showcase-arrow:hover{background:#1465ad;transform:scale(1.08)}
.hero-showcase-arrow.prev{left:-10px}.hero-showcase-arrow.next{right:-10px}
.hero-showcase-dots{position:absolute;z-index:8;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:0 0 0;transform:translateY(23px)}
.hero-showcase-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#425c7b;cursor:pointer;transition:.25s}
.hero-showcase-dots button.is-active{width:23px;border-radius:8px;background:linear-gradient(90deg,#35d3e9,#527cff);box-shadow:0 0 12px #287ffb}
.hero-visual-proof{display:flex;justify-content:center;gap:15px;margin-top:22px;flex-wrap:wrap}
.hero-visual-proof span{font-size:8px;color:#9bb5cf}.hero-visual-proof i{font-style:normal;color:#49dcb5;margin-right:4px}
.web-panel{padding:0;background:linear-gradient(145deg,#102d4b,#071728)}
.browser-bar{height:31px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:#132b45;color:#90abc6;font-size:8px}
.browser-bar span{letter-spacing:2px;color:#6bd9d1}.browser-bar b{font-weight:600}
.web-layout{display:grid;grid-template-columns:27% 73%;min-height:260px}
.web-layout aside{padding:13px 8px;background:#0a1929;display:flex;flex-direction:column;gap:9px;color:#9bb4ce;font-size:8px}
.web-layout aside b{font-size:7px;letter-spacing:1px;color:#65c7e9;margin-bottom:5px}
.web-layout aside span{padding:5px;border-radius:4px}.web-layout aside .selected{background:#1558a2;color:white}
.web-content{padding:14px 12px;min-width:0}
.web-title{display:flex;gap:8px;align-items:center}.web-title>span{width:30px;height:30px;border-radius:8px;background:#164e74;color:#65d9ef;display:grid;place-items:center;font-size:16px}
.web-title small{font-size:6px;letter-spacing:1px;color:#6ec9e9}.web-title h4{font:700 17px "Space Grotesk";margin:1px 0 8px}
.web-search{padding:8px;border:1px solid #345878;border-radius:6px;color:#7899b7;font-size:8px;margin:8px 0}
.web-file{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:8px 5px;border-bottom:1px solid rgba(110,155,195,.15);font-size:8px}
.web-file b{color:#e1f0ff}.web-file span{color:#7dc9e5}.web-file em{grid-column:2;grid-row:1/3;font-style:normal;color:#94a9c2;align-self:center;font-size:7px}
.app-panel .showcase-caption,.web-panel .showcase-caption,.education-panel .showcase-caption{bottom:0}
.app-panel{padding-bottom:54px}.web-panel{padding-bottom:54px}
.catalog-panel{right:0;transform:perspective(900px) rotateY(-16deg) rotateZ(2deg);border-color:rgba(58,205,190,.55)}
.catalog-panel .side-icon{background:rgba(44,192,181,.15);color:#62e4d1}
.catalog-stat{display:flex;justify-content:space-between;padding:7px;border:1px solid rgba(87,161,192,.18);border-radius:6px;margin:5px 0;font-size:8px;color:#c3e9f1}.catalog-stat span{color:#57d7d0}
.catalog-bubbles{display:flex;gap:5px;flex-wrap:wrap}.catalog-bubbles span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#173d62;color:#90d7ff;font-size:8px;font-weight:900}
.education-panel{left:12%;right:8%;padding:clamp(17px,2vw,27px);background:linear-gradient(145deg,#1b2450,#09172b);border-color:rgba(153,116,255,.72);box-shadow:0 20px 65px rgba(0,0,0,.55),0 0 38px rgba(133,77,255,.28)}
.education-header{margin-bottom:22px}.education-header .ut-logo{background:linear-gradient(140deg,#9c6bff,#2777f3)}
.education-panel h3{font:700 clamp(21px,2.4vw,31px)/1.1 "Space Grotesk";margin:10px 0}
.education-panel h3 span{color:#b39aff}.education-panel>p{font-size:10px;color:#a9b7d3;max-width:320px}
.education-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px}
.education-cards>div{padding:10px 7px;border:1px solid #4a4a80;border-radius:8px;background:rgba(26,36,76,.75);display:flex;flex-direction:column;gap:6px}
.education-cards span{font-size:18px;color:#b49aff}.education-cards b{font-size:7px;color:#e5eaff}.education-cards small{font-size:7px;color:#9faed0}
@media(max-width:1050px){.premium-hero-inner{grid-template-columns:1fr 1fr;gap:22px}.hero-showcase{min-height:420px}.showcase-stage{height:390px}.showcase-main-card{left:9%;right:7%;padding:14px}.showcase-side-panel{width:30%;padding:10px}.showcase-side-panel h3{font-size:12px}.showcase-side-panel p{font-size:8px}.preview-layout{min-height:195px}.preview-tools>div{padding:6px}.showcase-caption small{display:none}}
@media(max-width:760px){.premium-hero-inner{grid-template-columns:1fr;gap:12px}.hero-copy-column{max-width:680px}.hero-showcase{min-height:400px;margin-top:15px}.showcase-stage{height:370px;max-width:620px;margin:auto}.hero-visual-proof{margin-top:17px}.showcase-main-card{left:12%;right:12%}.showcase-side-panel{width:30%}.hero-showcase-arrow.prev{left:0}.hero-showcase-arrow.next{right:0}}
@media(max-width:570px){.hero-showcase{min-height:310px}.showcase-stage{height:285px}.showcase-main-card{left:8%;right:8%;top:11%;height:74%;padding:10px;border-radius:13px}.showcase-side-panel{top:24%;height:51%;width:28%;padding:7px;border-radius:9px}.showcase-side-panel h3{font-size:9px}.showcase-side-panel p{font-size:6px;margin-bottom:6px}.side-panel-top{font-size:5px}.side-icon{width:22px;height:22px;font-size:13px;margin:8px 0 5px}.mini-brand{font-size:6px;padding:3px;margin:3px 0}.learning-preview{height:42px;margin:6px 0}.learning-panel>small{font-size:6px;margin:4px 0}.showcase-brand{gap:6px;margin:3px 0 8px}.ut-logo{width:24px;height:24px;border-radius:8px;font-size:14px}.showcase-brand b{font-size:10px}.showcase-brand small{font-size:5px}.showcase-brand em{font-size:6px}.showcase-ribbon{font-size:5px;padding:5px 7px}.preview-title{height:19px;font-size:5px}.preview-layout{grid-template-columns:30% 70%;min-height:145px}.preview-layout aside{font-size:5px;padding:6px 4px;gap:5px}.preview-layout aside b{font-size:10px}.preview-layout aside span{padding:3px}.preview-main{padding:7px 6px}.preview-main>small{font-size:4px}.preview-main h4{font-size:11px;margin:3px 0 7px}.preview-tools{gap:4px}.preview-tools>div{grid-template-columns:15px 1fr;padding:4px;gap:2px}.preview-tools i{width:14px;height:14px;font-size:8px}.preview-tools b{font-size:6px}.preview-tools small{font-size:4px}.preview-device{font-size:5px;padding:4px;margin-top:5px}.showcase-caption{padding:6px;gap:5px}.showcase-caption>span{font-size:11px}.showcase-caption b{font-size:6px}.showcase-caption small{display:none}.hero-showcase-arrow{width:28px;height:28px;font-size:18px}.hero-showcase-dots{transform:translateY(18px);gap:6px}.hero-showcase-dots button{width:5px;height:5px}.hero-showcase-dots button.is-active{width:16px}.hero-visual-proof{gap:8px}.hero-visual-proof span{font-size:6px}.web-layout{min-height:165px}.web-layout aside{font-size:5px;padding:7px 4px;gap:5px}.web-content{padding:7px 6px}.web-title>span{width:20px;height:20px;font-size:11px}.web-title small{font-size:4px}.web-title h4{font-size:10px;margin-bottom:4px}.web-search{font-size:5px;padding:5px;margin:5px 0}.web-file{font-size:5px;padding:5px 2px}.web-file em{font-size:4px}.education-panel{left:8%;right:8%;padding:12px}.education-header{margin-bottom:13px}.education-header b{font-size:10px}.education-header small{font-size:5px}.education-panel h3{font-size:17px;margin:7px 0}.education-panel>p{font-size:7px;margin:4px 0}.education-cards{gap:4px;margin-top:10px}.education-cards>div{padding:6px 4px;gap:4px}.education-cards span{font-size:12px}.education-cards b,.education-cards small{font-size:5px}}
@media(prefers-reduced-motion:reduce){.showcase-slide{transition:none}}

.register-consent{display:flex;align-items:flex-start;gap:10px;margin:14px 0;color:#aebed1;font-size:12px;line-height:1.5}
.register-consent input{width:auto;min-width:16px;margin:2px 0 0;accent-color:#2688ef}
.text-button{border:0;background:transparent;color:#54a6ff;font:inherit;font-weight:700;cursor:pointer;padding:2px 4px}
.text-button:hover{text-decoration:underline;color:#91c7ff}
