:root{color-scheme:dark;--bg:#050c20;--panel:#0c1730;--border:#24365c;--sub:#9aafd0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#29135988,transparent 55%),var(--bg);color:#f4f6ff;font-family:Tahoma,Arial,sans-serif;line-height:1.7}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#102143;border:1px solid var(--border);padding:10px 16px;border-radius:12px}button:hover{border-color:#557fe7;background:#173059}button:focus-visible,a:focus-visible{outline:3px solid #59baff}a{color:inherit;text-decoration:none}header{height:83px;position:sticky;top:0;z-index:20;background:#060e23ed;backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 25px}.brand{display:flex;gap:13px;align-items:center;white-space:nowrap}.brand i{font-style:normal;width:48px;height:48px;background:linear-gradient(135deg,#00b7ff,#164cf4);border-radius:15px;display:grid;place-items:center;font-size:32px;box-shadow:0 0 25px #145dff77}.brand b{font-size:22px}.brand em{color:#43b8ff;font-style:normal}.brand small{display:block;font-size:10px;color:var(--sub)}.search{display:flex;overflow:hidden;border:1px solid #355888;background:#102349;border-radius:13px}.search input{min-width:0;flex:1;background:none;border:0;padding:14px;color:white;outline:none}.search button{margin:4px;padding:4px 17px;background:linear-gradient(130deg,#099aff,#0a50eb);border:0;font-size:22px}header .search{width:40%}aside{position:fixed;top:83px;right:0;bottom:0;width:220px;background:#061027;border-left:1px solid var(--border);padding:20px 13px;overflow:auto}#side{display:grid;gap:4px}#side button{background:none;border-color:transparent;text-align:right;font-size:12px;padding:11px}#side button i{font-style:normal;font-size:20px;margin-left:10px;color:#a8bce7}#side button.active{background:linear-gradient(100deg,#113ab5,#087bf0)}.probox{text-align:center;padding:18px;background:radial-gradient(ellipse at top,#48268d99,transparent),#0b1740;border:1px solid #34447e;border-radius:20px;margin-top:24px}.probox>span{font-size:45px;color:#ffd070;text-shadow:0 0 20px #f1a33c}.probox h3{margin:4px}.probox p{font-size:12px;color:var(--sub)}.probox button{background:#0662ec;font-size:12px}aside>small{display:block;text-align:center;margin-top:15px;color:var(--sub);font-size:10px}main{margin-right:220px;padding:24px;min-height:90vh}.hero{border:1px solid #6447a8;border-radius:23px;background:radial-gradient(ellipse at 12% 50%,#681fc688,transparent 60%),linear-gradient(120deg,#071b50,#080d29);position:relative;overflow:hidden;min-height:330px;padding:35px 4%;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 22%,#b92dff77 22.2%,transparent 22.8%,transparent 46%,#2183ff66 46.2%,transparent 46.7%)}.hero-copy{position:relative;width:58%;z-index:2}.eyebrow{color:#6dd2ff;font-size:11px}.hero h1{font-size:clamp(33px,4.2vw,64px);margin:10px 0;line-height:1.35}.hero h1 em{font-style:normal;color:#da86ff;text-shadow:0 0 22px #aa26f577}.hero p{color:#b9c8e5;font-size:14px}.hero .search{margin-top:24px;background:linear-gradient(100deg,#093b94,#0b2754)}.devices{position:absolute;left:3%;top:65px;width:36%;height:220px;perspective:650px}.screen{position:absolute;width:92%;height:185px;border:6px solid #20254d;border-radius:13px;transform:rotateY(12deg) rotateZ(-7deg);background:#101337;box-shadow:-7px -7px 0 -5px #bb4bff,0 0 40px #5928d888;padding:17px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.screen:after{content:"";position:absolute;bottom:-17px;width:115%;left:-8%;height:12px;border-radius:0 0 18px 18px;background:linear-gradient(90deg,#2f3260,#6c7aa6,#27274d)}.screen b{grid-column:span 3;background:linear-gradient(125deg,#5919a5,#086eaa);border-radius:8px;text-align:center;font-size:31px}.screen i{border-radius:8px;background:linear-gradient(140deg,#146be5,#6820a2)}.phone{position:absolute;left:-10px;bottom:-3px;width:70px;height:132px;border:5px solid #252d51;border-radius:17px;background:linear-gradient(145deg,#148cff,#a02ad0);box-shadow:0 0 25px #307fff77;display:grid;place-items:center;font-size:33px;transform:rotate(7deg)}.quick{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:17px 0 24px}.quick button{padding:14px 4px;font-size:11px;background:radial-gradient(ellipse at top,var(--glow),transparent),var(--panel)}.orb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:26px;margin:0 auto 8px;background:linear-gradient(140deg,#ffffffbb,var(--accent));box-shadow:0 0 23px var(--glow);text-shadow:0 1px 5px #0008}.heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 15px}.heading h2{font-size:21px;margin:0}.heading button{font-size:11px;border-radius:30px;padding:5px 17px;color:#65c5ff}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category{background:radial-gradient(ellipse at top,var(--glow),transparent),var(--panel);padding:19px 7px;border-radius:17px;border-color:color-mix(in srgb,var(--accent),#273858 65%);transition:.2s}.category:hover{transform:translateY(-3px);box-shadow:0 0 25px var(--glow)}.category b{display:block;font-size:12px}.category small{color:#bac4df;font-size:10px}.tutorials{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cover{width:100%;height:150px;background:radial-gradient(circle at 40% 30%,var(--glow),transparent 75%),#0a142e;border-color:var(--accent);position:relative;display:grid;place-items:center;overflow:hidden}.cover:before{content:"";position:absolute;width:120px;height:85px;border:2px solid var(--accent);border-radius:10px;transform:rotate(-9deg);box-shadow:0 0 20px var(--glow),inset 0 0 25px var(--glow)}.cover span{position:relative;font-size:43px;filter:drop-shadow(0 0 10px var(--accent))}.cover i{position:absolute;left:10px;bottom:9px;border:1px solid #9cb9e3;border-radius:50%;width:28px;height:28px;font-size:12px;background:#07162eaa}.tutorial h3{font-size:13px;margin:10px 0 4px}.tutorial p{font-size:10px;color:var(--sub);margin:0}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.pill{font-size:10px;color:#77c8ff;border:1px solid #2a4270;border-radius:20px;padding:2px 9px}.save{background:none;padding:1px 9px;font-size:19px}.banner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 27px;border:1px dashed #4f608d;border-radius:18px;margin:30px 0;background:linear-gradient(120deg,#26183f,#0b2445)}.banner h3{margin:3px 0;font-size:19px}.banner p,.banner small{font-size:12px;color:var(--sub)}.primary{background:linear-gradient(125deg,#147ffc,#0954de);border-color:#348bf1}.foot{text-align:center;color:#8194b8;font-size:10px;padding:25px 0}.title{font-size:34px;margin:15px 0 5px}.sub{color:var(--sub);font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.filters button.active{background:#0969e6}.empty{border:1px dashed var(--border);border-radius:18px;padding:35px;text-align:center;color:var(--sub)}dialog{border:1px solid #3b5381;border-radius:24px;background:#0d1933;color:white;width:min(660px,94vw);max-height:86vh;padding:28px}dialog::backdrop{background:#020714bb;backdrop-filter:blur(8px)}.close{position:absolute;left:14px;top:14px;border-radius:50%;padding:1px 11px;font-size:23px}.dialog-head{padding-left:25px}.dialog-head h2{font-size:23px;margin:0}.dialog-head p{color:var(--sub);font-size:12px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.menu-grid button{font-size:11px;padding:12px 4px}.menu-grid i{display:block;font-style:normal;font-size:24px}.menu-group{font-size:13px;color:#72baff;margin-top:23px}.notice{background:#10304a;border:1px solid #285572;border-radius:12px;padding:12px;color:#bbdfef;font-size:12px}.lesson-step{padding:22px;background:#152545;border-radius:15px;margin:15px 0}.lesson-step b{color:#5fc8ff}.stepper{display:flex;justify-content:space-between}.stepper button:disabled{opacity:.35;cursor:default}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.product{padding:15px;background:var(--panel);border:1px solid var(--border);border-radius:20px}.visual{height:190px;border-radius:14px;background:radial-gradient(circle,var(--glow),transparent),#0a1432;display:grid;place-items:center;font-size:68px}.wide{width:100%}.product h3{font-size:17px;margin:13px 0 5px}.product p{font-size:12px;color:var(--sub)}.product-actions{display:flex;gap:8px}.product-actions button{flex:1;font-size:11px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.product-layout .visual{height:370px;font-size:115px;border:1px solid var(--border)}.form{display:grid;gap:14px;max-width:650px}.form label{font-size:12px;display:grid;gap:6px}.form input,.form textarea{width:100%;border:1px solid #3b4e74;background:#071127;border-radius:12px;padding:12px;color:white}.prices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.prices article{padding:26px;background:var(--panel);border:1px solid #334f84;border-radius:20px}.prices h2{color:#8ccaff}#bottom{display:none}#toast{position:fixed;z-index:50;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#173b5e;border:1px solid #407daf;border-radius:13px;display:none;font-size:13px}@media(max-width:1100px){aside{width:190px}main{margin-right:190px;padding:18px}.categories{grid-template-columns:repeat(3,1fr)}.quick{grid-template-columns:repeat(4,1fr)}.quick button:nth-child(n+5){display:none}.hero-copy{width:65%}.devices{width:30%;left:1%}.tutorials{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header{height:73px;padding:12px 14px;gap:8px}.brand b{font-size:19px}.brand i{width:41px;height:41px}.brand small{font-size:9px}header>.search,aside{display:none}#menu{font-size:11px;padding:8px}main{margin:0;padding:12px 12px 90px}.hero{min-height:300px;padding:24px 20px}.hero-copy{width:100%}.hero h1{font-size:36px}.hero p{font-size:12px;max-width:85%}.hero .search{margin-top:23px}.devices{opacity:.22;width:64%;left:-20px;top:55px}.search input{font-size:12px}.quick{gap:7px}.quick button{font-size:9px}.orb{width:42px;height:42px;font-size:24px}.categories{gap:8px}.category{padding:15px 5px}.category b{font-size:11px}.category small{font-size:9px}.heading h2{font-size:19px}.tutorials{grid-template-columns:repeat(2,1fr);gap:10px}.cover{height:135px}.tutorial h3{font-size:12px}.banner{padding:17px}.banner h3{font-size:15px}.banner button{font-size:10px;white-space:nowrap}#bottom{display:flex;position:fixed;bottom:0;right:0;left:0;z-index:25;justify-content:space-around;border-top:1px solid #2a4370;background:#071329ef;backdrop-filter:blur(20px);padding:8px 5px max(10px,env(safe-area-inset-bottom))}#bottom button{border:0;background:none;display:flex;flex-direction:column;align-items:center;font-size:10px;padding:3px 8px;color:#92a9d5}#bottom i{font-style:normal;font-size:22px}#bottom button.active{color:#2eb8ff}.title{font-size:28px}.product-grid{gap:10px}.product{padding:10px}.visual{height:140px;font-size:48px}.product h3{font-size:14px}.product-actions{flex-direction:column}.product-layout,.prices{grid-template-columns:1fr}.product-layout .visual{height:240px}dialog{padding:25px 17px}#toast{bottom:95px;width:88%;text-align:center}}