:root{--bg:#050816;--bg2:#0a1020;--panel:rgba(11,18,36,.76);--panel2:rgba(15,24,46,.92);--line:rgba(112,136,195,.22);--txt:#f6f8ff;--muted:#94a3c7;--p:#6c7dff;--p2:#9e63ff;--cyan:#54d8ff;--ok:#31da8b;--bad:#ff667b;--warn:#ffc563;--shadow:0 25px 90px rgba(0,0,0,.48)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#040711,#060a17 45%,#050816);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 80%)}button,input,textarea,select{font:inherit}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.orb{position:absolute;border-radius:50%;filter:blur(12px);opacity:.45;animation:float 14s ease-in-out infinite}.o1{width:480px;height:480px;background:radial-gradient(circle,#395aff88,transparent 68%);left:-160px;top:-140px}.o2{width:520px;height:520px;background:radial-gradient(circle,#7b3cff77,transparent 68%);right:-180px;top:6%;animation-delay:-4s}.o3{width:420px;height:420px;background:radial-gradient(circle,#00c8ff55,transparent 68%);left:35%;bottom:-220px;animation-delay:-8s}@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(30px,25px,0) scale(1.08)}}.shell{max-width:1280px;margin:auto;padding:16px 20px 110px}.topbar{position:sticky;top:10px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin-top:10px;border:1px solid var(--line);border-radius:22px;background:rgba(5,8,22,.72);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 18px 50px rgba(0,0,0,.25)}.brand{display:flex;align-items:center;gap:11px;font-size:20px}.brand span:last-child{display:grid}.brand small{font-size:10px;color:var(--muted);letter-spacing:1.6px;text-transform:uppercase;margin-top:1px}.logo{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--p),var(--p2));box-shadow:0 12px 34px rgba(104,109,255,.45),inset 0 1px rgba(255,255,255,.28);position:relative;overflow:hidden}.logo:after{content:"";position:absolute;inset:-60% auto -60% -20%;width:30%;background:rgba(255,255,255,.45);transform:rotate(18deg);animation:logoShine 3.8s linear infinite}.logo i{font-style:normal;z-index:1}@keyframes logoShine{0%{left:-40%}55%,100%{left:130%}}.nav{display:flex;gap:8px;flex-wrap:wrap}.btn,.ghost,.iconbtn{border:0;border-radius:14px;padding:11px 15px;color:#fff;font-weight:850;cursor:pointer;transition:.22s ease;position:relative;overflow:hidden}.btn{background:linear-gradient(135deg,#6076ff,#945eff);box-shadow:0 13px 32px rgba(85,97,255,.34)}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.24),transparent 75%);transform:translateX(-120%);transition:.6s}.btn:hover:before{transform:translateX(120%)}.btn:hover,.ghost:hover,.iconbtn:hover{transform:translateY(-2px)}.ghost,.iconbtn{background:rgba(16,25,46,.8);border:1px solid var(--line);box-shadow:none}.dangerGhost:hover{border-color:rgba(255,102,123,.5);color:#ff98a8}.wide{width:100%}.hero{display:grid;grid-template-columns:1.35fr .8fr;gap:18px;padding:48px 0 22px}.heroCard,.card,.trustStrip{background:linear-gradient(145deg,rgba(16,25,48,.78),rgba(8,13,27,.82));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(130%)}.heroCard{border-radius:34px;padding:42px;position:relative;overflow:hidden;min-height:420px;display:flex;flex-direction:column;justify-content:center}.heroCard:before{content:"";position:absolute;width:380px;height:380px;right:-100px;top:-160px;background:radial-gradient(circle,rgba(127,92,255,.32),transparent 68%);animation:breathe 5s ease-in-out infinite}.heroCard:after{content:"";position:absolute;inset:auto -10% -60% 30%;height:250px;background:radial-gradient(ellipse,rgba(66,217,255,.12),transparent 70%)}@keyframes breathe{50%{transform:scale(1.16);opacity:.75}}.heroBadge,.eyebrow{display:inline-flex;align-items:center;width:max-content;max-width:100%;border:1px solid rgba(126,146,255,.24);background:rgba(83,99,189,.13);color:#bcc8ff;border-radius:999px;padding:7px 11px;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:900}.hero h1,.authVisual h1{font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-3.6px;margin:16px 0 20px;max-width:840px}.hero h1 span,.authVisual h1 span{background:linear-gradient(90deg,#fff,#95c8ff 40%,#b58aff 75%,#fff);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradText 5s linear infinite}@keyframes gradText{to{background-position:200%}}.heroCard p,.authVisual p{color:#a7b4d0;font-size:17px;line-height:1.7;max-width:680px;margin:0 0 24px}.heroActions{margin-top:6px}.trustRow{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;color:#aebce0;font-size:12px;font-weight:750}.trustRow span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(8,14,28,.5)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:20px;border-radius:24px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s ease;position:relative;overflow:hidden}.stat:hover{transform:translateY(-4px);border-color:rgba(109,129,255,.5)}.stat:after{content:"";position:absolute;width:100px;height:100px;right:-35px;top:-35px;border-radius:50%;background:rgba(105,119,255,.12)}.statIcon{font-size:23px;margin-bottom:auto}.stat b{font-size:30px;margin:8px 0 2px}.pulseDot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(49,218,139,.18);color:#55f0a5;box-shadow:0 0 0 0 rgba(49,218,139,.35);animation:pulseRing 2s infinite}@keyframes pulseRing{70%{box-shadow:0 0 0 14px rgba(49,218,139,0)}}.trustStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:24px;padding:1px;overflow:hidden;margin:4px 0 34px}.trustStrip>div{padding:18px 20px;background:rgba(8,14,27,.76);display:grid;gap:4px}.trustStrip b{font-size:14px}.trustStrip span{font-size:12px;color:var(--muted)}.sectionTitle{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:38px 0 14px}.sectionTitle h2{margin:8px 0 5px;font-size:34px;letter-spacing:-1.5px}.muted{color:var(--muted)}.toolbar{display:flex;gap:9px;flex-wrap:wrap}.searchWrap{position:relative;min-width:min(360px,82vw)}.searchWrap span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:21px;color:#7788ae}.input,textarea,select{width:100%;background:rgba(7,13,26,.88);border:1px solid var(--line);color:#fff;border-radius:15px;padding:13px 14px;outline:none;transition:.2s}.input:focus,textarea:focus,select:focus{border-color:#6f82ff;box-shadow:0 0 0 4px rgba(95,118,255,.1)}.search{padding-left:42px}.chips{display:flex;gap:9px;overflow:auto;padding:3px 2px 11px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--line);background:rgba(10,17,34,.78);color:#c8d3ed;border-radius:999px;padding:10px 14px;cursor:pointer;transition:.2s}.chip:hover{transform:translateY(-2px);border-color:#647cff}.chip.active{background:linear-gradient(135deg,#384da5,#6f4dbb);border-color:#7186ff;box-shadow:0 8px 22px rgba(87,102,255,.22)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{padding:0;border-radius:25px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:.28s cubic-bezier(.2,.8,.2,1)}.product:hover{transform:translateY(-8px) scale(1.01);border-color:rgba(111,132,255,.52);box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 0 1px rgba(105,119,255,.08)}.cover{height:175px;background:linear-gradient(135deg,#162548,#291940);display:flex;align-items:center;justify-content:center;font-size:50px;background-size:cover;background-position:center;position:relative;overflow:hidden}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,8,22,.78),transparent 55%);opacity:.42}.product:hover .cover{transform:scale(1.03)}.productBody{padding:17px}.product h3{margin:7px 0 8px;font-size:18px}.product p{min-height:42px;line-height:1.45}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;background:#162344;color:#bdcaff}.badge.ok{background:#113724;color:#69e4a2}.badge.warn{background:#3a2c12;color:#ffd27b}.price{display:flex;align-items:baseline;gap:8px;margin:13px 0}.price strong{font-size:26px;letter-spacing:-1px}.price del{color:#71809e}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card{padding:20px;border-radius:24px}.authWrap{display:grid;grid-template-columns:1.15fr .75fr;gap:26px;align-items:center;min-height:calc(100vh - 120px);padding:48px 0}.authVisual{position:relative;padding:30px}.authVisual h1{font-size:clamp(48px,7vw,88px)}.auth{max-width:520px;width:100%;justify-self:end;padding:28px}.auth h2{font-size:30px;margin:12px 0 5px}.authTabs{display:flex;gap:8px;margin:18px 0 14px}.authTabs button{flex:1}.formgrid{display:grid;gap:11px}.floatingCard{position:absolute;padding:10px 13px;border-radius:14px;border:1px solid var(--line);background:rgba(11,19,37,.78);backdrop-filter:blur(15px);font-size:12px;font-weight:800;box-shadow:0 15px 45px rgba(0,0,0,.3);animation:floatMini 5s ease-in-out infinite}.fc1{right:1%;top:8%}.fc2{right:8%;bottom:18%;animation-delay:-1.6s}.fc3{left:3%;bottom:4%;animation-delay:-3.2s}@keyframes floatMini{50%{transform:translateY(-10px)}}.hide{display:none!important}.modalWrap{position:fixed;inset:0;background:rgba(1,4,11,.78);backdrop-filter:blur(12px);z-index:100;display:grid;place-items:center;padding:18px;animation:fadeIn .2s ease}.modal{width:min(590px,100%);max-height:90vh;overflow:auto;animation:modalIn .28s cubic-bezier(.2,.8,.2,1);border:1px solid rgba(113,134,255,.33)}.modal h2{margin-top:0}.modal pre{white-space:pre-wrap;word-break:break-word}.toast{position:fixed;right:18px;bottom:90px;z-index:120;background:rgba(15,26,48,.95);border:1px solid rgba(104,125,255,.42);border-radius:16px;padding:14px 17px;box-shadow:var(--shadow);max-width:360px;animation:toastIn .25s ease}.bottomNav{display:none}.skeleton{height:335px;animation:pulse 1.15s infinite;background:linear-gradient(90deg,#10182c,#192746,#10182c);background-size:200%}.status{font-weight:900}.status.approved,.status.completed{color:var(--ok)}.status.failed,.status.rejected{color:var(--bad)}.status.pending,.status.processing,.status.manual_review{color:var(--warn)}.timeline{display:grid;gap:10px}.item{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(7,13,27,.78)}.notice{padding:12px 14px;border:1px solid rgba(73,101,181,.55);background:rgba(17,29,58,.8);border-radius:14px;color:#c5d0f4;margin-bottom:14px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:white;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.successBurst{font-size:52px;text-align:center;animation:pop .45s cubic-bezier(.2,.8,.2,1)}.verification{display:grid;gap:12px;text-align:center}.verifyRing{width:90px;height:90px;border-radius:50%;margin:auto;display:grid;place-items:center;border:3px solid rgba(111,132,255,.2);border-top-color:#7a8eff;animation:spin 1.1s linear infinite}.reveal{animation:rise .6s both}.product.revealItem{animation:rise .45s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.97)}}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}}@keyframes pulse{to{background-position:-200%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1)}}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.hero,.authWrap{grid-template-columns:1fr}.auth{justify-self:stretch;max-width:none}.authVisual{min-height:440px}.trustStrip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.shell{padding:10px 12px 94px}.topbar{top:8px}.topbar .nav{display:none}.brand{font-size:18px}.hero{padding-top:20px}.heroCard{padding:27px;min-height:390px}.hero h1,.authVisual h1{letter-spacing:-2.5px}.stats{grid-template-columns:repeat(2,1fr)}.stat{min-height:155px;padding:16px}.stat b{font-size:24px}.grid{grid-template-columns:1fr}.trustStrip{grid-template-columns:1fr}.sectionTitle{align-items:start;flex-direction:column}.toolbar{width:100%}.toolbar>*{flex:1}.searchWrap{min-width:100%}.authWrap{padding:20px 0}.authVisual{min-height:500px;padding:16px 5px}.floatingCard{font-size:10px}.bottomNav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:10px;left:10px;right:10px;z-index:50;background:rgba(8,14,28,.9);border:1px solid var(--line);backdrop-filter:blur(20px);border-radius:22px;padding:8px;box-shadow:var(--shadow)}.bottomNav button{border:0;background:transparent;color:#c4cee6;font-size:11px;padding:7px}.bottomNav b{display:block;font-size:19px;margin-bottom:2px}.modalWrap{align-items:end;padding:10px}.modal{border-radius:25px 25px 18px 18px;max-height:86vh}.toast{left:12px;right:12px;bottom:92px;max-width:none;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}