:root{--bg:#040916;--bg2:#07162f;--panel:rgba(8,25,54,.88);--panel2:rgba(12,36,73,.78);--line:rgba(73,151,255,.28);--text:#f5f9ff;--muted:#95a9c9;--blue:#1888ff;--cyan:#43c3ff;--purple:#7560ff;--green:#24db9c;--amber:#f3b64a;--red:#ff5a68;--shadow:0 26px 72px rgba(0,0,0,.38),0 0 28px rgba(27,119,255,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#030714;color:var(--text)}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{color:inherit}.clean{color:inherit;text-decoration:none}.shell{width:min(1440px,calc(100% - 48px));margin:auto}.site,.workspace{min-height:100vh;position:relative;overflow-x:hidden;background:radial-gradient(circle at 72% 12%,rgba(27,99,255,.24),transparent 27%),radial-gradient(circle at 18% 43%,rgba(103,55,255,.15),transparent 22%),linear-gradient(180deg,#050b1b,#07132a 48%,#030714)}.site:before,.workspace:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#b9dcff 0 1px,transparent 1.5px),radial-gradient(circle,#3d9cff 0 1px,transparent 1.5px),radial-gradient(circle,#7f62ff 0 1px,transparent 1.5px);background-size:120px 120px,180px 180px,240px 240px;background-position:0 0,30px 20px,80px 50px;mask-image:linear-gradient(#000,transparent 92%)}.site:after,.workspace:after{content:"";position:fixed;left:-10%;right:-10%;bottom:-28%;height:58%;pointer-events:none;background:radial-gradient(ellipse at center top,rgba(30,92,214,.22),transparent 55%),linear-gradient(158deg,transparent 45%,rgba(42,94,181,.17) 45.3%,rgba(3,9,23,.4) 56%,transparent 68%);filter:blur(2px);z-index:0}.glass{background:linear-gradient(145deg,rgba(10,31,66,.9),rgba(5,17,39,.85));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;white-space:nowrap}.brand strong{font-weight:800}.mark{width:34px;height:28px;position:relative;display:inline-block;filter:drop-shadow(0 0 10px rgba(33,146,255,.7))}.mark i{position:absolute;display:block;background:linear-gradient(145deg,#2dc6ff,#2d6cff);clip-path:polygon(0 0,100% 0,50% 100%)}.mark i:nth-child(1){width:19px;height:18px;left:0;top:0;transform:rotate(-8deg)}.mark i:nth-child(2){width:19px;height:18px;right:0;top:0;transform:rotate(8deg)}.mark i:nth-child(3){width:16px;height:14px;left:9px;bottom:0;background:linear-gradient(145deg,#8068ff,#2eb9ff)}
.topbar{height:78px;display:flex;align-items:center;gap:42px;position:relative;z-index:20;border-bottom:1px solid rgba(78,143,244,.13)}.navlinks{display:flex;gap:26px;flex:1}.navlinks a{text-decoration:none;color:#b8c7df;font-size:14px}.navlinks a:hover{color:#fff}.top-actions{display:flex;align-items:center;gap:10px}.user-chip{font-size:12px;color:#9eb1cd;max-width:220px;overflow:hidden;text-overflow:ellipsis}.btn{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid rgba(90,160,255,.3);background:rgba(4,16,35,.6);color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{border-color:#47a8ff;transform:translateY(-1px)}.btn.primary{background:linear-gradient(110deg,#147cff,#27baff);border-color:#4bc2ff;box-shadow:0 0 26px rgba(25,132,255,.35),inset 0 1px rgba(255,255,255,.18)}.btn.danger{color:#ff99a2;border-color:rgba(255,84,99,.28);background:rgba(255,65,80,.08)}.btn.wide{width:100%}.btn.small{min-height:34px;padding:0 10px;font-size:11px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.ico{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:10px;background:rgba(30,124,255,.16);color:#6ac5ff;font-weight:900;box-shadow:inset 0 0 20px rgba(36,125,255,.08)}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.29em;color:#63bcff}.hero{position:relative;z-index:2;min-height:690px;display:grid;grid-template-columns:1.03fr .97fr;gap:46px;align-items:center;padding:56px 0}.hero h1,.claim-copy h1{font-size:clamp(48px,5vw,78px);line-height:1.02;letter-spacing:-.045em;margin:15px 0 22px;background:linear-gradient(180deg,#fff 10%,#d8eaff 52%,#5dbbff 95%);-webkit-background-clip:text;color:transparent}.hero p,.claim-copy>p{font-size:17px;line-height:1.72;color:#c0cee2;max-width:760px}.actions{display:flex;gap:10px;margin:28px 0 22px;flex-wrap:wrap}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#aec0d9;font-size:12px}.trust span{display:flex;align-items:center;gap:8px}.hero-art{height:510px;border-radius:26px;position:relative;overflow:hidden;background:radial-gradient(circle at 54% 46%,rgba(37,108,255,.42),transparent 31%),linear-gradient(155deg,rgba(8,25,55,.96),rgba(6,13,31,.94))}.hero-art:after{content:"";position:absolute;z-index:1;left:-8%;right:-8%;bottom:-5%;height:42%;background:linear-gradient(165deg,transparent 22%,rgba(49,92,172,.44) 23%,rgba(2,8,22,.95) 52%,transparent 73%);filter:drop-shadow(0 -12px 25px rgba(40,103,255,.4));transform:skewX(-8deg)}.source-card,.product-card-float{position:absolute;z-index:4;border:1px solid rgba(79,158,255,.58);background:linear-gradient(145deg,rgba(12,32,71,.97),rgba(5,15,38,.96));box-shadow:0 0 34px rgba(37,124,255,.4);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.source-card{left:9%;top:18%;width:190px;height:225px;transform:rotate(-7deg)}.source-card .infinity{font-size:72px;font-weight:900;color:#b4e6ff;line-height:.8;text-shadow:0 0 22px #3299ff}.source-card b{font-size:25px;margin-top:12px}.source-card small{color:#9db4d4;margin-top:6px}.source-card .ok{margin-top:14px;color:var(--green);font-size:24px}.product-card-float{right:9%;top:14%;width:225px;height:270px;transform:rotate(5deg);padding:14px}.flow-chev{position:absolute;z-index:5;left:43%;top:37%;font-size:48px;color:#55b9ff;text-shadow:0 0 18px #2689ff;letter-spacing:-.2em}.claim-strip{position:absolute;z-index:6;left:15%;right:14%;bottom:11%;height:82px;border-radius:15px;border:1px solid rgba(83,159,255,.35);background:rgba(4,16,37,.91);display:flex;align-items:center;gap:18px;padding:14px 20px}.claim-strip small{font-size:9px;letter-spacing:.18em;color:#82adDE}.claim-strip b{font-size:21px;letter-spacing:.21em;flex:1}.mini-note{position:absolute;z-index:5;right:5%;top:5%;color:#8fc6ff;font-size:11px}
.section{position:relative;z-index:3;padding:68px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-head h2,.portal h2{font-size:36px;letter-spacing:-.035em;margin:8px 0}.section-head p,.portal p{max-width:600px;color:var(--muted);line-height:1.65}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step{border-radius:18px;padding:23px;min-height:188px}.num{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#176fff,#704eff);box-shadow:0 0 22px rgba(49,112,255,.29);font-weight:800}.step h3{font-size:17px;margin:22px 0 9px}.step p{color:#91a7c8;line-height:1.6;font-size:13px}.portal{border-radius:24px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.mini-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.footer{position:relative;z-index:3;border-top:1px solid rgba(85,151,239,.15);min-height:96px;display:flex;align-items:center;justify-content:space-between;color:#879dbc;font-size:12px}.footer strong{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.art{width:100%;height:100%;min-height:150px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(82,155,255,.2);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent,#2b8cff) 40%,transparent),transparent 34%),linear-gradient(145deg,#0d2959,#07152e 60%,#080e20)}.art:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;border:1px solid rgba(99,174,255,.24);box-shadow:0 0 34px rgba(43,108,255,.17);transform:rotate(24deg)}.art .glyph{position:relative;z-index:2;font-size:48px;font-weight:900;color:#d9efff;text-shadow:0 0 18px var(--accent,#2b8cff)}.art b,.art small{position:relative;z-index:2}.art b{font-size:15px}.art small{color:#8fa8c9;font-size:10px}.art.large{min-height:250px}.art.image{background-size:cover;background-position:center}.art.image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(3,10,24,.82));z-index:1}
.claim-page{position:relative;z-index:3;min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.06fr .94fr;gap:44px;align-items:center;padding:32px 0 52px}.claim-copy h1 span{background:linear-gradient(90deg,#39c0ff,#7867ff);-webkit-background-clip:text;color:transparent}.claim-flow{height:245px;position:relative;max-width:720px}.claim-flow .source-card{left:4%;top:11%;width:175px;height:205px}.claim-flow .product-card-float{right:5%;top:1%;width:220px;height:220px}.claim-flow .flow-chev{left:43%;top:34%}.claim-meta{border-radius:15px;padding:15px;display:grid;grid-template-columns:1fr 1.3fr auto;gap:15px;align-items:center}.claim-meta div{display:flex;flex-direction:column;gap:4px}.claim-meta small{font-size:9px;letter-spacing:.14em;color:#769ac8}.claim-meta b{font-size:15px}.status{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap}.status.green{color:#43e7ad;background:rgba(20,201,139,.12);border:1px solid rgba(31,205,147,.2)}.status.blue{color:#73c6ff;background:rgba(30,123,255,.13);border:1px solid rgba(41,132,255,.22)}.status.amber{color:#f5c973;background:rgba(242,174,66,.12);border:1px solid rgba(242,174,66,.2)}.status.red{color:#ff909a;background:rgba(255,79,94,.11);border:1px solid rgba(255,79,94,.2)}.claim-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.benefit{border-radius:13px;padding:15px}.benefit b{display:block;font-size:12px;margin:9px 0 4px}.benefit small{color:#8199bc;line-height:1.45;font-size:10px}.auth-card{border-radius:24px;padding:27px;min-height:610px;display:flex;flex-direction:column;justify-content:center}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(86,154,246,.18);margin-bottom:25px}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#9bb0cf;padding:14px;font-size:15px}.tabs button.active{color:#fff;border-color:#33a8ff;text-shadow:0 0 16px #238bff}.auth-card h2{font-size:29px;margin:0 0 7px}.auth-card>p,.auth-head p{color:#91a5c4;line-height:1.6;margin-top:0}.field{display:flex;flex-direction:column;gap:7px;margin:13px 0;color:#bdcbe0;font-weight:600;font-size:12px}.field input,.field textarea,.field select,.toolbar input,.toolbar select{width:100%;border:1px solid rgba(86,151,238,.32);border-radius:10px;background:rgba(2,12,29,.65);color:#fff;padding:12px 13px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#42a8ff;box-shadow:0 0 0 3px rgba(39,132,255,.11)}.field textarea{resize:vertical;line-height:1.5}.secure{display:flex;gap:11px;align-items:center;margin-top:16px;padding:13px;border-radius:11px;background:rgba(15,66,99,.28);border:1px solid rgba(31,190,142,.18);color:#42dda8;font-size:11px}.secure small{color:#84a0bd}.alert{padding:12px 14px;border-radius:10px;margin:10px 0;font-size:12px;line-height:1.45}.alert.error{background:rgba(255,78,93,.1);border:1px solid rgba(255,78,93,.28);color:#ffa0a9}.alert.success{background:rgba(30,216,153,.1);border:1px solid rgba(30,216,153,.28);color:#81efc3}.empty{text-align:center;padding:35px}.empty .bigico{font-size:54px}.empty p{color:var(--muted);line-height:1.6}
.login-wrap{position:relative;z-index:3;min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 520px;gap:65px;align-items:center;padding:50px 0}.login-copy h1{font-size:64px;letter-spacing:-.05em;margin:10px 0}.login-copy p{font-size:17px;line-height:1.7;color:#aebed5;max-width:640px}.login-card{border-radius:22px;padding:32px}.login-card h2{font-size:28px;margin:0 0 8px}.login-card>p{color:var(--muted);margin-bottom:23px}
.workspace-top{height:68px;padding:0 28px;display:flex;align-items:center;gap:15px;position:relative;z-index:8;background:rgba(3,10,25,.7);border-bottom:1px solid rgba(82,149,242,.17);backdrop-filter:blur(18px)}.workspace-top .right{margin-left:auto;color:#9caeca;font-size:12px;display:flex;gap:9px;align-items:center}.admin-tag{padding:6px 9px;border-radius:8px;background:rgba(36,118,238,.13);border:1px solid rgba(69,151,255,.25);color:#67bcff;text-decoration:none}.workspace-grid{position:relative;z-index:3;display:grid;grid-template-columns:240px 1fr;gap:16px;padding:16px;min-height:calc(100vh - 68px)}.sidebar{border-radius:17px;padding:15px;display:flex;flex-direction:column;gap:5px;position:sticky;top:16px;height:calc(100vh - 100px)}.side-title{font-size:9px;letter-spacing:.18em;color:#6d8eb8;padding:9px 10px 13px}.sidebar a,.sidebar button{display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;color:#9fb2cf;text-decoration:none;padding:11px;border-radius:9px;text-align:left}.sidebar a.active{background:linear-gradient(100deg,rgba(28,123,255,.56),rgba(38,76,204,.27));border-color:#348eff;color:#fff;box-shadow:0 0 23px rgba(30,123,255,.24)}.sidebar a:hover,.sidebar button:hover{color:#fff}.sidebar .si{width:25px;color:#5db8ff;text-align:center}.side-promo{margin-top:auto;border-radius:14px;min-height:150px;padding:15px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 80% 20%,rgba(46,136,255,.28),transparent 32%),linear-gradient(155deg,#0b2653,#071126);border:1px solid rgba(80,153,249,.23)}.side-promo b{font-size:13px;line-height:1.55}.side-promo small{font-size:10px;color:#849bbd;line-height:1.45;margin-top:7px}.side-promo .mini-brand{color:#66bfff;font-weight:900;margin-bottom:12px}.main{min-width:0}.page{max-width:1500px;margin:auto;padding:10px 0 40px}.page-hero{min-height:160px;border-radius:19px;padding:28px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 50%,rgba(38,124,255,.23),transparent 28%),linear-gradient(145deg,rgba(10,37,80,.92),rgba(4,16,36,.9));border:1px solid rgba(81,155,255,.23)}.page-hero:after{content:"";position:absolute;right:-55px;top:-120px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(75,143,255,.18);box-shadow:0 0 90px rgba(40,101,255,.14)}.page-hero h1,.page-head h1{font-size:40px;letter-spacing:-.04em;margin:6px 0 8px}.page-hero p,.page-head p{color:#91a7c5;line-height:1.6;margin:0}.page-head{min-height:95px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:2px 2px 10px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:13px 0}.stats.admin{grid-template-columns:repeat(6,1fr)}.stat{border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;min-height:86px}.stats.admin .stat{align-items:flex-start;flex-direction:column;min-height:100px}.stat .sicon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(27,122,255,.16);color:#5ebcff;font-size:18px}.stat span{display:flex;flex-direction:column;gap:3px}.stat b{font-size:23px}.stat small{font-size:10px;color:#7f96b8}.toolbar{min-height:61px;border-radius:13px;margin:12px 0;padding:9px 12px;display:flex;align-items:center;gap:9px}.toolbar .search{display:flex;align-items:center;gap:7px;flex:1}.toolbar .search input{border:0;background:transparent}.toolbar select{width:auto;min-width:155px}.toolbar .count{font-size:11px;color:#788ead}.grid-products{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.owned{border-radius:17px;overflow:hidden}.owned .art{height:190px;border-radius:0}.owned-body{padding:15px}.tag{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid rgba(69,153,255,.28);background:rgba(35,114,221,.12);color:#70c0ff;font-size:9px;font-weight:700}.owned h3{font-size:17px;margin:9px 0 4px}.owned p{color:#8097b8;font-size:11px;margin:0 0 11px}.crumb{display:flex;gap:7px;align-items:center;font-size:11px;color:#6d89b0;margin:3px 0 10px}.crumb a{text-decoration:none;color:#61b8ff}.product-hero{border-radius:19px;padding:15px;display:flex;gap:25px;align-items:center;position:relative;overflow:hidden}.product-hero:after{content:"";position:absolute;right:-10%;top:-70%;width:60%;height:190%;background:radial-gradient(circle,rgba(34,113,255,.2),transparent 60%)}.product-hero .art{width:310px;min-width:310px}.product-copy{position:relative;z-index:1}.product-copy h1{font-size:40px;margin:8px 0}.product-copy p{color:#98abc7;line-height:1.67;max-width:760px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid rgba(75,149,240,.21);background:rgba(16,52,103,.28);padding:8px 9px;border-radius:9px;color:#aec2df;font-size:10px}.meta-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;margin:10px 0}.meta{border-radius:13px;padding:15px;display:flex;align-items:center;gap:11px}.meta .micon{color:#5dbbff}.meta span{display:flex;flex-direction:column}.meta small{color:#7890b2;font-size:9px}.meta b{font-size:12px;margin-top:3px}.keybox{border-radius:16px;padding:19px}.panel-head,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2,.panel-title h2{font-size:19px;margin:0}.panel-head p,.panel-title p{font-size:10px;color:#7e95b7;margin:4px 0 0}.key-row{display:grid;grid-template-columns:1fr auto auto;gap:9px;margin-top:18px}.key-field{min-height:52px;display:flex;align-items:center;padding:0 17px;background:#031128;border:1px solid rgba(62,151,255,.44);border-radius:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#d9edff;overflow:auto}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.panel{border-radius:15px;padding:18px}.panel h2{font-size:18px;margin:0 0 14px}.instruction{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;margin:9px 0}.instruction .n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1474ed;font-size:11px;font-weight:800}.instruction p,.panel li,.panel>p{color:#91a6c4;line-height:1.55;font-size:11px}.account-row{display:flex;gap:11px;align-items:center;padding:11px 0}.account-row span{display:flex;flex-direction:column}.account-row small{color:#788eae;font-size:9px}
.admin-grid2{display:grid;grid-template-columns:1.35fr .65fr;gap:10px}.admin-panel{border-radius:15px;padding:15px;min-width:0}.table-wrap{overflow:auto;border-radius:9px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th{text-align:left;padding:10px 9px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#758db0;background:rgba(16,47,91,.27);border-bottom:1px solid rgba(83,148,235,.17)}.table td{padding:11px 9px;border-bottom:1px solid rgba(83,144,226,.1);font-size:11px;color:#a7bad4;vertical-align:middle}.table td b{color:#ecf5ff}.sub{display:block;color:#6f86a6;font-size:9px;margin-top:3px}.recent>div{display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(83,144,226,.1)}.recent .rpic{width:34px;height:34px;border-radius:9px;background:rgba(30,118,236,.13);display:grid;place-items:center;color:#58b9ff}.recent span{display:flex;flex-direction:column}.recent b{font-size:11px}.recent small{font-size:9px;color:#6e87a9;margin-top:3px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick a{border:1px solid rgba(77,150,244,.21);background:rgba(15,48,96,.25);border-radius:11px;padding:15px;text-decoration:none;font-size:11px;display:flex;gap:8px;align-items:center}.quick a:hover{border-color:#3d9eff}.row-actions{display:flex;gap:5px}.row-btn{border:1px solid rgba(78,149,239,.22);background:rgba(7,26,56,.55);color:#b3c4dc;border-radius:6px;padding:6px 7px;font-size:9px}.row-btn.red{color:#ff8f99;border-color:rgba(255,80,94,.2);background:rgba(255,72,86,.08)}.link-btn{max-width:270px;border:1px solid rgba(72,149,248,.2);background:rgba(7,25,56,.45);color:#67bbff;border-radius:7px;padding:6px 7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stock-card{border-radius:15px;padding:15px;text-align:left;color:#fff}.stock-card:hover{border-color:#3d9eff;transform:translateY(-2px)}.stock-title{display:flex;gap:8px;align-items:center}.stocknums{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}.stocknums span{display:flex;flex-direction:column}.stocknums b{font-size:19px}.stocknums small{font-size:9px;color:#7089aa}.bar{height:5px;border-radius:99px;background:rgba(96,133,181,.16);overflow:hidden;margin-top:14px}.bar i{display:block;height:100%;background:#26d99b}.bar.low i{background:#f2b649}.bar.none i{background:#ff5967}.modal-bg{position:fixed;z-index:60;inset:0;background:rgba(0,5,16,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal{width:min(850px,96vw);max-height:92vh;overflow:auto;border-radius:19px;padding:21px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.modal-head h2{font-size:25px;margin:5px 0}.close{width:37px;height:37px;border-radius:9px;border:1px solid rgba(82,151,241,.22);background:rgba(7,25,52,.66);color:#a7bad3}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:1fr 1fr}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.stock-upload{display:grid;grid-template-columns:1.04fr .96fr;gap:16px}.keylist{max-height:410px;overflow:auto;border:1px solid rgba(77,146,235,.15);border-radius:11px;padding:11px}.keylist>div{display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(75,140,222,.09)}.keylist span{display:flex;flex-direction:column}.keylist small{font-size:9px;color:#7288a8}.generated{margin-top:12px;border:1px solid rgba(77,147,237,.18);background:rgba(4,16,35,.55);border-radius:11px;padding:11px}.generated pre{white-space:pre-wrap;color:#7dc9ff;font-size:10px;max-height:250px;overflow:auto}.settings{max-width:980px}.warning{padding:13px;border-radius:10px;background:rgba(242,177,67,.09);border:1px solid rgba(242,177,67,.18);color:#d9ba78;font-size:11px;line-height:1.55;margin:12px 0}.boot{min-height:100vh;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#8ca3c4}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(73,151,255,.18);border-top-color:#4db2ff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}

.top-search{flex:1;max-width:430px;min-height:46px;border:1px solid rgba(76,145,241,.22);border-radius:12px;background:rgba(4,16,35,.56);display:flex;align-items:center;gap:10px;padding:0 14px;color:#8ca7cb;box-shadow:inset 0 0 26px rgba(17,70,137,.08)}
.top-search input{flex:1;border:0;background:transparent;color:#caddf6;outline:none;font-size:13px}.top-search input::placeholder{color:#839abf}.top-search kbd{padding:4px 8px;border-radius:8px;border:1px solid rgba(82,151,241,.18);background:rgba(15,38,78,.55);font-size:10px;color:#8db2da}
.hero-ref{min-height:760px;gap:34px}.hero-copy h1{font-size:clamp(52px,5.2vw,82px);max-width:720px}.hero-copy h1,.hero-copy h1 span{background:linear-gradient(180deg,#ffffff 15%,#dbeaff 52%,#5dbdff 92%);-webkit-background-clip:text;color:transparent}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.trust-card{border-radius:18px;padding:16px;display:flex;align-items:center;gap:12px;background:rgba(7,25,55,.5)}.trust-card b{display:block;font-size:14px;margin-bottom:4px}.trust-card small{display:block;color:#8ba3c4;line-height:1.4;font-size:11px}
.hero-stage{min-height:560px;border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 22%,rgba(74,89,255,.22),transparent 26%),radial-gradient(circle at 54% 44%,rgba(34,120,255,.34),transparent 28%),linear-gradient(160deg,rgba(6,16,39,.97),rgba(7,20,50,.95))}.hero-stage:before{content:"";position:absolute;inset:auto 8% 16% 8%;height:22%;border-radius:50%;background:radial-gradient(circle,rgba(55,139,255,.34),rgba(15,44,96,0) 68%);filter:blur(12px)}.hero-cards{position:absolute;inset:8% 7% 23% 7%}.float-card{position:absolute;width:190px;min-height:255px;padding:22px 18px;border-radius:24px;border:1px solid rgba(92,161,255,.44);background:linear-gradient(170deg,rgba(18,38,82,.92),rgba(10,19,44,.94));box-shadow:0 0 38px rgba(33,120,255,.25);display:flex;flex-direction:column;justify-content:flex-end}.float-card h3{font-size:30px;line-height:1.02;margin:12px 0 8px}.float-card p{font-size:13px;line-height:1.5;color:#b4c4dc;margin:0}.float-card .icon-badge{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(50,131,255,.18);font-size:22px;color:#fff}.float-card.steam{left:14%;top:16%;transform:rotate(-9deg)}.float-card.windows{left:36%;top:6%;transform:rotate(-2deg)}.float-card.office{left:58%;top:16%;transform:rotate(6deg)}.float-card.digital{left:76%;top:20%;transform:rotate(11deg)}.float-card.steam .icon-badge{background:rgba(129,106,255,.18)}.float-card.office .icon-badge{background:rgba(255,127,74,.18)}.float-card.digital .icon-badge{background:rgba(162,89,255,.18)}
.floating-chip{position:absolute;width:62px;height:62px;border-radius:18px;border:1px solid rgba(96,162,255,.38);background:linear-gradient(160deg,rgba(19,39,82,.85),rgba(9,18,47,.92));display:grid;place-items:center;font-size:25px;box-shadow:0 0 26px rgba(45,128,255,.18)}.floating-chip.a{left:9%;top:2%}.floating-chip.b{right:6%;top:8%}.floating-chip.c{left:28%;top:38%}.floating-chip.d{right:12%;top:44%}
.hero-step-strip{position:absolute;left:7%;right:7%;bottom:6%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;border-radius:20px;background:rgba(5,17,38,.82);border:1px solid rgba(83,159,255,.26)}.mini-step{display:flex;gap:12px;align-items:flex-start}.mini-step span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#197bff,#684eff);font-weight:800;font-size:13px;box-shadow:0 0 22px rgba(49,112,255,.25)}.mini-step b{display:block;font-size:13px;margin-bottom:4px}.mini-step small{display:block;color:#91a5c2;line-height:1.45;font-size:10px}
.more-link{color:#6cc1ff;font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{position:relative;min-height:235px;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.category-visual{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(4,9,22,.84) 70%),radial-gradient(circle at 75% 18%,rgba(69,135,255,.33),transparent 24%),linear-gradient(145deg,#102756,#061127)}.category-visual.game{background:linear-gradient(180deg,transparent,rgba(4,9,22,.84) 72%),radial-gradient(circle at 60% 30%,rgba(86,152,255,.22),transparent 28%),linear-gradient(150deg,#0f2c5a,#071126)}.category-visual.steamkey{background:linear-gradient(180deg,transparent,rgba(4,9,22,.84) 72%),radial-gradient(circle at 65% 28%,rgba(111,118,255,.28),transparent 26%),linear-gradient(150deg,#10204a,#071126)}.category-visual.windowskey{background:linear-gradient(180deg,transparent,rgba(4,9,22,.84) 72%),radial-gradient(circle at 65% 28%,rgba(44,151,255,.31),transparent 26%),linear-gradient(150deg,#11336a,#071126)}.category-visual.officekey{background:linear-gradient(180deg,transparent,rgba(4,9,22,.84) 72%),radial-gradient(circle at 65% 28%,rgba(255,111,63,.24),transparent 26%),linear-gradient(150deg,#4f1b1d,#071126)}.category-body{position:relative;z-index:1;padding:22px 22px 20px}.category-body h3{font-size:19px;margin:0 0 8px}.category-body p{margin:0;color:#94aaca;line-height:1.55;font-size:12px;max-width:92%}.circle-link{position:absolute;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(86,154,244,.26);background:rgba(10,28,60,.72);color:#d4e9ff;font-size:18px;z-index:2}
.how-section{padding-top:54px}.how-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}.steps.three{grid-template-columns:repeat(3,1fr)}.library-preview{border-radius:22px;padding:20px}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-head h3{font-size:26px;margin:8px 0 0}.sample-pill{padding:7px 10px;border-radius:999px;background:rgba(29,110,229,.16);border:1px solid rgba(83,157,255,.24);font-size:10px;color:#78c6ff}.library-preview>p{color:#92a8c6;font-size:13px;line-height:1.6;margin:10px 0 16px}.preview-list{display:grid;gap:10px}.preview-card{display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(78,149,239,.14);border-radius:16px;padding:12px;background:rgba(6,19,42,.48)}.preview-card b{font-size:14px;display:block;margin-bottom:4px}.preview-card small{color:#7f95b7;font-size:11px}.preview-art{width:74px;height:74px;border-radius:14px;background:linear-gradient(145deg,#1d4ea7,#08152f)}.preview-art.steam{background:radial-gradient(circle at 60% 30%,rgba(255,176,74,.45),transparent 25%),linear-gradient(145deg,#213f73,#09152d)}.preview-art.windows{background:radial-gradient(circle at 60% 30%,rgba(57,167,255,.45),transparent 25%),linear-gradient(145deg,#0e4ec5,#07152f)}.preview-art.office{background:radial-gradient(circle at 60% 30%,rgba(255,116,76,.42),transparent 25%),linear-gradient(145deg,#6d2319,#08152f)}
.claim-meta{grid-template-columns:1.2fr auto 1fr auto}.claim-code-box{display:flex;flex-direction:column;gap:4px}.copy-claim-code{align-self:end;white-space:nowrap}
@media(max-width:1300px){.top-search{display:none}.hero-features{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.hero-stage{min-height:620px}.float-card{width:170px;min-height:230px}.float-card h3{font-size:24px}.float-card.digital{left:69%}.hero-step-strip{grid-template-columns:1fr}}
@media(max-width:1150px){.hero,.claim-page{grid-template-columns:1fr}.hero{padding-top:36px}.steps{grid-template-columns:repeat(2,1fr)}.stats.admin{grid-template-columns:repeat(3,1fr)}.grid-products{grid-template-columns:repeat(2,1fr)}.stock-cards{grid-template-columns:repeat(2,1fr)}.admin-grid2{grid-template-columns:1fr}.claim-copy{padding-top:20px}}
@media(max-width:820px){.shell{width:min(100% - 24px,1440px)}.topbar{height:66px;gap:12px}.navlinks{display:none}.brand{font-size:18px}.user-chip{display:none}.hero{min-height:auto;padding:35px 0}.hero h1,.claim-copy h1{font-size:44px}.hero p,.claim-copy>p{font-size:14px}.hero-art{height:390px}.source-card{left:5%;width:145px;height:175px}.source-card .infinity{font-size:50px}.source-card b{font-size:19px}.product-card-float{right:5%;width:175px;height:210px}.flow-chev{left:42%;font-size:38px}.claim-strip{left:7%;right:7%;height:66px}.claim-strip b{font-size:15px}.section-head{display:block}.steps,.portal,.mini-products,.claim-benefits,.stats,.stats.admin,.grid-products,.info-grid,.form-grid.two,.stock-upload{grid-template-columns:1fr}.workspace-grid{grid-template-columns:1fr;padding:10px}.sidebar{position:relative;top:auto;height:auto;display:grid;grid-template-columns:repeat(2,1fr)}.side-title,.side-promo{grid-column:1/-1}.sidebar .logout{margin-top:0}.page-head{align-items:flex-start;flex-direction:column}.page-hero h1,.page-head h1{font-size:33px}.product-hero{display:block}.product-hero .art{width:100%;min-width:0;height:220px}.product-copy{padding:14px 3px}.meta-grid{grid-template-columns:1fr}.key-row{grid-template-columns:1fr}.admin-grid2{grid-template-columns:1fr}.stock-cards{grid-template-columns:1fr}.quick{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar select{width:100%}.login-wrap{grid-template-columns:1fr;padding-top:30px}.login-copy h1{font-size:44px}.footer{align-items:flex-start;flex-direction:column;gap:15px;padding:22px 0}.claim-meta{grid-template-columns:1fr 1fr}.claim-meta .status{grid-column:1/-1}}
@media(max-width:520px){.hero-art{height:330px}.source-card{width:120px;height:150px}.source-card b{font-size:16px}.product-card-float{width:140px;height:175px}.claim-strip{padding:8px 11px}.claim-strip small{display:none}.actions,.trust{flex-direction:column;align-items:stretch}.btn{width:100%}.sidebar{grid-template-columns:1fr}.side-title,.side-promo{grid-column:auto}.claim-meta{grid-template-columns:1fr}.claim-flow .source-card{left:0}.claim-flow .product-card-float{right:0}.claim-flow .flow-chev{left:44%}.modal-bg{padding:8px}.modal{padding:15px}}

/* Simplified ItemSatış code -> account -> inventory flow */
.simple-home{position:relative;z-index:3;min-height:calc(100vh - 174px);display:grid;grid-template-columns:1.08fr .72fr;gap:56px;align-items:center;padding:64px 0 72px}.simple-home-copy h1{font-size:clamp(52px,6vw,86px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 22px}.simple-home-copy h1 span{background:linear-gradient(90deg,#49c8ff,#6e70ff);-webkit-background-clip:text;color:transparent}.simple-home-copy>p{max-width:720px;font-size:17px;line-height:1.72;color:#aec0d9}.simple-points{display:grid;gap:12px;margin-top:28px;max-width:720px}.simple-point{display:flex;align-items:center;gap:13px;padding:13px 0}.simple-point b{display:block;font-size:14px;margin-bottom:3px}.simple-point small{display:block;color:#8299ba;font-size:11px;line-height:1.45}.simple-points.compact{margin-top:18px}.simple-points.compact .simple-point{padding:8px 0}.redeem-card{border-radius:24px;padding:32px;max-width:520px;width:100%;justify-self:end}.redeem-card .redeem-icon{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;margin-bottom:20px;background:linear-gradient(145deg,rgba(26,126,255,.26),rgba(112,78,255,.22));border:1px solid rgba(83,159,255,.32);font-size:30px;color:#7bc8ff;box-shadow:0 0 32px rgba(34,124,255,.18)}.redeem-card h2{font-size:30px;margin:8px 0 6px}.redeem-card>p{color:#8da4c4;line-height:1.55;margin:0 0 18px}.redeem-card .field input{text-transform:uppercase;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px}.simple-link{display:inline-flex;margin-top:16px;color:#73c6ff;text-decoration:none;font-weight:700;font-size:12px}.simple-link:hover{color:#fff}.redeem-note{margin-top:20px;padding:12px 13px;border-radius:10px;background:rgba(14,52,92,.34);border:1px solid rgba(62,149,255,.18);color:#7f98ba;font-size:10px;line-height:1.5}
.simple-claim{grid-template-columns:1fr .78fr;gap:24px;align-items:center}.claim-summary{border-radius:24px;padding:26px;min-height:550px}.claim-summary .back{margin:0 0 26px}.claim-product-simple{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center}.claim-product-simple .art{height:250px}.claim-product-simple h1{font-size:38px;margin:10px 0 8px}.claim-product-simple p{color:#8fa5c4;margin:0}.claim-code-simple{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:16px;border-radius:14px;background:rgba(4,16,37,.72);border:1px solid rgba(82,154,248,.25)}.claim-code-simple div{display:flex;flex-direction:column;gap:4px}.claim-code-simple small{font-size:9px;letter-spacing:.14em;color:#7898c1}.claim-code-simple b{font-size:20px;letter-spacing:.16em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:1050px){.simple-home,.simple-claim{grid-template-columns:1fr}.redeem-card{justify-self:stretch;max-width:none}.claim-product-simple{grid-template-columns:190px 1fr}.claim-summary{min-height:auto}}
@media(max-width:650px){.simple-home{padding:36px 0}.simple-home-copy h1{font-size:48px}.simple-home-copy>p{font-size:14px}.redeem-card{padding:22px}.claim-product-simple{grid-template-columns:1fr}.claim-product-simple .art{height:190px}.claim-code-simple{align-items:stretch;flex-direction:column}.claim-code-simple .btn{width:100%}}

/* --- Epic gateway and panel refresh --- */
.topbar.minimal{gap:26px}.topbar.minimal .navlinks{flex:none}.topbar.minimal .top-actions{margin-left:auto}.topbar.minimal .btn{min-height:42px}
.gateway-page{position:relative;z-index:3;min-height:calc(100vh - 170px);display:grid;grid-template-columns:1.18fr .82fr;gap:26px;padding:28px 0 52px}.gateway-left h1,.epic-auth-copy h1{font-size:clamp(54px,5.4vw,84px);line-height:1.02;letter-spacing:-.05em;margin:16px 0 16px}.gateway-left h1 span,.claim-epic h1 span,.library-hero h1 span{background:linear-gradient(180deg,#e8f5ff 0,#85d8ff 100%);-webkit-background-clip:text;color:transparent}.gateway-left>p,.epic-auth-copy>p{max-width:760px;font-size:17px;line-height:1.72;color:#b8c7dd}.gateway-right{display:flex;align-items:stretch}.hero-auth{width:100%;padding:28px;border-radius:28px;display:flex;flex-direction:column;gap:16px;justify-content:flex-start}.hero-auth h2,.epic-card h2{font-size:54px;line-height:1.02;margin:0 0 4px}.hero-auth>p,.epic-card>p{color:#8fa7c9;margin:0 0 8px;line-height:1.55}
.gateway-pill-row,.auth-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 26px}.gateway-pill,.perk{padding:18px;border-radius:18px;display:flex;gap:12px;align-items:flex-start}.gateway-pill b,.perk b{display:block;font-size:14px;margin-bottom:5px}.gateway-pill small,.perk small{display:block;color:#8fa7c9;font-size:11px;line-height:1.45}
.gateway-stage{position:relative;min-height:520px;border-radius:30px;padding:26px;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(59,129,255,.32),transparent 26%),radial-gradient(circle at 40% 68%,rgba(120,91,255,.2),transparent 26%),linear-gradient(170deg,rgba(6,16,38,.96),rgba(4,11,28,.94))}.gateway-stage:before,.library-scenery:before,.showcase-scene:before{content:"";position:absolute;inset:auto 8% 4% 8%;height:26%;border-radius:50%;background:radial-gradient(circle,rgba(80,154,255,.22),rgba(13,31,63,0) 68%);filter:blur(10px)}.gateway-visuals{position:relative;height:100%}.gateway-source-card{position:absolute;left:6%;top:22%;width:190px;height:230px;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:22px;padding:18px;animation:floatA 6s ease-in-out infinite}.gateway-product-card{position:absolute;right:10%;top:16%;width:250px;height:280px;transform:rotate(6deg);animation:floatB 6.4s ease-in-out infinite}.gateway-product-card .art{height:100%}.gateway-arrow{position:absolute;left:40%;top:38%;font-size:44px;letter-spacing:-.2em;color:#62beff;text-shadow:0 0 18px rgba(47,135,255,.72)}.badge-big{font-size:72px;line-height:1;font-weight:800;color:#8fd8ff;text-shadow:0 0 22px rgba(33,134,255,.85)}.gateway-source-card b{font-size:32px}.gateway-source-card small{color:#9db6da}.gateway-dock{position:absolute;left:8%;right:8%;bottom:7%;padding:18px;border-radius:20px;display:grid;gap:10px}.gateway-dock small{font-size:10px;letter-spacing:.24em;color:#79afe8}.code-inline{display:grid;grid-template-columns:1fr auto;gap:12px}.code-inline input{height:56px;border-radius:14px;border:1px solid rgba(89,158,255,.24);background:rgba(6,18,39,.8);color:#eef7ff;padding:0 16px;font-size:28px;letter-spacing:.26em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.dock-note{color:#93a6c4;font-size:12px;line-height:1.5}.gateway-floating,.hand-note{position:absolute;color:#6dc4ff;font-size:18px;line-height:1.3;font-family:"Caveat",cursive;opacity:.9;text-shadow:0 0 10px rgba(31,118,255,.38)}.gateway-floating.note-left{left:2%;top:34%}.gateway-floating.note-right{right:2%;bottom:20%}.gateway-steps h2,.scene-steps h2{font-size:22px;margin:26px 0 14px}.panel-preview{margin-top:8px;border-radius:22px;padding:16px}.preview-mini-menu{display:flex;justify-content:space-between;align-items:center;color:#9ab1d0;font-size:12px;margin-bottom:12px}.preview-mini-card{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center}.preview-mini-card .art{min-height:112px}.preview-mini-card b{display:block;font-size:16px;margin-bottom:6px}.preview-mini-card small{color:#8ea5c8;line-height:1.5}
.orline{display:flex;align-items:center;gap:12px;color:#8fa4c5;font-size:12px}.orline:before,.orline:after{content:"";height:1px;flex:1;background:rgba(84,150,241,.18)}.form-note{color:#8ea5c5;font-size:12px;line-height:1.55;margin-top:14px}
.epic-auth{position:relative;z-index:3;min-height:calc(100vh - 164px);display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:start;padding:34px 0 52px}.login-scene{border-radius:28px;padding:22px;position:relative;overflow:hidden}.login-scene:after,.library-scenery:after,.showcase-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,8,21,.5) 70%),linear-gradient(155deg,transparent 35%,rgba(41,96,193,.18) 36%,transparent 61%);pointer-events:none}.scene-code{display:grid;gap:10px;max-width:360px}.scene-code small{font-size:10px;letter-spacing:.22em;color:#7caee2}.scene-code-row{display:flex;gap:12px;align-items:center;padding:16px;border-radius:18px;background:rgba(5,17,39,.7);border:1px solid rgba(83,154,240,.2)}.scene-code-row b{font-size:28px;letter-spacing:.08em}.scene-product{position:absolute;right:18px;top:98px;width:340px}.scene-product .art{min-height:170px}.scene-steps{margin-top:180px}.scene-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-flow{padding:16px;border-radius:18px;display:grid;gap:8px}.mini-flow span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#197aff,#7458ff);font-weight:800}.mini-flow b{font-size:16px}.mini-flow small{font-size:12px;color:#8fa7c6;line-height:1.5}.epic-card{padding:28px;border-radius:28px;min-height:100%}
.claim-epic{grid-template-columns:1.1fr .9fr;align-items:start;padding-top:34px}.claim-epic .claim-copy>p{max-width:780px}.claim-epic .claim-flow{height:290px;max-width:800px}.claim-epic .claim-flow.epic .source-card{left:6%;top:12%;width:190px;height:220px}.claim-epic .claim-flow.epic .product-card-float{right:8%;top:2%;width:240px;height:240px}.claim-epic .claim-flow.epic .flow-chev{left:43%;top:36%;font-size:52px}.hand-note.left{left:0;bottom:24px}.hand-note.right{right:2%;top:20px}.claim-epic .claim-strip{height:auto;min-height:88px;display:grid;grid-template-columns:auto auto auto 1fr;gap:16px;align-items:center}.claim-epic .claim-strip b{font-size:24px}.strip-text{color:#90a4c3;font-size:13px;line-height:1.5}.epic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.benefit{padding:18px;border-radius:18px;display:grid;gap:10px}.benefit b{font-size:22px;line-height:1.1}.benefit small{color:#8fa5c5;line-height:1.55;font-size:12px}.claim-auth-card{border-radius:28px;padding:28px;position:sticky;top:20px}.auth-head h2{font-size:48px;line-height:1.02;margin:6px 0 10px}.auth-head p{color:#8ea7c9;line-height:1.55;margin:0 0 16px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.tabs button{height:48px;border-radius:14px;border:1px solid rgba(79,147,241,.2);background:rgba(7,18,39,.72);color:#b6cae5;font-weight:700}.tabs button.active{background:linear-gradient(110deg,#147cff,#27baff);color:#fff;border-color:#4bc2ff;box-shadow:0 0 22px rgba(25,132,255,.28)}
.epic-workspace{background:radial-gradient(circle at 78% 10%,rgba(28,106,255,.24),transparent 24%),radial-gradient(circle at 18% 34%,rgba(112,69,255,.14),transparent 22%),linear-gradient(180deg,#050a18,#071225 46%,#030714)}.workspace-top.shell{height:86px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;position:relative;z-index:20;border-bottom:1px solid rgba(82,145,235,.12)}.workspace-search{min-height:48px;border-radius:14px;border:1px solid rgba(79,144,240,.18);background:rgba(5,17,39,.62);display:flex;align-items:center;gap:10px;padding:0 14px;color:#87a6ce}.workspace-search input{flex:1;border:0;background:transparent;color:#cbe0fb;outline:none}.workspace-search kbd{padding:5px 8px;border-radius:8px;border:1px solid rgba(91,150,239,.22);background:rgba(12,33,64,.8);font-size:11px}.workspace-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(83,147,239,.2);background:rgba(5,17,39,.68);color:#cfe5ff}.profile-pill{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:16px;border:1px solid rgba(83,147,239,.2);background:rgba(7,18,39,.76);min-width:200px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2490ff,#6e5cff);font-weight:800;box-shadow:0 0 22px rgba(35,129,255,.32)}.profile-pill b{display:block;font-size:15px}.profile-pill small{display:block;color:#8da6c8;font-size:12px}.workspace-grid.shell{grid-template-columns:260px minmax(0,1fr);gap:24px;padding:22px 0 34px}.epic-sidebar{position:sticky;top:20px;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:24px;min-height:calc(100vh - 128px)}.side-brand{padding:12px 10px 18px;border-bottom:1px solid rgba(84,145,236,.12)}.side-brand .mini-brand{font-size:28px;font-weight:800}.side-brand span{color:#8ea4c4;font-size:13px}.epic-sidebar>a,.epic-sidebar>button{height:58px;border-radius:16px;padding:0 16px;display:flex;align-items:center;gap:12px;text-decoration:none;border:1px solid transparent;background:transparent;color:#d9eaff;font-weight:600}.epic-sidebar>a.active,.epic-sidebar>a:hover,.epic-sidebar>button:hover{background:linear-gradient(145deg,rgba(30,114,255,.96),rgba(16,46,113,.9));border-color:#5bbdff;box-shadow:0 0 24px rgba(33,126,255,.18)}.side-visual{margin-top:auto;min-height:220px;border-radius:22px;background:radial-gradient(circle at 56% 26%,rgba(89,158,255,.26),transparent 20%),linear-gradient(145deg,#0a224b,#071126);display:flex;flex-direction:column;justify-content:flex-end}.side-visual b{font-size:18px;line-height:1.3}.side-visual small,.side-quote{color:#8ea5c5;font-size:12px;line-height:1.6}.side-quote{padding:6px 10px 0}.main{position:relative;z-index:2}
.library-hero{display:grid;gap:18px}.library-head{display:grid;grid-template-columns:1fr 420px;gap:18px;align-items:stretch}.library-head h1{font-size:76px;letter-spacing:-.05em;line-height:1.02;margin:10px 0 8px}.library-head p{font-size:18px;color:#b9c9df;line-height:1.65;margin:0}.library-scenery{position:relative;border-radius:28px;overflow:hidden;min-height:220px;background:radial-gradient(circle at 58% 26%,rgba(61,132,255,.26),transparent 20%),linear-gradient(160deg,#0a2047,#071126)}.scribble{position:absolute;left:34px;top:28px;color:#72c4ff;font-size:28px;line-height:1.1;font-family:"Caveat",cursive;text-shadow:0 0 18px rgba(34,123,255,.28)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-stats .stat{padding:26px;border-radius:22px;min-height:132px}.hero-stats .stat b{font-size:50px;line-height:1}.library-toolbar{margin-top:18px;display:grid;gap:14px}.filter-pills{display:flex;gap:10px;flex-wrap:wrap}.filter-pill{height:48px;padding:0 22px;border-radius:14px;border:1px solid rgba(82,148,239,.18);background:rgba(6,18,39,.7);color:#cde4ff;font-weight:700}.filter-pill.active{background:linear-gradient(110deg,#147cff,#27baff);border-color:#4bc2ff;box-shadow:0 0 24px rgba(25,132,255,.28)}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}.library-card{border-radius:24px;overflow:hidden;display:grid;grid-template-columns:168px 1fr;min-height:270px}.card-media{padding:14px}.card-media .art{height:100%;min-height:236px}.card-main{padding:18px 18px 18px 0;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dots{width:44px;height:44px;border-radius:14px;border:1px solid rgba(82,148,239,.18);background:rgba(7,18,39,.8);color:#cde4ff}.card-main h3{font-size:36px;line-height:1.04;margin:0}.meta-lines{display:grid;gap:10px;color:#94a8c9;font-size:14px}.meta-lines b{color:#fff}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.product-detail-epic .crumb{margin-bottom:14px}.product-showcase{padding:18px;border-radius:28px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.showcase-main{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:center}.showcase-main .art.large{min-height:260px}.showcase-copy h1{font-size:72px;letter-spacing:-.05em;line-height:1.02;margin:12px 0 10px}.showcase-copy p{color:#b6c8df;font-size:18px;line-height:1.6;margin:0 0 16px}.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.spec-strip div{padding-left:16px;border-left:1px solid rgba(84,146,236,.16)}.spec-strip small{display:block;font-size:11px;letter-spacing:.08em;color:#8ea5c5}.spec-strip b{display:block;font-size:21px;margin-top:5px}.good{color:#3ce3a7}.showcase-side{display:grid;gap:12px}.showcase-scene{position:relative;min-height:220px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 26%,rgba(70,140,255,.25),transparent 18%),linear-gradient(160deg,#091a3b,#071126)}.showcase-copycode{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:18px}.showcase-copycode b{font-size:18px}.product-layout{display:grid;grid-template-columns:1.06fr .54fr;gap:18px;margin-top:18px}.product-main-col,.product-side-col{display:grid;gap:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-head h2{font-size:40px;margin:0 0 6px}.panel-head p{color:#90a7c8;margin:0}.key-stage{display:grid;gap:16px}.key-field-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.key-actions{display:flex;gap:10px}.summary-list{display:grid;gap:14px}.summary-list div{display:flex;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid rgba(81,149,242,.12)}.summary-list span{color:#91a7c7}.summary-list b{text-align:right}.panel h2{font-size:28px;margin:0 0 12px}.panel p,.panel li{color:#a5b9d3;line-height:1.62}.product-side-col .panel{padding:22px}
@keyframes floatA{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-12px)}}@keyframes floatB{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-14px)}}
@media(max-width:1380px){.gateway-page,.epic-auth,.claim-epic{grid-template-columns:1fr}.gateway-right{order:-1}.library-grid{grid-template-columns:repeat(2,1fr)}.library-head{grid-template-columns:1fr}.product-showcase,.product-layout{grid-template-columns:1fr}.showcase-main{grid-template-columns:260px 1fr}.scene-product{position:relative;right:auto;top:auto;width:auto;margin-top:16px}.scene-steps{margin-top:24px}}
@media(max-width:980px){.gateway-pill-row,.auth-perks,.epic-grid,.hero-stats,.scene-steps-row{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.card-main h3{font-size:30px}.showcase-main,.library-card{grid-template-columns:1fr}.showcase-copy h1{font-size:48px}.spec-strip{grid-template-columns:1fr 1fr}.workspace-top.shell{grid-template-columns:1fr; height:auto; padding:16px 0}.workspace-search{display:none}.workspace-grid.shell{grid-template-columns:1fr}.epic-sidebar{position:relative;min-height:auto}.claim-epic .claim-strip{grid-template-columns:1fr}.claim-epic .claim-flow.epic{height:250px}.gateway-page{padding-top:20px}}
@media(max-width:700px){.topbar.minimal{height:auto;flex-wrap:wrap;padding:14px 0}.topbar.minimal .top-actions{width:100%}.topbar.minimal .top-search{display:none}.gateway-left h1,.epic-auth-copy h1,.claim-epic h1{font-size:46px}.hero-auth h2,.epic-card h2,.auth-head h2{font-size:40px}.gateway-source-card{width:140px;height:180px}.gateway-product-card{width:180px;height:220px}.code-inline{grid-template-columns:1fr}.code-inline input{font-size:22px}.claim-epic .claim-flow.epic .source-card{width:150px;height:180px}.claim-epic .claim-flow.epic .product-card-float{width:170px;height:190px}.library-head h1{font-size:48px}.showcase-copy h1{font-size:40px}.spec-strip{grid-template-columns:1fr}.key-field-row{grid-template-columns:1fr}.key-actions{flex-direction:column}.product-showcase,.claim-auth-card,.hero-auth,.epic-card{padding:20px}.workspace-actions{width:100%;justify-content:space-between}.profile-pill{min-width:0;flex:1}.scene-code-row b{font-size:22px}.preview-mini-card{grid-template-columns:1fr}.preview-mini-card .art{min-height:140px}}

/* === 2026-09 simplified opening + optimized responsive panel === */
:root{--perf-shadow:0 18px 46px rgba(0,0,0,.28),0 0 20px rgba(34,118,255,.08)}
.glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:var(--perf-shadow)!important}
.site,.workspace{background:radial-gradient(circle at 58% -8%,rgba(34,126,255,.26),transparent 28%),radial-gradient(circle at 12% 58%,rgba(32,92,207,.11),transparent 30%),linear-gradient(180deg,#030a19 0%,#061327 56%,#030914 100%)!important}
.site:before,.workspace:before{position:absolute!important;opacity:.22!important;background-image:radial-gradient(circle,#8ccfff 0 1px,transparent 1.3px),radial-gradient(circle,#397bff 0 1px,transparent 1.2px)!important;background-size:170px 170px,260px 260px!important;mask-image:linear-gradient(#000,transparent 96%)!important}
.site:after,.workspace:after{display:none!important}
*{scrollbar-color:#1f78e9 #061126}
.topbar.minimal{height:96px;gap:54px;border-bottom:0!important}.topbar.minimal .brand{font-size:28px}.topbar.minimal .mark{width:42px;height:34px}.topbar.minimal .navlinks{gap:42px}.topbar.minimal .navlinks a{font-size:16px;color:#c7d5e9}.topbar.minimal .top-actions{margin-left:auto;gap:24px}.top-login-link{font-size:16px;font-weight:800;text-decoration:none;color:#fff}.topbar.minimal .btn.primary{min-width:188px;min-height:58px;border-radius:16px;font-size:16px}
.clean-gateway{position:relative;z-index:3;min-height:calc(100vh - 142px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);gap:64px;align-items:center;padding:42px 0 54px}.clean-gateway-copy{min-width:0}.clean-gateway-copy .eyebrow{font-size:12px;letter-spacing:.33em}.clean-gateway-copy h1{font-size:clamp(64px,6.2vw,100px);line-height:.98;letter-spacing:-.058em;margin:32px 0 20px;color:#fff}.clean-gateway-copy h1 span{background:linear-gradient(180deg,#70e7ff 0%,#229cff 100%);-webkit-background-clip:text;color:transparent;text-shadow:0 0 38px rgba(46,163,255,.08)}.clean-gateway-copy>p{max-width:770px;font-size:22px;line-height:1.52;color:#c3d0e3;margin:0}.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:52px;max-width:850px}.feature-item{display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center;padding:0 26px 0 0;min-width:0}.feature-item+ .feature-item{border-left:1px solid rgba(105,161,237,.2);padding-left:28px}.feature-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;font-size:31px;border:1px solid rgba(72,167,255,.52);background:linear-gradient(145deg,rgba(20,102,219,.46),rgba(7,29,69,.84));box-shadow:inset 0 0 24px rgba(54,156,255,.16),0 0 24px rgba(20,112,255,.14)}.feature-item b{display:block;font-size:20px;margin-bottom:5px}.feature-item small{display:block;font-size:15px;line-height:1.45;color:#aec0d9}.gateway-code-inline{margin-top:42px;max-width:850px;border-top:1px solid rgba(82,148,240,.13);padding-top:24px}.gateway-code-inline>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:12px}.gateway-code-inline small{font-size:10px;letter-spacing:.25em;color:#57baff}.gateway-code-inline>div b{font-size:13px;color:#8fa6c8;font-weight:600}.gateway-code-inline form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.gateway-code-inline input{height:58px;border-radius:15px;border:1px solid rgba(82,157,255,.28);background:rgba(3,15,35,.82);color:#fff;padding:0 18px;font-size:24px;letter-spacing:.18em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}.gateway-code-inline input:focus{border-color:#43b7ff;box-shadow:0 0 0 3px rgba(43,145,255,.1)}
.clean-login-card{align-self:center;border-radius:30px;padding:48px 54px;border-color:rgba(69,164,255,.62)!important;background:linear-gradient(145deg,rgba(9,33,77,.88),rgba(4,17,42,.96))!important;box-shadow:0 0 0 1px rgba(77,176,255,.15),0 0 42px rgba(26,127,255,.2),0 28px 70px rgba(0,0,0,.36)!important}.clean-login-card h2{font-size:64px;letter-spacing:-.045em;margin:0 0 18px}.clean-login-card>p{font-size:19px;line-height:1.5;color:#aebfd7;margin:0 0 34px}.clean-login-card .field{font-size:16px;margin:20px 0}.clean-login-card .field input{height:58px;border-radius:15px;font-size:16px;background:rgba(3,14,33,.74)}.clean-login-card .btn.primary{min-height:64px;font-size:17px;border-radius:15px;margin-top:10px}.clean-login-card .btn.wide:not(.primary){min-height:58px;border-radius:15px}.login-hint{margin-top:20px;padding:14px 16px;border-radius:13px;background:rgba(14,47,89,.34);border:1px solid rgba(72,144,234,.16);font-size:12px;line-height:1.58;color:#8ea6c8}
.claim-clean{position:relative;z-index:3;min-height:calc(100vh - 142px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);gap:56px;align-items:center;padding:36px 0 54px}.claim-clean-copy h1{font-size:clamp(58px,5.6vw,88px);line-height:1;letter-spacing:-.055em;margin:18px 0}.claim-clean-copy h1 span{background:linear-gradient(180deg,#79e5ff,#2da1ff);-webkit-background-clip:text;color:transparent}.claim-clean-copy>p{font-size:18px;line-height:1.62;color:#b7c8df;max-width:800px}.claim-product-row{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:20px;padding:16px;border-radius:20px;margin-top:26px}.claim-product-row .art{min-height:130px;height:130px}.claim-product-row h3{font-size:27px;margin:6px 0}.claim-product-row p{margin:0;color:#89a0c0}.claim-code-row{margin-top:14px;border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.claim-code-row small{display:block;font-size:10px;letter-spacing:.2em;color:#69c4ff}.claim-code-row b{display:block;font-size:27px;letter-spacing:.16em;margin-top:6px}.claim-features{margin-top:20px}.claim-features .feature-item{grid-template-columns:62px 1fr}.claim-features .feature-icon{width:58px;height:58px;border-radius:16px;font-size:24px}.claim-features .feature-item b{font-size:15px}.claim-features .feature-item small{font-size:12px}.claim-auth{border-radius:28px;padding:34px 38px;background:linear-gradient(145deg,rgba(9,31,73,.9),rgba(4,16,40,.96))!important;border:1px solid rgba(71,159,255,.5)!important}.claim-auth .auth-head h2{font-size:48px;margin:4px 0 8px}.claim-auth .auth-head p{font-size:15px}.claim-auth .tabs{margin:18px 0}.claim-auth .field{font-size:14px}.claim-auth .field input{height:54px}.claim-auth .btn.primary{min-height:58px;border-radius:14px}
.library-epic .library-head{display:block!important}.library-epic .library-scenery{display:none!important}.library-epic .library-head h1{font-size:clamp(52px,5vw,78px);margin-top:8px}.library-epic .library-head p{font-size:17px;max-width:900px}.library-epic .hero-stats{margin-top:18px;grid-template-columns:1fr 1fr 1.15fr}.library-epic .hero-stats .stat{min-height:106px;padding:20px;border-radius:18px}.library-epic .hero-stats .stat b{font-size:34px}.library-redeem{margin-top:16px;border-radius:20px;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:20px;align-items:center}.library-redeem h2{font-size:23px;margin:6px 0}.library-redeem p{margin:0;color:#8ea6c7;line-height:1.5;font-size:13px}.library-redeem form{display:grid;grid-template-columns:1fr auto;gap:10px}.library-redeem input{height:52px;border-radius:13px;border:1px solid rgba(83,151,241,.24);background:rgba(4,16,36,.78);color:#fff;padding:0 14px;text-transform:uppercase;letter-spacing:.1em;outline:none}.library-redeem #libraryRedeemAlert{grid-column:1/-1}.library-toolbar{margin-top:16px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.library-card{grid-template-columns:150px minmax(0,1fr);min-height:240px}.card-media{padding:12px}.card-media .art{min-height:210px}.card-main{padding:15px 15px 15px 0;gap:11px}.card-main h3{font-size:25px}.meta-lines{font-size:12px}.card-actions .btn{min-height:38px;padding:0 12px;font-size:11px}.filter-pill{height:44px}.toolbar{min-height:54px}
.product-detail-epic .product-showcase{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);padding:16px}.product-detail-epic .showcase-main{grid-template-columns:230px minmax(0,1fr)}.product-detail-epic .showcase-main .art.large{min-height:220px}.product-detail-epic .showcase-copy h1{font-size:clamp(42px,4vw,64px)}.product-detail-epic .showcase-copy p{font-size:15px}.product-detail-epic .spec-strip b{font-size:16px}.product-detail-epic .showcase-scene{min-height:160px}.product-detail-epic .panel-head h2{font-size:28px}.product-detail-epic .product-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr)}
@media(max-width:1500px){.shell{width:min(1380px,calc(100% - 36px))}.clean-gateway{gap:42px;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr)}.clean-login-card{padding:38px 42px}.clean-login-card h2{font-size:54px}.clean-gateway-copy h1{font-size:clamp(58px,5.8vw,86px)}.clean-gateway-copy>p{font-size:19px}.feature-row{margin-top:38px}.feature-item{grid-template-columns:64px 1fr}.feature-icon{width:60px;height:60px;font-size:25px}.feature-item b{font-size:17px}.feature-item small{font-size:13px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1280px){.clean-gateway{grid-template-columns:minmax(0,1fr) 420px;gap:28px}.clean-gateway-copy h1{font-size:64px}.clean-gateway-copy>p{font-size:17px}.feature-row{gap:0}.feature-item{padding-right:16px}.feature-item+.feature-item{padding-left:18px}.clean-login-card{padding:32px}.clean-login-card h2{font-size:48px}.clean-login-card>p{font-size:16px}.claim-clean{grid-template-columns:minmax(0,1fr) 440px;gap:30px}.claim-clean-copy h1{font-size:58px}.library-redeem{grid-template-columns:1fr 460px}.product-detail-epic .product-showcase,.product-detail-epic .product-layout{grid-template-columns:1fr}.product-detail-epic .showcase-side{grid-template-columns:1fr 1fr}.product-detail-epic .showcase-scene{display:none}}
@media(max-width:1050px){.topbar.minimal{height:82px}.clean-gateway,.claim-clean{grid-template-columns:1fr;align-items:start}.clean-login-card,.claim-auth{max-width:760px;width:100%;justify-self:center}.clean-gateway-copy{padding-top:16px}.feature-row{max-width:none}.gateway-code-inline{max-width:none}.claim-clean{padding-top:24px}.library-redeem{grid-template-columns:1fr}.workspace-grid.shell{grid-template-columns:220px minmax(0,1fr)}.epic-sidebar{padding:12px}.library-epic .hero-stats{grid-template-columns:1fr 1fr}.library-epic .hero-stats .stat:last-child{grid-column:1/-1}.library-grid{grid-template-columns:1fr}.product-detail-epic .showcase-main{grid-template-columns:200px 1fr}}
@media(max-width:820px){.shell{width:min(100% - 24px,760px)}.topbar.minimal{height:auto;min-height:74px;padding:12px 0;flex-wrap:wrap;gap:12px}.topbar.minimal .navlinks{display:none}.topbar.minimal .top-actions{gap:10px}.topbar.minimal .btn.primary{min-width:0;min-height:44px}.clean-gateway{padding-top:24px}.clean-gateway-copy h1{font-size:50px}.clean-gateway-copy>p{font-size:15px}.feature-row{grid-template-columns:1fr;gap:10px;margin-top:28px}.feature-item,.feature-item+.feature-item{border-left:0;padding:12px 0}.gateway-code-inline>div:first-child{display:block}.gateway-code-inline>div b{display:block;margin-top:7px}.gateway-code-inline form,.library-redeem form{grid-template-columns:1fr}.clean-login-card{padding:26px}.clean-login-card h2{font-size:42px}.claim-clean-copy h1{font-size:48px}.claim-product-row{grid-template-columns:110px 1fr}.claim-product-row>.status{grid-column:1/-1;justify-self:start}.claim-product-row .art{min-height:100px;height:100px}.claim-code-row{align-items:stretch;flex-direction:column}.claim-features{grid-template-columns:1fr}.claim-features .feature-item+.feature-item{border-left:0}.claim-auth{padding:26px}.workspace-top.shell{display:flex;flex-wrap:wrap;height:auto}.workspace-actions{width:auto;margin-left:auto}.profile-pill{min-width:0}.workspace-grid.shell{grid-template-columns:1fr}.epic-sidebar{position:relative;min-height:auto;display:grid;grid-template-columns:1fr 1fr}.side-visual,.side-quote,.side-brand{grid-column:1/-1}.library-epic .hero-stats{grid-template-columns:1fr}.library-epic .hero-stats .stat:last-child{grid-column:auto}.library-card{grid-template-columns:120px 1fr}.card-media .art{min-height:180px}.card-main h3{font-size:21px}.product-detail-epic .showcase-main{grid-template-columns:1fr}.product-detail-epic .showcase-main .art.large{max-width:330px}.product-detail-epic .showcase-side{grid-template-columns:1fr}.product-detail-epic .spec-strip{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar.minimal .brand{font-size:22px}.top-login-link{font-size:14px}.clean-gateway-copy h1,.claim-clean-copy h1{font-size:42px}.gateway-code-inline input{font-size:19px}.clean-login-card h2{font-size:36px}.clean-login-card>p{font-size:14px}.library-card{grid-template-columns:1fr}.card-media{padding-bottom:0}.card-main{padding:14px}.card-media .art{min-height:170px}.product-detail-epic .spec-strip{grid-template-columns:1fr}.epic-sidebar{grid-template-columns:1fr}.side-brand,.side-visual,.side-quote{grid-column:auto}.profile-pill small{display:none}.workspace-actions .icon-btn{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* === 2026-09-09 compact professional UI + performance pass === */
:root{
  --ui-font:"Segoe UI Variable Text","Aptos","Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --display-font:"Segoe UI Variable Display","Aptos Display","Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --compact-shadow:0 12px 30px rgba(0,0,0,.24),0 0 14px rgba(27,113,255,.05);
}
html,body{font-family:var(--ui-font);font-size:15px}
button,input,select,textarea{font-family:var(--ui-font)}
h1,h2,h3,.brand-text,.side-brand .mini-brand{font-family:var(--display-font)}
.brand-text{display:inline-flex;align-items:baseline;gap:.28em;font-size:23px;line-height:1;letter-spacing:-.045em;font-weight:480;color:#eaf4ff;white-space:nowrap}
.brand-text strong{font-weight:820;letter-spacing:-.055em;color:#fff}
.shell{width:min(1240px,calc(100% - 40px))}
.site:before,.workspace:before,.site:after,.workspace:after{display:none!important}
.site,.workspace{background:radial-gradient(circle at 58% -10%,rgba(27,116,255,.18),transparent 30%),linear-gradient(180deg,#040b19 0%,#071327 58%,#030914 100%)!important}
.glass{box-shadow:var(--compact-shadow)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
button,a{transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease,opacity .12s ease}
.btn:hover{transform:none}
.gateway-source-card,.gateway-product-card{animation:none!important}

.topbar.minimal{height:72px;gap:24px;padding:0;border-bottom:1px solid rgba(87,149,234,.1)!important}
.topbar.minimal .top-actions{margin-left:auto;gap:14px}
.top-login-link{font-size:13px;font-weight:700}
.topbar.minimal .btn{min-height:40px;padding:0 15px;border-radius:10px;font-size:12px}
.topbar.minimal .btn.primary{min-width:132px!important;min-height:42px!important;border-radius:11px!important;font-size:12px!important}

.clean-gateway{min-height:calc(100vh - 118px);grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);gap:44px;padding:30px 0 38px;align-items:center}
.clean-gateway-copy .eyebrow{font-size:9px;letter-spacing:.3em}
.clean-gateway-copy h1{font-size:clamp(48px,4.7vw,68px);line-height:1;letter-spacing:-.052em;margin:22px 0 16px}
.clean-gateway-copy>p{max-width:650px;font-size:15px;line-height:1.58;color:#b6c5da}
.feature-row{margin-top:32px;max-width:720px}
.feature-item{grid-template-columns:52px 1fr;gap:12px;padding-right:18px}
.feature-item+.feature-item{padding-left:18px}
.feature-icon{width:48px;height:48px;border-radius:13px;font-size:20px;box-shadow:inset 0 0 18px rgba(54,156,255,.1),0 0 14px rgba(20,112,255,.08)}
.feature-item b{font-size:14px;margin-bottom:3px}
.feature-item small{font-size:11px;line-height:1.4}
.gateway-code-inline{margin-top:28px;max-width:720px;padding-top:18px}
.gateway-code-inline>div:first-child{margin-bottom:9px}
.gateway-code-inline small{font-size:8px}
.gateway-code-inline>div b{font-size:11px}
.gateway-code-inline form{gap:9px}
.gateway-code-inline input{height:46px;border-radius:11px;padding:0 14px;font-size:18px;letter-spacing:.14em}
.gateway-code-inline .btn{height:46px;min-height:46px;padding:0 16px;font-size:12px;border-radius:11px}
.clean-login-card{border-radius:20px;padding:30px 32px!important;box-shadow:0 0 0 1px rgba(77,176,255,.08),0 18px 44px rgba(0,0,0,.3)!important}
.clean-login-card h2{font-size:40px!important;letter-spacing:-.04em;margin:0 0 10px}
.clean-login-card>p{font-size:14px!important;line-height:1.5;margin-bottom:20px}
.clean-login-card .field{font-size:12px;margin:13px 0}
.clean-login-card .field input{height:46px!important;border-radius:11px!important;font-size:13px!important;padding:0 13px}
.clean-login-card .btn.primary{min-height:46px!important;font-size:13px!important;border-radius:11px!important;margin-top:5px}
.clean-login-card .btn.wide:not(.primary){min-height:44px!important;border-radius:11px!important;font-size:12px}
.login-hint{margin-top:14px;padding:10px 12px;border-radius:10px;font-size:10px;line-height:1.5}
.orline{font-size:10px;margin:12px 0}
.footer{min-height:70px;font-size:10px}.footer strong{font-size:14px}

.claim-clean{min-height:calc(100vh - 118px);grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:38px;padding:28px 0 38px}
.claim-clean-copy h1{font-size:clamp(46px,4.4vw,64px);margin:14px 0}
.claim-clean-copy>p{font-size:14px;line-height:1.58;max-width:690px}
.claim-product-row{grid-template-columns:118px 1fr auto;gap:14px;padding:12px;border-radius:15px;margin-top:18px}
.claim-product-row .art{min-height:94px;height:94px}
.claim-product-row h3{font-size:19px;margin:4px 0}.claim-product-row p{font-size:11px}
.claim-code-row{margin-top:10px;border-radius:13px;padding:13px 15px}
.claim-code-row small{font-size:8px}.claim-code-row b{font-size:19px;margin-top:4px}
.claim-code-row .btn{min-height:38px;font-size:11px}
.claim-features{margin-top:14px}.claim-features .feature-item{grid-template-columns:46px 1fr}.claim-features .feature-icon{width:42px;height:42px;border-radius:12px;font-size:18px}.claim-features .feature-item b{font-size:12px}.claim-features .feature-item small{font-size:10px}
.claim-auth{border-radius:20px;padding:25px 27px!important}.claim-auth .auth-head h2{font-size:36px!important}.claim-auth .auth-head p{font-size:12px}.claim-auth .tabs{margin:12px 0}.claim-auth .tabs button{height:40px;font-size:11px;border-radius:10px}.claim-auth .field{font-size:11px;margin:10px 0}.claim-auth .field input{height:44px!important;border-radius:10px}.claim-auth .btn.primary{min-height:45px!important;border-radius:10px!important;font-size:12px}

.workspace-top.shell{height:68px;grid-template-columns:auto minmax(220px,1fr) auto;gap:14px}
.workspace-search{min-height:40px;border-radius:10px;padding:0 12px;font-size:11px}.workspace-search input{font-size:11px}.workspace-search kbd{font-size:9px;padding:3px 6px}
.workspace-actions{gap:8px}.icon-btn{width:38px;height:38px;border-radius:10px}.profile-pill{min-width:170px;padding:6px 9px;border-radius:12px}.avatar{width:36px;height:36px;font-size:13px}.profile-pill b{font-size:12px}.profile-pill small{font-size:9px}
.workspace-grid.shell{grid-template-columns:208px minmax(0,1fr);gap:16px;padding:15px 0 24px}
.epic-sidebar{padding:12px;border-radius:16px;gap:6px;min-height:calc(100vh - 99px)}
.side-brand{padding:8px 8px 12px}.side-brand .mini-brand{font-size:20px}.side-brand span{font-size:9px}
.epic-sidebar>a,.epic-sidebar>button{height:44px;border-radius:10px;padding:0 11px;font-size:11px;gap:9px}
.side-visual{min-height:145px;border-radius:13px;padding:12px}.side-visual b{font-size:13px}.side-visual small,.side-quote{font-size:9px;line-height:1.5}
.side-quote{padding:3px 7px 0}
.page{max-width:1300px;padding:5px 0 26px}
.library-head h1{font-size:clamp(42px,4vw,58px)!important;margin:7px 0 5px!important}.library-head p{font-size:13px!important;line-height:1.5}
.library-epic .hero-stats{margin-top:12px;gap:9px}
.library-epic .hero-stats .stat{min-height:76px!important;padding:13px 15px!important;border-radius:13px!important}.library-epic .hero-stats .stat .sicon{width:36px;height:36px;border-radius:10px;font-size:14px}.library-epic .hero-stats .stat b{font-size:23px!important}.library-epic .hero-stats .stat small{font-size:9px}
.library-redeem{margin-top:11px;border-radius:14px;padding:14px;grid-template-columns:minmax(0,1fr) minmax(330px,.75fr);gap:14px}.library-redeem h2{font-size:17px;margin:4px 0}.library-redeem p{font-size:10px}.library-redeem input{height:42px;border-radius:10px;font-size:11px}.library-redeem .btn{min-height:42px;font-size:10px;border-radius:10px}
.library-toolbar{margin-top:11px;gap:9px}.filter-pills{gap:7px}.filter-pill{height:36px!important;padding:0 13px;border-radius:9px;font-size:10px}.toolbar{min-height:44px!important;margin:0;padding:6px 9px;border-radius:10px}.toolbar input,.toolbar select{font-size:10px}.toolbar select{min-width:175px}
.library-grid{gap:10px!important;margin-top:2px}.library-card{grid-template-columns:112px minmax(0,1fr)!important;min-height:176px!important;border-radius:14px!important}.card-media{padding:8px!important}.card-media .art{min-height:160px!important;border-radius:9px}.card-main{padding:10px 10px 10px 0!important;gap:7px!important}.card-main h3{font-size:17px!important}.card-top .tag{font-size:8px;padding:4px 7px}.dots{width:32px;height:32px;border-radius:8px;font-size:9px}.meta-lines{font-size:9px!important;gap:5px!important}.card-actions{gap:7px}.card-actions .status{font-size:8px;padding:5px 7px}.card-actions .btn{min-height:32px!important;padding:0 9px!important;font-size:9px!important;border-radius:8px}

.product-detail-epic .product-showcase{grid-template-columns:minmax(0,1.15fr) minmax(250px,.62fr)!important;padding:12px!important;border-radius:16px!important;gap:12px}.product-detail-epic .showcase-main{grid-template-columns:175px minmax(0,1fr)!important;gap:14px}.product-detail-epic .showcase-main .art.large{min-height:168px!important}.product-detail-epic .showcase-copy h1{font-size:clamp(32px,3vw,44px)!important;margin:7px 0}.product-detail-epic .showcase-copy p{font-size:11px!important;line-height:1.5}.product-detail-epic .spec-strip{gap:8px}.product-detail-epic .spec-strip div{padding-left:9px}.product-detail-epic .spec-strip small{font-size:8px}.product-detail-epic .spec-strip b{font-size:12px!important}.product-detail-epic .showcase-scene{min-height:112px!important;border-radius:13px}.showcase-copycode{padding:10px!important;border-radius:11px!important;gap:9px!important}.showcase-copycode small{font-size:8px}.showcase-copycode b{font-size:12px!important}.showcase-copycode .btn{min-height:32px;font-size:9px}
.product-detail-epic .product-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,.55fr)!important;gap:11px!important;margin-top:11px!important}.product-main-col,.product-side-col{gap:11px!important}.keybox{padding:14px!important;border-radius:13px!important}.product-detail-epic .panel-head h2{font-size:20px!important}.panel-head p{font-size:9px!important}.key-field-row{gap:8px}.key-field{min-height:42px;font-size:11px}.key-field-row .btn,.key-actions .btn{min-height:38px;font-size:10px}.info-grid{gap:8px!important;margin-top:8px!important}.panel{padding:13px!important;border-radius:12px!important}.panel h2{font-size:17px!important;margin-bottom:9px!important}.instruction{grid-template-columns:24px 1fr;gap:7px;margin:6px 0}.instruction .n{width:24px;height:24px;font-size:9px}.instruction p,.panel li,.panel>p{font-size:9px!important;line-height:1.5}.summary-list{gap:8px}.summary-list div{padding-bottom:8px;font-size:9px}.crumb{font-size:9px;margin-bottom:8px!important}

/* Admin keeps all functions, but uses the same compact rhythm */
.admin-panel{padding:12px;border-radius:12px}.page-head{min-height:70px}.page-head h1{font-size:30px}.page-head p{font-size:10px}.stats.admin .stat{min-height:78px;padding:12px}.stats.admin .stat b{font-size:20px}.table th{padding:8px 7px;font-size:8px}.table td{padding:8px 7px;font-size:9px}.quick a{padding:11px;font-size:9px}

@media(max-width:1366px){
  .shell{width:min(1160px,calc(100% - 30px))}
  .clean-gateway{grid-template-columns:minmax(0,1fr) 345px;gap:30px;padding-top:24px}
  .clean-gateway-copy h1{font-size:52px}.clean-gateway-copy>p{font-size:13px}
  .feature-row{margin-top:24px}.feature-item{grid-template-columns:45px 1fr}.feature-icon{width:42px;height:42px;font-size:17px}.feature-item b{font-size:12px}.feature-item small{font-size:9px}
  .clean-login-card{padding:25px!important}.clean-login-card h2{font-size:34px!important}
  .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  .clean-gateway,.claim-clean{grid-template-columns:1fr;align-items:start}.clean-login-card,.claim-auth{max-width:680px;width:100%;justify-self:center}
  .workspace-grid.shell{grid-template-columns:190px minmax(0,1fr)}
  .product-detail-epic .product-showcase,.product-detail-epic .product-layout{grid-template-columns:1fr!important}.product-detail-epic .showcase-side{grid-template-columns:1fr 1fr}.product-detail-epic .showcase-scene{display:none}
}
@media(max-width:900px){
  .shell{width:min(100% - 24px,760px)}
  .workspace-top.shell{display:flex;height:auto;min-height:62px;padding:10px 0;flex-wrap:wrap}.workspace-search{display:none}.workspace-actions{margin-left:auto}.workspace-grid.shell{grid-template-columns:1fr}.epic-sidebar{position:relative;min-height:auto;display:grid;grid-template-columns:1fr 1fr}.side-brand,.side-visual,.side-quote{grid-column:1/-1}
  .library-epic .hero-stats{grid-template-columns:1fr!important}.library-redeem{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr!important}
  .claim-product-row{grid-template-columns:90px 1fr}.claim-product-row>.status{grid-column:1/-1;justify-self:start}
}
@media(max-width:600px){
  .brand-text{font-size:20px}.topbar.minimal{height:auto;min-height:62px;padding:10px 0;flex-wrap:wrap}.topbar.minimal .top-actions{gap:8px}.topbar.minimal .btn.primary{min-width:0!important}
  .clean-gateway-copy h1,.claim-clean-copy h1{font-size:40px}.feature-row{grid-template-columns:1fr;gap:7px}.feature-item,.feature-item+.feature-item{border-left:0;padding:7px 0}
  .gateway-code-inline form,.library-redeem form{grid-template-columns:1fr}.clean-login-card{padding:20px!important}.clean-login-card h2{font-size:30px!important}
  .library-card{grid-template-columns:1fr!important}.card-media{padding-bottom:0!important}.card-media .art{min-height:145px!important}.card-main{padding:10px!important}
  .product-detail-epic .showcase-main{grid-template-columns:1fr!important}.product-detail-epic .showcase-main .art.large{max-width:280px}.product-detail-epic .showcase-side{grid-template-columns:1fr}.product-detail-epic .spec-strip{grid-template-columns:1fr 1fr}.key-field-row{grid-template-columns:1fr}.profile-pill small{display:none}.icon-btn{display:none}
}
/* Large inventories render only visible cards; reduces scroll/render cost. */
.library-card{content-visibility:auto;contain-intrinsic-size:176px 520px;contain:layout paint style}
.table-wrap{contain:layout paint}

/* ==== Final hero, library and admin refinement ==== */
:root{--blue1:#2a83ff;--blue2:#31c3ff;--ink:#041022;--panel:#07162f}
.brand-text{font-family:Inter,Segoe UI Variable,Aptos,Arial,sans-serif;font-size:20px;letter-spacing:-.05em;font-weight:650;color:#f3f8ff}
.brand-text strong{font-size:1.02em;font-weight:800;letter-spacing:-.06em}
.home-site{min-height:100vh;overflow:hidden;background:
  radial-gradient(circle at 58% 28%,rgba(42,131,255,.17),transparent 24%),
  radial-gradient(circle at 86% 22%,rgba(43,201,255,.12),transparent 14%),
  linear-gradient(180deg,#020814 0%,#05112a 52%,#07162d 100%)}
.home-site:before,.home-site:after{content:"";position:fixed;pointer-events:none;inset:auto auto 0 0;z-index:0}
.home-site:before{left:36%;top:96px;width:540px;height:540px;background:radial-gradient(circle,rgba(40,128,255,.08),rgba(40,128,255,0) 70%);filter:blur(14px)}
.home-site:after{right:-160px;top:-80px;width:520px;height:520px;background:radial-gradient(circle,rgba(49,195,255,.08),rgba(49,195,255,0) 70%);filter:blur(14px)}
.home-site .topbar.minimal{position:relative;z-index:3;height:88px;padding-top:6px;padding-bottom:6px}
.hero-single{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.14fr) 470px;gap:44px;align-items:stretch;min-height:calc(100vh - 88px);padding:18px 0 16px}
.hero-single:before{content:"";position:absolute;left:48%;top:4%;width:460px;height:460px;border-radius:36px;background:linear-gradient(145deg,rgba(66,148,255,.14),rgba(18,44,95,.02));clip-path:polygon(45% 0,100% 0,56% 50%,100% 100%,45% 100%,0 50%);filter:drop-shadow(0 0 34px rgba(52,130,255,.14));opacity:.9}
.hero-copy,.hero-login{position:relative;z-index:2}
.hero-copy{display:flex;flex-direction:column;justify-content:flex-start;padding-top:58px}
.hero-copy h1{font-size:clamp(72px,5.8vw,96px);line-height:.98;letter-spacing:-.07em;margin:18px 0 18px;color:#fff}
.hero-copy h1 span{background:linear-gradient(180deg,#eef8ff 0,#39bcff 88%);-webkit-background-clip:text;color:transparent}
.hero-copy>p{max-width:780px;font-size:18px;line-height:1.62;color:#b8cae3;margin:0 0 24px}
.hero-steps{display:flex;align-items:center;gap:18px;margin:4px 0 22px;flex-wrap:wrap}
.flow-step{display:flex;align-items:center;gap:12px;min-width:160px}.flow-step span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0e4ed7,#2dbdff);border:1px solid rgba(110,207,255,.56);box-shadow:0 0 22px rgba(39,126,255,.22);font-weight:800}.flow-step b{display:block;font-size:17px}.flow-step small{display:block;font-size:12px;color:#8da7c7;line-height:1.45}.hero-steps>i{font-style:normal;color:#5eb6ff;font-size:28px}
.home-features{margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:0}.home-features .feature-item{display:grid;grid-template-columns:52px 1fr;align-items:start;gap:14px;padding:0;border:0}.home-features .feature-icon{width:52px;height:52px;border-radius:16px;font-size:20px;background:linear-gradient(145deg,rgba(15,54,131,.96),rgba(9,28,61,.96));border:1px solid rgba(85,175,255,.26);box-shadow:none}.home-features .feature-item b{font-size:16px}.home-features .feature-item small{font-size:12px;color:#9bb0cc;line-height:1.5}
.hero-code-panel{margin-top:24px;padding:24px 24px 18px;border-radius:28px;background:linear-gradient(180deg,rgba(8,23,48,.9),rgba(4,14,31,.93));box-shadow:0 0 0 1px rgba(86,173,255,.18),0 0 34px rgba(37,128,255,.14),0 24px 50px rgba(0,0,0,.34)!important}
.hero-code-head{display:grid;gap:8px;margin-bottom:16px}.hero-code-head small{font-size:11px;letter-spacing:.28em;color:#8ec6ff}.hero-code-head b{font-size:16px;line-height:1.5;color:#d9e9ff}
.hero-code-form{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:16px;align-items:center}.code-input{display:flex;align-items:center;gap:12px;height:76px;border-radius:18px;border:1px solid rgba(89,170,255,.22);padding:0 22px;background:rgba(2,10,22,.66)}.code-input span{font-size:22px;color:#6fc6ff}.code-input input{flex:1;background:transparent;border:0;outline:0;color:#f7fbff;font-size:20px;letter-spacing:.2em;text-transform:uppercase}.hero-code-form .btn{height:76px;min-height:76px;border-radius:18px;font-size:17px}.hero-code-note{display:flex;align-items:center;gap:10px;color:#b8ebd3;font-size:13px;padding-top:12px}.dot.ok{width:12px;height:12px;border-radius:50%;background:#2fd06f;box-shadow:0 0 12px rgba(47,208,111,.45)}
.hero-login{padding:40px 40px 24px;border-radius:34px;align-self:center;background:linear-gradient(180deg,rgba(7,24,52,.92),rgba(4,14,30,.94));box-shadow:0 0 0 1px rgba(86,173,255,.16),0 28px 60px rgba(0,0,0,.34)!important}.hero-login-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.hero-user-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(15,73,181,.96),rgba(11,36,78,.96));border:1px solid rgba(86,173,255,.24);font-size:28px;color:#76d1ff}.hero-login-top b{display:block;font-size:18px}.hero-login-top small{display:block;color:#90a6c7;font-size:14px;margin-top:5px}.hero-login h2{font-size:72px;line-height:.98;letter-spacing:-.06em;margin:10px 0 12px}.hero-login>p{font-size:17px;color:#b4c6de;line-height:1.58;margin-bottom:18px}.hero-login .field{font-size:14px;margin:16px 0 13px}.hero-login .field input{height:58px!important;border-radius:16px!important;font-size:15px!important;padding:0 16px}.hero-login .btn.primary{min-height:58px!important;border-radius:16px!important;font-size:17px!important;margin-top:8px}.hero-login .btn.wide:not(.primary){min-height:54px!important;border-radius:16px!important;font-size:16px!important}.login-hint.compact{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;margin-top:18px;padding:18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(86,173,255,.12)}.login-hint.compact .feature-icon{width:54px;height:54px;border-radius:16px;font-size:18px}.login-hint.compact b{display:block;font-size:16px;margin-bottom:4px}.login-hint.compact small{font-size:13px;color:#91a6c3;line-height:1.55}.feature-icon.gift,.feature-icon.shield{background:linear-gradient(145deg,rgba(15,73,181,.86),rgba(10,31,66,.86));border:1px solid rgba(86,173,255,.22)}
.hero-bottom-left,.hero-bottom-right{position:absolute;bottom:8px;font-size:14px;color:#d9ebff;display:flex;align-items:center;gap:14px}.hero-bottom-left{left:0}.hero-bottom-right{right:0;color:#b6cae3}.hero-bottom-left span{color:#8ea7ca;font-size:13px}

.library-match .library-head{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:start}.library-match .library-scribble{justify-self:end;align-self:start;color:#7dc5ff;font-size:26px;line-height:1.15;font-family:"Caveat",cursive;text-shadow:0 0 18px rgba(55,138,255,.2)}
.hero-stats.match{grid-template-columns:repeat(3,1fr);gap:14px}.hero-stats.match .stat{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;min-height:116px;padding:20px 22px!important}.hero-stats.match .stat .sicon{width:52px;height:52px;border-radius:16px;font-size:18px}.hero-stats.match .stat b{font-size:18px!important}.hero-stats.match .stat small{font-size:14px}.hero-stats.match .stat em{display:block;font-style:normal;color:#8ea8ca;font-size:12px;margin-top:5px}.stat-link{font-size:28px;color:#d6e8ff;text-decoration:none}
.library-redeem.match{margin-top:14px;border-radius:20px;padding:22px;grid-template-columns:minmax(0,1fr) 430px;gap:16px;align-items:center}.redeem-copy{display:flex;align-items:center;gap:18px}.redeem-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#0e4ed7,#1aaeff);border:1px solid rgba(86,173,255,.28);font-size:24px}.library-redeem.match h2{font-size:24px;margin:5px 0 8px}.library-redeem.match p{font-size:14px;line-height:1.55}.redeem-form{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px}.code-input.slim{height:56px;border-radius:14px;padding:0 16px}.code-input.slim input{font-size:15px;letter-spacing:.08em}.redeem-form .btn{min-height:56px!important;height:56px;font-size:14px}.redeem-help{grid-column:2/3;font-size:12px;color:#90a7c8}.library-redeem.match #libraryRedeemAlert{grid-column:1/-1}
.library-grid.match{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.library-card.match{grid-template-columns:180px minmax(0,1fr)!important;min-height:250px!important;border-radius:18px!important}.library-card.match .card-media{padding:14px!important}.library-card.match .card-media .art{min-height:220px!important;border-radius:14px}.library-card.match .card-main{padding:16px 16px 16px 0!important;gap:10px!important}.library-card.match .card-main h3{font-size:22px!important}.card-desc{font-size:14px;line-height:1.55;color:#afc0d8;margin:0}.card-actions.dual{display:flex;gap:10px;flex-wrap:wrap}.card-actions.dual .btn{min-height:40px!important;padding:0 16px!important;border-radius:12px!important;font-size:13px!important}.discover-card{min-height:250px;border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle at 50% 18%,rgba(43,127,255,.15),transparent 24%),linear-gradient(180deg,rgba(7,24,52,.85),rgba(4,14,30,.92))}.discover-icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(43,127,255,.14);border:1px solid rgba(86,173,255,.22);font-size:36px;color:#77d1ff;margin-bottom:18px}.discover-card h3{font-size:28px;line-height:1.15;margin:0 0 12px}.discover-card p{font-size:15px;color:#aabdd6;line-height:1.62;max-width:360px;margin:0 0 18px}.discover-card .btn{min-height:46px!important;border-radius:14px!important;padding:0 20px!important}

.admin-workspace .workspace-top.shell{height:76px}.admin-sidebar .side-visual{min-height:180px}
.admin-match .page-head.admin-hero{align-items:center}.admin-match .page-head.admin-hero h1{font-size:38px}.admin-match .page-head.admin-hero p{font-size:13px;line-height:1.6;max-width:720px}.stats.admin.enhanced{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}.stats.admin.enhanced .stat{min-height:96px;padding:16px}.stats.admin.enhanced .stat b{font-size:24px}.admin-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:16px}.admin-checklist{display:grid;gap:12px;margin-bottom:14px}.admin-checklist>div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(86,173,255,.09)}.admin-checklist p{margin:10px 0 0;color:#9bb0cc;font-size:13px;line-height:1.55}.quick.better{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick.better a{padding:16px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(86,173,255,.1);text-decoration:none;color:#e9f4ff;font-weight:600}
.warning-list{display:grid;gap:10px}.warning-list>div{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(86,173,255,.08)}.warning-list b{display:block;font-size:15px}.warning-list small{display:block;color:#90a7c8;font-size:12px;margin-top:4px}.admin-grid2.match{margin-top:16px}
.empty.compact{padding:20px;border-radius:16px;background:rgba(255,255,255,.03)}.empty.compact h3,.empty.compact p{margin:0}

@media(max-width:1500px){
  .hero-single{grid-template-columns:minmax(0,1fr) 430px;gap:34px}
  .hero-copy h1{font-size:clamp(62px,5vw,84px)}
  .hero-login h2{font-size:60px}
}
@media(max-width:1366px){
  .home-site{overflow:auto}
  .hero-single{grid-template-columns:minmax(0,1fr) 390px;gap:26px;min-height:auto;padding-bottom:34px}
  .hero-copy{padding-top:34px}.hero-copy h1{font-size:58px}.hero-copy>p{font-size:15px}
  .hero-login{padding:30px}.hero-login h2{font-size:46px}.hero-login>p{font-size:14px}
  .hero-code-form{grid-template-columns:minmax(0,1fr) 204px}.code-input{height:66px}.hero-code-form .btn{height:66px;min-height:66px}
  .library-redeem.match{grid-template-columns:1fr}.redeem-help{grid-column:1/-1}
  .hero-stats.match,.stats.admin.enhanced{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1180px){
  .home-site{overflow:auto}.hero-single{grid-template-columns:1fr;min-height:auto}.hero-copy,.hero-login{max-width:860px;width:100%;justify-self:center}.hero-copy{padding-top:16px}.hero-bottom-left,.hero-bottom-right{position:static;margin-top:10px}
  .library-match .library-head{grid-template-columns:1fr}.library-match .library-scribble{justify-self:start}
  .library-grid.match{grid-template-columns:1fr}.hero-stats.match{grid-template-columns:1fr}
  .admin-overview-grid,.quick.better{grid-template-columns:1fr}.stats.admin.enhanced{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .hero-copy h1{font-size:46px}.hero-copy>p{font-size:14px}.hero-steps{gap:10px}.hero-steps>i{display:none}.flow-step{min-width:0;width:100%}
  .home-features{grid-template-columns:1fr}.hero-code-panel{padding:18px}.hero-code-form{grid-template-columns:1fr}.code-input,.hero-code-form .btn{height:58px;min-height:58px}.hero-login{padding:24px}.hero-login h2{font-size:40px}.hero-login .field input,.hero-login .btn.primary,.hero-login .btn.wide:not(.primary){height:50px!important;min-height:50px!important}
  .library-card.match{grid-template-columns:1fr!important}.library-card.match .card-media{padding-bottom:0!important}.library-card.match .card-media .art{min-height:180px!important}.library-card.match .card-main{padding:0 16px 16px!important}.redeem-copy{align-items:flex-start}
}
@media(max-width:600px){
  .brand-text{font-size:18px}.hero-copy h1{font-size:38px}.hero-login h2{font-size:34px}.hero-login-top{display:grid;grid-template-columns:50px 1fr}.hero-user-icon{width:50px;height:50px;font-size:22px;border-radius:14px}.library-redeem.match h2{font-size:20px}.discover-card h3{font-size:24px}
}

/* ==== 2026-09 final admin/layout stabilization ==== */
html{scrollbar-width:none;overflow-x:hidden}html::-webkit-scrollbar{display:none}body{overflow-x:hidden;min-width:1024px}.site,.workspace{overflow-x:clip}.main,.page,.admin-panel,.library-epic{min-width:0}.table-wrap{overflow:visible!important;max-width:100%;width:100%}.table{width:100%;table-layout:fixed}.table th,.table td{white-space:normal;overflow-wrap:anywhere;vertical-align:middle}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:0 0 auto}.si.icon{width:19px;height:19px}.btn .icon,.row-btn .icon,.clean .icon{width:16px;height:16px}.sicon .icon{width:22px;height:22px}.promo-icon .icon{width:38px;height:38px}.admin-workspace,.epic-workspace{min-height:100vh;background:radial-gradient(circle at 61% 0%,rgba(22,92,255,.14),transparent 24%),linear-gradient(180deg,#030a18,#06132b 60%,#030917)}
.workspace-top.shell{width:min(1540px,calc(100% - 32px));height:66px;padding:0 4px;grid-template-columns:200px minmax(240px,1fr) auto}.workspace-grid.shell{width:min(1580px,calc(100% - 24px));grid-template-columns:220px minmax(0,1fr);gap:18px;padding:12px 0 20px}.workspace-search{height:42px;min-height:42px}.workspace-actions .btn{min-height:38px;padding:0 13px;font-size:11px}.profile-pill{min-width:160px}.epic-sidebar{min-height:calc(100vh - 90px);border-radius:18px;padding:12px}.epic-sidebar>a,.epic-sidebar>button{height:44px;font-size:12px}.admin-sidebar .side-brand{padding-bottom:10px}.admin-sidebar .side-visual{min-height:150px;margin-top:auto}.admin-sidebar .side-visual b{font-size:13px;line-height:1.45}.admin-sidebar .side-visual small{font-size:10px}.page.admin-ui{max-width:none;width:100%;padding:2px 0 20px}.admin-titlebar{min-height:82px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:18px}.admin-titlebar h1{font-size:40px;line-height:1;margin:5px 0 7px}.admin-titlebar p{font-size:12px;color:#8fa8ca;margin:0}.big-action{min-height:48px!important;padding:0 20px!important;border-radius:12px!important;font-size:13px!important;display:inline-flex;align-items:center;gap:8px}.admin-statusbar{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;margin:8px 0 12px}.admin-statusbar .search{height:40px}.admin-time{display:flex;align-items:center;gap:7px;color:#9cb2cf;font-size:11px}.reference-stats{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}.reference-stats .stat{min-height:96px!important;padding:14px!important;border-radius:14px!important;grid-template-columns:42px 1fr!important}.reference-stats .stat .sicon{width:42px!important;height:42px!important;border-radius:12px!important}.reference-stats .stat small{font-size:10px!important}.reference-stats .stat b{font-size:26px!important;margin-top:3px}.admin-grid-main{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,.7fr);gap:12px;margin-top:12px}.admin-panel{border-radius:14px!important;padding:14px!important}.panel-title.icon-title{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center}.panel-title.icon-title>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(29,111,255,.14);color:#60bdff}.panel-title h2{font-size:17px!important;margin:0 0 3px}.panel-title p{font-size:10px!important;margin:0;color:#829bbb}.compact-table th{font-size:8px!important;letter-spacing:.05em;padding:8px 6px!important}.compact-table td{font-size:10px!important;padding:8px 6px!important}.compact-table tbody tr{height:43px}.reference-recent>div{padding:11px 8px!important}.reference-recent .rpic{width:34px;height:34px}.reference-recent b{font-size:11px}.reference-recent small{font-size:9px;line-height:1.45}.admin-quick-panel{margin-top:12px}.reference-quick{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.reference-quick a{display:grid!important;grid-template-columns:34px minmax(0,1fr) 16px;gap:10px;align-items:center;padding:12px!important;min-height:72px;border-radius:12px!important}.reference-quick a>svg:first-child{width:28px;height:28px;color:#5dc4ff}.reference-quick b{display:block;font-size:11px}.reference-quick small{display:block;font-size:9px;color:#829bbb;margin-top:3px}.admin-inline-warning{margin-top:10px;font-size:11px;color:#ffd56d;display:flex;align-items:center;gap:7px}
.admin-summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 12px}.admin-summary-row.five{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-summary-row.four{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{min-height:104px;border-radius:14px;padding:16px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}.summary-card>svg{width:44px;height:44px;padding:10px;border-radius:12px;color:#58bfff;background:rgba(22,105,255,.16);border:1px solid rgba(81,169,255,.16)}.summary-card.success>svg{color:#38dfa7;background:rgba(18,183,132,.14)}.summary-card.danger>svg{color:#ff5e83;background:rgba(237,42,91,.14)}.summary-card.warning>svg{color:#ffc65a;background:rgba(255,171,31,.14)}.summary-card small{display:block;font-size:10px;color:#95a9c5}.summary-card b{display:block;font-size:26px;margin-top:4px}.admin-filterbar{display:grid;grid-template-columns:minmax(280px,1fr) repeat(2,minmax(160px,.32fr)) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:13px;margin-bottom:12px}.admin-filterbar .search{height:40px}.admin-filterbar select,.admin-filterbar .btn{height:40px;min-height:40px!important;border-radius:10px!important;font-size:10px}.table-product{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center}.table-product img,.table-product-icon{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#07192f}.table-product-icon{display:grid;place-items:center}.table-product b{display:block;font-size:10px}.table-product small{display:block;font-size:8px;color:#6f88aa;margin-top:2px}.product-table th:nth-child(1){width:23%}.product-table th:nth-child(2){width:12%}.product-table th:nth-child(3){width:12%}.product-table th:nth-child(4){width:9%}.product-table th:nth-child(5){width:7%}.product-table th:nth-child(6){width:8%}.product-table th:nth-child(7){width:8%}.product-table th:nth-child(8){width:21%}.row-actions{display:flex!important;gap:5px!important;flex-wrap:nowrap!important}.row-btn{min-height:30px!important;padding:0 8px!important;font-size:9px!important;border-radius:8px!important;display:inline-flex;align-items:center;gap:4px}.stock-cards.reference{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 12px}.stock-cards.reference .stock-card{padding:14px;border-radius:14px;min-height:128px}.stock-cards.reference .stock-title{display:grid;grid-template-columns:38px 1fr 18px;gap:10px;align-items:center}.stock-cards.reference .stock-title .ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(23,109,255,.14);color:#5dc4ff}.stock-cards.reference .stock-title b{font-size:12px}.stock-cards.reference .stock-title small{font-size:9px;color:#829bbb}.stock-cards.reference .stocknums{margin-top:14px}.stock-cards.reference .stocknums b{font-size:18px}.stock-cards.reference .stocknums small{font-size:9px}.claim-table th:nth-child(1){width:14%}.claim-table th:nth-child(2){width:21%}.claim-table th:nth-child(3){width:12%}.claim-table th:nth-child(4){width:13%}.claim-table th:nth-child(5){width:22%}.claim-table th:nth-child(6){width:18%}.delivery-table th:nth-child(1){width:5%}.delivery-table th:nth-child(2){width:19%}.delivery-table th:nth-child(3){width:18%}.delivery-table th:nth-child(4){width:13%}.delivery-table th:nth-child(5){width:9%}.delivery-table th:nth-child(6){width:9%}.delivery-table th:nth-child(7){width:12%}.delivery-table th:nth-child(8){width:15%}.image-upload-box{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(84,154,245,.11);margin-bottom:12px}.image-preview{height:104px;border-radius:12px;background:#06152d;border:1px dashed rgba(87,169,255,.25);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#7794ba;overflow:hidden}.image-preview img{width:100%;height:100%;object-fit:cover}.image-upload-box small{display:block;color:#8097b8;font-size:10px;margin-top:7px}.file-btn{display:inline-flex!important;cursor:pointer}.checkbox-field{flex-direction:row!important;align-items:center!important;gap:8px}.checkbox-field input{width:auto!important}.product-modal{max-height:92vh;overflow:auto;scrollbar-width:none}.product-modal::-webkit-scrollbar{display:none}.product-modal .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-bg{overflow:hidden!important}
.library-match .library-head{grid-template-columns:1fr!important}.library-match .library-scribble{display:none!important}.library-redeem.match{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)!important}.library-grid.match{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch}.library-card.match{min-height:218px!important;grid-template-columns:150px minmax(0,1fr)!important}.library-card.match .card-media .art{min-height:190px!important}.library-card.match .card-main h3{font-size:19px!important}.library-card.match .card-desc{font-size:11px!important;line-height:1.45}.library-card.match .meta-lines{font-size:10px!important}.library-card.match .card-actions.dual .btn{min-height:36px!important;font-size:10px!important}.redeem-help{display:flex;align-items:center;gap:5px}.redeem-help .icon{width:14px;height:14px}
@media(max-width:1500px){body{min-width:1180px}.workspace-grid.shell{grid-template-columns:205px minmax(0,1fr)}.reference-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin-grid-main{grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr)}.reference-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stock-cards.reference{grid-template-columns:repeat(3,minmax(0,1fr))}.library-card.match{grid-template-columns:130px minmax(0,1fr)!important}}
@media(max-width:1260px){body{min-width:1024px}.workspace-grid.shell{grid-template-columns:185px minmax(0,1fr);gap:12px}.epic-sidebar>a,.epic-sidebar>button{font-size:10px}.admin-titlebar h1{font-size:34px}.admin-summary-row,.admin-summary-row.five,.admin-summary-row.four{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid-main{grid-template-columns:1fr}.stock-cards.reference{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filterbar{grid-template-columns:1fr 1fr 1fr auto}.library-grid.match{grid-template-columns:1fr!important}.library-redeem.match{grid-template-columns:1fr!important}.redeem-help{grid-column:1!important}}

/* ===== Final reference-match pass: home + library ===== */
html,body{max-width:100%;overflow-x:hidden;scrollbar-width:none}
body::-webkit-scrollbar,.workspace::-webkit-scrollbar,.site::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:0;height:0;display:none}
body{font-family:"Manrope","Segoe UI Variable",system-ui,sans-serif;background:#030a17}
h1,h2,h3,.brand-text,.mini-brand{font-family:"Manrope","Segoe UI Variable",system-ui,sans-serif}
.icon{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex:0 0 auto}

/* Home: exact one-screen composition */
.home-site{height:100svh!important;min-height:620px!important;overflow:hidden!important;background:
  radial-gradient(circle at 59% 31%,rgba(36,130,255,.12),transparent 25%),
  radial-gradient(circle at 95% 12%,rgba(32,181,255,.08),transparent 20%),
  linear-gradient(180deg,#020914 0%,#06142b 62%,#071a35 100%)!important}
.home-site .shell{width:min(1380px,calc(100% - 64px))!important}
.home-site .topbar.minimal{height:70px!important;min-height:70px!important;padding:0!important;border-bottom:1px solid rgba(93,160,240,.12)!important}
.home-site .brand-text{font-size:23px!important;font-weight:500!important;letter-spacing:-.055em!important}.home-site .brand-text strong{font-weight:850!important}
.home-site .top-login-link{font-size:14px!important;font-weight:750!important;text-decoration:none}
.home-site .topbar .btn.primary{height:48px!important;min-height:48px!important;border-radius:13px!important;padding:0 24px!important;font-size:14px!important;box-shadow:0 0 20px rgba(28,145,255,.16)!important}
.hero-single{height:calc(100svh - 70px)!important;min-height:550px!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) 470px!important;gap:42px!important;align-items:center!important;padding:18px 0 20px!important;position:relative!important;overflow:hidden!important}
.hero-single:before{content:none!important}.hero-bg-v{position:absolute;z-index:0;left:43%;top:2%;width:500px;height:500px;opacity:.34;clip-path:polygon(0 0,35% 0,50% 38%,65% 0,100% 0,61% 72%,50% 96%,39% 72%);background:linear-gradient(150deg,rgba(22,96,229,.18),rgba(39,174,255,.65),rgba(15,66,170,.12));filter:drop-shadow(0 0 18px rgba(29,131,255,.22));transform:rotate(-2deg)}
.hero-ground{position:absolute;z-index:0;left:-8%;right:-8%;bottom:-16%;height:33%;background:radial-gradient(ellipse at 50% 10%,rgba(31,127,255,.2),transparent 46%),linear-gradient(165deg,transparent 42%,rgba(17,53,106,.72) 43%,#041023 64%,transparent 78%);opacity:.7}
.hero-copy,.hero-login{position:relative;z-index:2}.hero-copy{padding-top:0!important;align-self:center!important}.hero-copy .eyebrow{font-size:10px!important;letter-spacing:.31em!important;color:#51c3ff!important}
.hero-copy h1{font-size:clamp(58px,5.15vw,84px)!important;line-height:.98!important;letter-spacing:-.065em!important;margin:14px 0 14px!important;color:#f8fbff!important}.hero-copy h1 span{background:linear-gradient(180deg,#f1fbff 0%,#42c5ff 96%)!important;-webkit-background-clip:text!important;color:transparent!important}
.hero-copy>p{max-width:750px!important;margin:0 0 17px!important;font-size:16px!important;line-height:1.58!important;color:#b9cce4!important}
.hero-steps{margin:0 0 16px!important;display:grid!important;grid-template-columns:1fr 22px 1fr 22px 1fr!important;gap:10px!important;align-items:center!important;max-width:720px!important}.hero-steps>i{display:grid!important;place-items:center!important;color:#52b8ff!important}.hero-steps>i .icon{width:20px;height:20px}.flow-step{min-width:0!important;display:grid!important;grid-template-columns:42px 1fr!important;gap:11px!important;align-items:center!important}.flow-step>span{width:42px!important;height:42px!important;border-radius:50%!important;background:linear-gradient(145deg,#0e55cc,#23aef5)!important;border:1px solid rgba(111,211,255,.52)!important;box-shadow:0 0 13px rgba(30,132,255,.13)!important;font-size:14px!important}.flow-step b{font-size:14px!important}.flow-step small{font-size:10.5px!important;line-height:1.4!important;color:#91aac8!important}
.home-features{display:none!important}
.hero-code-panel{max-width:760px!important;margin-top:0!important;padding:17px 19px 14px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(7,22,48,.92),rgba(4,13,29,.94))!important;border:1px solid rgba(66,164,255,.52)!important;box-shadow:0 0 0 1px rgba(36,135,255,.06),0 0 20px rgba(38,130,255,.11)!important}.hero-code-head{margin:0 0 10px!important}.hero-code-head small{font-size:9px!important;letter-spacing:.27em!important;color:#73c9ff!important}.hero-code-form{grid-template-columns:minmax(0,1fr) 210px!important;gap:12px!important}.code-input{height:56px!important;border-radius:13px!important;padding:0 15px!important;background:rgba(2,10,22,.7)!important;border:1px solid rgba(84,168,255,.37)!important}.code-input .icon{width:19px;height:19px;color:#a9d9ff}.code-input input{font-size:17px!important;letter-spacing:.16em!important}.hero-code-form .btn{height:56px!important;min-height:56px!important;border-radius:13px!important;font-size:14px!important}.hero-code-form .btn .icon{width:16px;height:16px}.hero-code-sub{margin-top:10px;font-size:11px;color:#9bb0cc;line-height:1.45}.hero-code-note{padding-top:8px!important;font-size:11px!important;color:#69daa9!important}
.hero-login{align-self:center!important;padding:31px 34px 25px!important;border-radius:27px!important;background:linear-gradient(180deg,rgba(7,24,52,.91),rgba(4,14,30,.94))!important;border:1px solid rgba(72,164,255,.38)!important;box-shadow:0 18px 45px rgba(0,0,0,.26),0 0 18px rgba(33,129,255,.08)!important}.hero-login-top{margin-bottom:9px!important}.hero-user-icon{width:50px!important;height:50px!important;border-radius:14px!important;font-size:20px!important}.hero-user-icon .icon{width:23px;height:23px}.hero-login-top b{font-size:14px!important}.hero-login-top small{font-size:10.5px!important;margin-top:3px!important}.hero-login h2{font-size:50px!important;line-height:1!important;margin:9px 0 9px!important}.hero-login>p{font-size:14px!important;line-height:1.55!important;margin:0 0 14px!important}.hero-login .field{font-size:11.5px!important;margin:10px 0!important}.field-with-icon{height:50px;border-radius:13px;border:1px solid rgba(76,153,244,.28);display:flex;align-items:center;gap:10px;padding:0 13px;background:rgba(2,10,23,.55)}.field-with-icon .icon{width:17px;height:17px;color:#8eb9e7}.hero-login .field-with-icon input{height:auto!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;flex:1;font-size:13px!important;color:#e8f3ff}.hero-login .btn.primary{height:52px!important;min-height:52px!important;border-radius:13px!important;font-size:14px!important;margin-top:4px!important}.hero-login .btn.wide:not(.primary){height:46px!important;min-height:46px!important;border-radius:13px!important;font-size:12.5px!important}.hero-login .btn .icon{width:16px;height:16px}.hero-login .orline{margin:10px 0!important}.login-hint.compact{grid-template-columns:42px 1fr!important;gap:11px!important;margin-top:12px!important;padding:13px!important;border-radius:14px!important}.login-hint.compact>.icon{width:42px!important;height:42px!important;padding:10px;border-radius:12px;background:rgba(25,91,190,.2);color:#8dc9ff}.login-hint.compact b{font-size:12.5px!important}.login-hint.compact small{font-size:10.5px!important;line-height:1.45!important}

/* Library: reference proportions */
.epic-workspace{min-height:100vh!important;background:linear-gradient(180deg,#030a17,#06152d 68%,#030a17)!important}
.epic-workspace .shell{width:min(1500px,calc(100% - 36px))!important}.epic-workspace .workspace-top.shell{height:70px!important;min-height:70px!important;grid-template-columns:235px minmax(300px,1fr) auto!important;gap:18px!important;border-bottom:1px solid rgba(76,146,235,.12)!important}.workspace-top .brand-text{font-size:22px!important}.workspace-search{height:44px!important;min-height:44px!important;border-radius:12px!important}.profile-pill{height:48px!important;min-width:190px!important}.avatar{width:38px!important;height:38px!important}
.epic-workspace .workspace-grid.shell{grid-template-columns:238px minmax(0,1fr)!important;gap:18px!important;padding:14px 0 20px!important;align-items:start!important}.epic-sidebar{position:sticky!important;top:14px!important;min-height:calc(100vh - 104px)!important;padding:13px!important;border-radius:18px!important}.side-brand{padding:8px 10px 14px!important}.side-brand .mini-brand{font-size:22px!important}.side-brand span{font-size:9px!important}.epic-sidebar>a,.epic-sidebar>button{height:48px!important;border-radius:12px!important;font-size:12px!important;padding:0 12px!important}.epic-sidebar .si{width:18px!important;height:18px!important}.side-visual{min-height:180px!important;margin-top:auto!important;padding:16px!important;border-radius:16px!important}.side-visual .promo-icon .icon{width:46px;height:46px}.side-visual b{font-size:14px!important;line-height:1.35!important}.side-visual small{font-size:9.5px!important;line-height:1.55!important}
.library-reference{padding:2px 0 18px!important;max-width:none!important}.library-heading{margin-bottom:12px}.library-heading .eyebrow{font-size:9px!important}.library-heading h1{font-size:54px!important;line-height:1!important;letter-spacing:-.055em!important;margin:7px 0 5px!important}.library-heading p{font-size:14px!important;color:#b9cce2!important;margin:0!important}.library-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lib-stat{min-height:104px;padding:16px 18px;border-radius:16px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:13px;align-items:center;background:linear-gradient(145deg,rgba(8,28,60,.89),rgba(5,18,41,.86))!important;box-shadow:none!important}.lib-stat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#57c4ff;background:rgba(25,112,224,.18)}.lib-stat-icon.success{color:#44e4ac;background:rgba(25,182,128,.16)}.lib-stat-icon .icon{width:23px;height:23px}.lib-stat b{display:block;font-size:23px;line-height:1}.lib-stat strong{display:block;font-size:15px;margin-top:3px}.lib-stat small,.lib-stat em{display:block;font-style:normal;font-size:9.5px;line-height:1.4;color:#8ea8ca;margin-top:4px}.lib-stat.latest b{display:none}.lib-stat-arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;text-decoration:none;border:1px solid rgba(91,166,255,.2)}.lib-stat-arrow .icon{width:18px;height:18px}
.library-redeem.reference{margin-top:12px!important;padding:17px 18px!important;border-radius:18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 480px!important;column-gap:18px!important;row-gap:7px!important;align-items:center!important}.redeem-copy{display:flex!important;gap:15px!important;align-items:center!important}.redeem-icon{width:54px!important;height:54px!important;border-radius:16px!important;font-size:20px!important}.redeem-icon .icon{width:22px;height:22px}.library-redeem.reference h2{font-size:21px!important;line-height:1.2!important;margin:4px 0 5px!important}.library-redeem.reference p{font-size:11px!important;margin:0!important;color:#9fb3cf!important}.redeem-form{display:grid!important;grid-template-columns:minmax(0,1fr) 165px!important;gap:10px!important}.code-input.slim{height:50px!important;border-radius:12px!important}.code-input.slim input{font-size:12px!important;letter-spacing:.08em!important}.redeem-form .btn{height:50px!important;min-height:50px!important;border-radius:12px!important;font-size:11.5px!important}.redeem-help{grid-column:2!important;font-size:9.5px!important;color:#8fa9ca!important;display:flex;align-items:center;gap:5px}.redeem-help .icon{width:13px;height:13px}.library-redeem.reference #libraryRedeemAlert{grid-column:1/-1!important}
.library-controls{display:grid;grid-template-columns:minmax(0,1fr) 510px;gap:14px;align-items:center;margin:12px 0 10px}.filter-pills{display:flex!important;gap:7px!important;flex-wrap:nowrap!important}.filter-pill{height:38px!important;padding:0 12px!important;border-radius:10px!important;font-size:10px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}.filter-pill .icon{width:14px;height:14px}.library-searchsort{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:9px}.library-searchsort .search{height:42px;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px}.library-searchsort .search .icon{width:15px;height:15px}.library-searchsort input{background:transparent;border:0;outline:none;color:#e9f3ff;min-width:0;flex:1;font-size:10px}.library-searchsort select{height:42px!important;border:1px solid rgba(78,148,236,.18)!important;border-radius:11px!important;background:#07162f!important;color:#dfeeff!important;padding:0 10px!important;font-size:9.5px!important;min-width:0!important}
.library-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.library-card.reference{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;min-height:210px!important;border-radius:16px!important;overflow:hidden!important}.library-card.reference .card-media{padding:10px!important}.library-card.reference .card-media .art{height:100%!important;min-height:188px!important;border-radius:11px!important}.library-card.reference .card-main{padding:13px 13px 13px 0!important;gap:7px!important}.library-card.reference .tag{font-size:8px!important;padding:4px 7px!important}.library-card.reference h3{font-size:18px!important;line-height:1.18!important;margin:0!important}.library-card.reference .meta-lines{font-size:9.5px!important;gap:5px!important}.library-card.reference .meta-lines .icon{width:12px;height:12px}.library-card.reference .card-desc{font-size:10px!important;line-height:1.45!important;margin:0!important;color:#9fb3cd!important}.library-card.reference .card-actions{margin-top:auto!important}.library-card.reference .card-actions .btn{height:35px!important;min-height:35px!important;border-radius:9px!important;padding:0 10px!important;font-size:9.5px!important}.library-card.reference .card-actions .btn .icon{width:12px;height:12px}.library-empty-card,.library-discover-card{min-height:210px;padding:22px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,rgba(8,27,57,.84),rgba(4,15,34,.88))!important}.library-empty-card>span,.library-discover-card>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(27,112,220,.12);color:#5ec8ff;margin-bottom:12px}.library-empty-card>span .icon,.library-discover-card>span .icon{width:25px;height:25px}.library-empty-card h3,.library-discover-card h3{font-size:18px;margin:0 0 7px}.library-empty-card p,.library-discover-card p{max-width:360px;font-size:10.5px;line-height:1.55;color:#98adca;margin:0 0 12px}.library-discover-card .btn{height:36px;min-height:36px;border-radius:9px;font-size:9.5px}
.table-wrap{overflow:visible!important;max-width:100%!important}.table{width:100%!important;table-layout:fixed!important}.workspace,.site{overflow-x:hidden!important}

@media(max-width:1366px){
  .home-site .shell{width:min(1240px,calc(100% - 36px))!important}.hero-single{grid-template-columns:minmax(0,1fr) 390px!important;gap:26px!important}.hero-copy h1{font-size:55px!important}.hero-copy>p{font-size:13.5px!important}.hero-steps{max-width:650px!important}.flow-step b{font-size:12px!important}.flow-step small{font-size:9px!important}.hero-code-panel{max-width:650px!important}.hero-login{padding:24px 26px 20px!important}.hero-login h2{font-size:42px!important}.hero-login>p{font-size:12px!important}.hero-login .field-with-icon{height:45px!important}.hero-login .btn.primary{height:47px!important;min-height:47px!important}.login-hint.compact{padding:10px!important}.epic-workspace .shell{width:min(1290px,calc(100% - 28px))!important}.epic-workspace .workspace-grid.shell{grid-template-columns:210px minmax(0,1fr)!important;gap:14px!important}.library-heading h1{font-size:45px!important}.library-stats{gap:9px}.lib-stat{min-height:88px;padding:12px 13px}.lib-stat-icon{width:42px;height:42px}.lib-stat b{font-size:19px}.lib-stat strong{font-size:12px}.library-redeem.reference{grid-template-columns:minmax(0,1fr) 420px!important;padding:13px 14px!important}.redeem-icon{width:46px!important;height:46px!important}.library-redeem.reference h2{font-size:17px!important}.redeem-form{grid-template-columns:minmax(0,1fr) 145px!important}.code-input.slim,.redeem-form .btn{height:44px!important;min-height:44px!important}.library-controls{grid-template-columns:minmax(0,1fr) 440px!important;margin:9px 0 8px!important}.filter-pill{padding:0 9px!important;font-size:8.5px!important}.library-searchsort{grid-template-columns:minmax(0,1fr) 178px}.library-card.reference{grid-template-columns:125px minmax(0,1fr)!important;min-height:180px!important}.library-card.reference .card-media .art{min-height:160px!important}.library-card.reference h3{font-size:15px!important}.library-card.reference .card-desc{font-size:8.5px!important}.library-empty-card,.library-discover-card{min-height:180px}
}
@media(max-width:1100px){
  .home-site{height:auto!important;min-height:100svh!important;overflow:auto!important}.hero-single{height:auto!important;min-height:calc(100svh - 70px)!important;grid-template-columns:1fr!important}.hero-copy,.hero-login{width:100%;max-width:820px;margin:auto}.hero-bg-v{left:auto;right:0}.epic-workspace .workspace-grid.shell{grid-template-columns:190px minmax(0,1fr)!important}.library-stats{grid-template-columns:1fr 1fr!important}.library-stats .lib-stat:last-child{grid-column:1/-1}.library-redeem.reference{grid-template-columns:1fr!important}.redeem-help{grid-column:1!important}.library-controls{grid-template-columns:1fr!important}.library-product-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .home-site .shell,.epic-workspace .shell{width:calc(100% - 20px)!important}.hero-copy h1{font-size:42px!important}.hero-steps{grid-template-columns:1fr!important}.hero-steps>i{display:none!important}.hero-code-form{grid-template-columns:1fr!important}.epic-workspace .workspace-top.shell{display:flex!important;height:auto!important;min-height:64px!important;flex-wrap:wrap!important}.workspace-search{display:none!important}.epic-workspace .workspace-grid.shell{grid-template-columns:1fr!important}.epic-sidebar{position:relative!important;min-height:auto!important}.library-stats{grid-template-columns:1fr!important}.library-stats .lib-stat:last-child{grid-column:auto}.filter-pills{flex-wrap:wrap!important}.library-searchsort{grid-template-columns:1fr!important}.library-card.reference{grid-template-columns:1fr!important}.library-card.reference .card-main{padding:10px 12px 13px!important}
}

/* ===== Home spacing refinement: balanced, one-screen, no scrollbar ===== */
@media(min-width:1101px){
  .home-site .topbar.minimal{height:74px!important;min-height:74px!important}
  .hero-single{height:calc(100svh - 74px)!important;min-height:0!important;grid-template-columns:minmax(0,1.06fr) 458px!important;gap:52px!important;padding:22px 0 26px!important;align-items:center!important}
  .hero-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:0!important}
  .hero-copy .eyebrow{margin-bottom:2px!important}
  .hero-copy h1{font-size:clamp(54px,4.85vw,78px)!important;line-height:1.01!important;margin:18px 0 19px!important}
  .hero-copy>p{max-width:720px!important;font-size:15px!important;line-height:1.62!important;margin:0 0 21px!important}
  .hero-steps{max-width:700px!important;margin:0 0 20px!important;gap:12px!important}
  .flow-step{grid-template-columns:44px 1fr!important;gap:12px!important}
  .flow-step>span{width:44px!important;height:44px!important}
  .flow-step b{font-size:13.5px!important}
  .flow-step small{font-size:10px!important}
  .hero-code-panel{max-width:735px!important;padding:19px 20px 16px!important;border-radius:20px!important}
  .hero-code-head{margin-bottom:12px!important}
  .hero-code-form{grid-template-columns:minmax(0,1fr) 198px!important;gap:14px!important}
  .code-input{height:54px!important}
  .hero-code-form .btn{height:54px!important;min-height:54px!important}
  .hero-code-sub{margin-top:11px!important}
  .hero-code-note{padding-top:7px!important}
  .hero-login{padding:28px 31px 24px!important;border-radius:25px!important}
  .hero-login-top{margin-bottom:13px!important}
  .hero-login h2{font-size:46px!important;margin:12px 0 12px!important}
  .hero-login>p{font-size:13px!important;line-height:1.58!important;margin-bottom:17px!important}
  .hero-login .field{margin:12px 0!important}
  .field-with-icon{height:47px!important}
  .hero-login .btn.primary{height:49px!important;min-height:49px!important;margin-top:6px!important}
  .hero-login .orline{margin:12px 0!important}
  .hero-login .btn.wide:not(.primary){height:44px!important;min-height:44px!important}
  .login-hint.compact{margin-top:14px!important;padding:12px 13px!important}
  .hero-bg-v{left:45%!important;top:4%!important;width:470px!important;height:470px!important;opacity:.28!important}
  .hero-ground{bottom:-18%!important;height:31%!important;opacity:.58!important}
}

@media(min-width:1101px) and (max-width:1366px){
  .home-site .shell{width:min(1248px,calc(100% - 34px))!important}
  .home-site .topbar.minimal{height:68px!important;min-height:68px!important}
  .hero-single{height:calc(100svh - 68px)!important;grid-template-columns:minmax(0,1fr) 382px!important;gap:34px!important;padding:16px 0 18px!important}
  .hero-copy h1{font-size:51px!important;margin:13px 0 14px!important}
  .hero-copy>p{font-size:12.8px!important;line-height:1.55!important;margin-bottom:15px!important;max-width:650px!important}
  .hero-steps{max-width:630px!important;margin-bottom:15px!important;gap:8px!important}
  .flow-step{grid-template-columns:38px 1fr!important;gap:9px!important}
  .flow-step>span{width:38px!important;height:38px!important;font-size:12px!important}
  .flow-step b{font-size:11.5px!important}.flow-step small{font-size:8.7px!important}
  .hero-code-panel{max-width:635px!important;padding:15px 17px 13px!important;border-radius:18px!important}
  .hero-code-head{margin-bottom:8px!important}.hero-code-head small{font-size:8px!important}
  .hero-code-form{grid-template-columns:minmax(0,1fr) 180px!important;gap:10px!important}
  .code-input{height:49px!important}.code-input input{font-size:15px!important}
  .hero-code-form .btn{height:49px!important;min-height:49px!important;font-size:12.5px!important}
  .hero-code-sub{margin-top:8px!important;font-size:9.5px!important}.hero-code-note{padding-top:6px!important;font-size:9.5px!important}
  .hero-login{padding:22px 24px 19px!important;border-radius:22px!important}
  .hero-login-top{margin-bottom:9px!important}.hero-user-icon{width:44px!important;height:44px!important;border-radius:12px!important}.hero-user-icon .icon{width:20px;height:20px}
  .hero-login-top b{font-size:12.5px!important}.hero-login-top small{font-size:9.5px!important}
  .hero-login h2{font-size:39px!important;margin:8px 0 9px!important}
  .hero-login>p{font-size:11.5px!important;line-height:1.5!important;margin-bottom:11px!important}
  .hero-login .field{font-size:10px!important;margin:8px 0!important}.field-with-icon{height:42px!important}
  .hero-login .btn.primary{height:44px!important;min-height:44px!important;font-size:12.5px!important;margin-top:4px!important}
  .hero-login .orline{margin:8px 0!important}.hero-login .btn.wide:not(.primary){height:40px!important;min-height:40px!important;font-size:11px!important}
  .login-hint.compact{grid-template-columns:36px 1fr!important;gap:9px!important;margin-top:9px!important;padding:9px 10px!important}.login-hint.compact>.icon{width:36px!important;height:36px!important;padding:8px!important}.login-hint.compact b{font-size:10.5px!important}.login-hint.compact small{font-size:8.7px!important}
  .hero-bg-v{left:45%!important;top:3%!important;width:420px!important;height:420px!important}
}

/* ===== Product detail readability & spacing refinement ===== */
.product-detail-epic{
  --pd-text:#d9e7f7;
  --pd-muted:#91a9c8;
  --pd-line:rgba(91,164,255,.16);
}
.product-detail-epic .crumb{
  margin-bottom:12px!important;
  font-size:10.5px!important;
  line-height:1.4;
}
.product-detail-epic .product-showcase{
  padding:16px!important;
  gap:16px!important;
  border-radius:18px!important;
}
.product-detail-epic .showcase-main{
  gap:18px!important;
}
.product-detail-epic .showcase-copy h1{
  margin:8px 0 9px!important;
}
.product-detail-epic .showcase-copy p{
  font-size:12.5px!important;
  line-height:1.62!important;
  color:#a9bdd7!important;
  max-width:760px;
}
.product-detail-epic .spec-strip{
  gap:12px!important;
  margin-top:15px;
}
.product-detail-epic .spec-strip div{
  padding-left:12px!important;
}
.product-detail-epic .spec-strip small{
  font-size:9px!important;
  line-height:1.3;
  letter-spacing:.06em;
}
.product-detail-epic .spec-strip b{
  margin-top:5px!important;
  font-size:13px!important;
  line-height:1.35;
}

.product-detail-epic .showcase-side{
  gap:13px!important;
}
.product-detail-epic .showcase-copycode{
  min-height:58px;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:12px 13px!important;
  border-radius:13px!important;
  align-items:center!important;
  background:rgba(7,23,50,.68);
}
.product-detail-epic .showcase-copycode:last-child{
  grid-template-columns:34px minmax(0,1fr)!important;
}
.product-detail-epic .showcase-copycode .micon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(35,129,255,.13);
  color:#70c5ff;
  font-size:14px;
}
.product-detail-epic .showcase-copycode>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:0;
}
.product-detail-epic .showcase-copycode small{
  display:block;
  color:#7f9abd!important;
  font-size:9.5px!important;
  line-height:1.25;
  letter-spacing:.035em;
  white-space:nowrap;
}
.product-detail-epic .showcase-copycode b{
  display:block;
  color:#f1f7ff;
  font-size:13px!important;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.01em;
  overflow-wrap:anywhere;
}
.product-detail-epic .showcase-copycode .btn{
  min-height:34px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
}

.product-detail-epic .product-layout{
  gap:14px!important;
  margin-top:14px!important;
}
.product-detail-epic .product-main-col,
.product-detail-epic .product-side-col{
  gap:14px!important;
}
.product-detail-epic .keybox{
  padding:18px!important;
  border-radius:15px!important;
}
.product-detail-epic .keybox .panel-head{
  align-items:flex-start!important;
  gap:18px!important;
  margin-bottom:16px;
}
.product-detail-epic .keybox .panel-head>div{
  min-width:0;
}
.product-detail-epic .keybox .panel-head h2{
  font-size:21px!important;
  line-height:1.2;
  margin:0 0 6px!important;
  letter-spacing:-.025em;
}
.product-detail-epic .keybox .panel-head p{
  font-size:11.5px!important;
  line-height:1.5!important;
  color:#8fa8c8!important;
  margin:0!important;
}
.product-detail-epic .keybox .panel-head .status{
  max-width:360px;
  white-space:normal;
  text-align:center;
  line-height:1.35;
  padding:7px 10px;
  font-size:9.5px!important;
}
.product-detail-epic .key-stage{
  gap:12px!important;
  padding-top:2px;
}
.product-detail-epic .key-field-row{
  gap:12px!important;
}
.product-detail-epic .key-field{
  min-height:48px!important;
  padding:0 16px;
  display:flex;
  align-items:center;
  font-size:12px!important;
  letter-spacing:.11em;
  border-radius:11px!important;
}
.product-detail-epic .key-field-row .btn,
.product-detail-epic .key-actions .btn{
  min-height:42px!important;
  padding:0 14px!important;
  font-size:10.5px!important;
  border-radius:10px!important;
}
.product-detail-epic .key-actions{
  gap:9px!important;
  margin-top:2px;
}

.product-detail-epic .product-main-col>.info-grid{
  gap:14px!important;
  margin-top:0!important;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
}
.product-detail-epic .product-main-col>.info-grid>.panel{
  min-height:210px;
  padding:18px!important;
  border-radius:15px!important;
}
.product-detail-epic .panel h2{
  font-size:19px!important;
  line-height:1.25;
  letter-spacing:-.02em;
  margin:0 0 14px!important;
  color:#f2f7ff;
}

.product-detail-epic .instruction{
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center;
  margin:8px 0!important;
  padding:9px 10px;
  border-radius:11px;
  border:1px solid rgba(80,153,249,.09);
  background:rgba(7,22,47,.48);
}
.product-detail-epic .instruction .n{
  width:30px!important;
  height:30px!important;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:linear-gradient(145deg,#1d77e9,#28aaff);
  color:#fff;
  font-size:10px!important;
  font-weight:800;
  box-shadow:0 7px 18px rgba(26,113,221,.16);
}
.product-detail-epic .instruction p{
  margin:0!important;
  color:#b7c8dc!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}

.product-detail-epic .product-main-col>.info-grid>.panel:last-child ul{
  list-style:none;
  display:grid;
  gap:8px;
  padding:0;
  margin:0;
}
.product-detail-epic .product-main-col>.info-grid>.panel:last-child li{
  position:relative;
  padding:8px 10px 8px 34px;
  margin:0;
  border-radius:10px;
  background:rgba(7,22,47,.42);
  border:1px solid rgba(80,153,249,.08);
  color:#b7c8dc!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}
.product-detail-epic .product-main-col>.info-grid>.panel:last-child li:before{
  content:"✓";
  position:absolute;
  left:10px;
  top:8px;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(40,205,142,.12);
  color:#45dba3;
  font-size:9px;
  font-weight:900;
}

.product-detail-epic .product-side-col .panel{
  padding:18px!important;
  border-radius:15px!important;
}
.product-detail-epic .summary-list{
  gap:0!important;
}
.product-detail-epic .summary-list div{
  min-height:42px;
  align-items:center;
  padding:9px 0!important;
  gap:16px!important;
  font-size:11px!important;
}
.product-detail-epic .summary-list span{
  color:#7f9abd!important;
  font-size:10.5px;
}
.product-detail-epic .summary-list b{
  color:#eef6ff;
  font-size:11px;
  line-height:1.35;
}

@media(max-width:1280px){
  .product-detail-epic .product-main-col>.info-grid{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:900px){
  .product-detail-epic .product-main-col>.info-grid{
    grid-template-columns:1fr!important;
  }
  .product-detail-epic .keybox .panel-head{
    flex-direction:column;
  }
  .product-detail-epic .keybox .panel-head .status{
    max-width:none;
    text-align:left;
  }
}

/* ==== Library card cleanup + account settings + secure key field ==== */
.library-card.reference .card-media .art{position:relative;overflow:hidden;background-position:center!important;background-size:cover!important}
.library-card.reference .card-media .art>b,
.library-card.reference .card-media .art>small{display:none!important}
.library-card.reference .card-actions.single{display:flex;width:100%;margin-top:auto}
.library-card.reference .card-actions.single .btn{width:100%;justify-content:center;min-height:42px!important}

.product-detail-epic .key-stage{gap:14px!important;margin-top:18px}
.product-detail-epic .key-field-row{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:stretch!important}
.product-detail-epic .key-field{position:relative;min-height:58px!important;border-radius:14px!important;padding:0 20px 0 58px!important;display:flex;align-items:center;overflow:hidden!important;background:linear-gradient(180deg,rgba(4,17,40,.98),rgba(3,13,31,.98))!important;border:1px solid rgba(74,159,255,.34)!important;color:#e8f4ff!important;font-size:14px!important;letter-spacing:.14em!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 12px 26px rgba(0,0,0,.16)}
.product-detail-epic .key-field:before{content:"";position:absolute;left:16px;top:50%;width:30px;height:30px;transform:translateY(-50%);border-radius:10px;background:linear-gradient(145deg,rgba(25,114,255,.32),rgba(20,62,128,.24));border:1px solid rgba(87,170,255,.24);box-shadow:0 0 18px rgba(40,128,255,.12)}
.product-detail-epic .key-field.is-masked{color:#85a4c9!important;background:repeating-linear-gradient(135deg,rgba(5,19,44,.98) 0 16px,rgba(7,25,54,.98) 16px 32px)!important;text-shadow:0 0 12px rgba(101,175,255,.22)}
.product-detail-epic .key-field.is-masked:after{content:"Güvenlik için gizlendi";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:Inter,"Segoe UI Variable",system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.02em;color:#7293bb;text-transform:none;text-shadow:none}
.product-detail-epic .key-field-row .btn{min-width:154px!important;border-radius:14px!important}
.product-detail-epic .key-actions{justify-content:flex-end;gap:8px!important}

.account-page{padding-bottom:34px!important}
.account-hero{min-height:156px;padding:24px 26px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:radial-gradient(circle at 82% 38%,rgba(36,123,255,.18),transparent 28%),linear-gradient(145deg,rgba(8,28,62,.95),rgba(4,16,36,.94))}
.account-hero h1{font-size:42px;letter-spacing:-.045em;margin:8px 0 8px}
.account-hero p{margin:0;color:#9fb4d0;font-size:13px;line-height:1.6;max-width:680px}
.account-hero-badge{min-width:300px;padding:15px 17px;border-radius:16px;border:1px solid rgba(77,157,255,.16);background:rgba(7,24,51,.62);display:flex;align-items:center;gap:13px}
.account-hero-badge>svg{width:30px;height:30px;color:#54dca4;stroke-width:1.8}.account-hero-badge b{display:block;font-size:14px}.account-hero-badge small{display:block;margin-top:4px;color:#87a0c1;font-size:10px;line-height:1.45}
.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.account-stat{min-height:78px;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px}.account-stat>svg{width:34px;height:34px;padding:8px;border-radius:10px;color:#62bdff;background:rgba(30,121,255,.14);border:1px solid rgba(80,155,255,.1)}.account-stat span{display:flex;flex-direction:column;gap:3px}.account-stat small{font-size:9px;color:#7892b5}.account-stat b{font-size:15px;color:#f4f8ff}
.account-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;align-items:start}
.account-panel{border-radius:16px;padding:20px;min-width:0}.account-panel-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid rgba(82,149,242,.11)}.account-panel-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(31,117,255,.22),rgba(14,50,112,.18));border:1px solid rgba(85,164,255,.15);color:#62bdff}.account-panel-icon svg{width:20px;height:20px}.account-panel-head h2{font-size:18px;margin:0 0 4px}.account-panel-head p{font-size:10px;color:#7f98ba;margin:0;line-height:1.45}
.account-details{display:grid;gap:10px}.account-details>div{padding:13px 14px;border-radius:12px;background:rgba(255,255,255,.018);border:1px solid rgba(83,151,240,.08);display:grid;grid-template-columns:130px 1fr;gap:4px 14px;align-items:center}.account-details span{font-size:10px;color:#7f98ba}.account-details b{font-size:12px;word-break:break-word}.account-details small{grid-column:2/3;font-size:9px;color:#6f88aa;line-height:1.4}
.account-password-form{display:grid;gap:12px}.account-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-password-form .field{margin:0;font-size:10px}.password-field{position:relative;margin-top:6px}.password-field input{width:100%;height:46px;border-radius:11px;padding:0 44px 0 13px!important}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:9px;border:0;background:transparent;color:#6e94bf;display:grid;place-items:center}.password-toggle:hover{background:rgba(46,128,255,.1);color:#8dccff}.password-toggle svg{width:16px;height:16px}.password-rules{display:grid;gap:7px;padding:12px 13px;border-radius:11px;background:rgba(25,117,255,.055);border:1px solid rgba(77,151,246,.09)}.password-rules span{display:flex;align-items:center;gap:7px;font-size:9px;color:#8ba4c5}.password-rules svg{width:13px;height:13px;color:#44d49c}.account-password-form>.btn{justify-self:start;min-height:42px!important;padding:0 15px!important}
.security-points{display:grid;gap:10px}.security-points>div{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;padding:12px;border-radius:11px;background:rgba(255,255,255,.018);border:1px solid rgba(83,151,240,.07)}.security-points>div>svg{width:18px;height:18px;color:#62bdff;margin:2px auto 0}.security-points b{display:block;font-size:11px;margin-bottom:4px}.security-points small{font-size:9px;color:#7892b4;line-height:1.48}
.danger-zone>p{font-size:10px!important;color:#8098b8!important;line-height:1.55;margin:0 0 13px}.danger-zone>.btn{min-height:40px!important}

@media(max-width:1180px){.account-grid{grid-template-columns:1fr}.account-hero-badge{min-width:0}.account-password-grid{grid-template-columns:1fr}}
@media(max-width:760px){.account-hero{align-items:flex-start;flex-direction:column}.account-hero h1{font-size:34px}.account-hero-badge{width:100%}.account-stats{grid-template-columns:1fr}.account-details>div{grid-template-columns:1fr}.account-details small{grid-column:1}.product-detail-epic .key-field-row{grid-template-columns:1fr!important}.product-detail-epic .key-field-row .btn{width:100%}.product-detail-epic .key-field.is-masked:after{display:none}}

/* === Account layout: keep security high in the left column === */
.account-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:12px;align-items:start}
.account-column{display:grid;gap:12px;align-content:start;min-width:0}
.account-columns .account-panel{margin:0}
.username-form{margin-top:14px;padding-top:14px;border-top:1px solid rgba(82,149,242,.1)}
.profile-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:7px}
.profile-edit-row input{height:44px;border-radius:11px}
.profile-edit-row .btn{height:44px;min-height:44px;padding:0 14px}
.field-help{display:block;margin-top:7px;color:#6f88aa;font-size:9px;line-height:1.5}
.security-panel .security-points{gap:9px}
.security-panel .security-points>div{min-height:62px}

/* === ItemSatış catalog === */
.store-page{padding-bottom:24px!important;overflow:hidden}
.store-head{min-height:90px}
.store-head h1{font-size:38px;margin:5px 0 7px}
.store-head p{font-size:11px;max-width:760px}
.store-toolbar{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;margin:5px 0 12px}
.store-toolbar .search{flex:1;display:flex;align-items:center;gap:9px;min-width:0}
.store-toolbar .search .icon{width:17px;height:17px;color:#65baff}
.store-toolbar input{border:0;background:transparent;outline:0;min-width:0;width:100%;font-size:11px}
.sync-state{display:inline-flex;align-items:center;gap:7px;color:#87a2c4;font-size:9.5px;white-space:nowrap}
.sync-state .icon{width:14px;height:14px}
.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;min-height:0}
.store-card{border-radius:15px;overflow:hidden;display:grid;grid-template-rows:118px 1fr;min-width:0;background:linear-gradient(180deg,rgba(8,27,59,.92),rgba(5,17,38,.94))}
.store-cover{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(49,139,255,.18),transparent 34%),#071733}
.store-cover img{width:100%;height:100%;object-fit:cover;display:block}
.store-cover:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(3,11,26,.76));pointer-events:none}
.store-cover-fallback{height:100%;display:grid;place-items:center;color:#63bfff}
.store-cover-fallback .icon{width:38px;height:38px}
.store-card-body{padding:12px;display:grid;gap:9px;align-content:start;min-width:0}
.store-card h3{margin:0;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.store-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9.5px;color:#8ca4c5}
.store-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0}.store-meta .icon{width:13px;height:13px}.store-meta b{font-size:11px;color:#e9f5ff;white-space:nowrap}
.store-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}
.store-card-actions .status{font-size:8px;padding:5px 7px;white-space:nowrap}
.store-card-actions .btn{min-height:34px!important;height:34px;padding:0 10px!important;font-size:8.5px!important;border-radius:9px!important;white-space:nowrap}
.store-card-actions .btn .icon{width:12px;height:12px}
.store-empty{grid-column:1/-1;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.store-empty>.icon{width:34px;height:34px;color:#63bfff;margin-bottom:10px}.store-empty h2{font-size:20px;margin:0 0 7px}.store-empty p{max-width:520px;font-size:10px;color:#849bbd;line-height:1.55}
.store-loading{grid-column:1/-1;min-height:220px;border-radius:15px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#9cb4d2}.store-loading .icon{width:28px;height:28px;animation:spin 1s linear infinite}
.store-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:11px;min-height:36px;font-size:10px;color:#8ba2c2}.store-pager .btn{min-width:36px;min-height:32px;height:32px;padding:0 10px}
.settings-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}

@keyframes spin{to{transform:rotate(360deg)}}

/* No inner scrollbars in user-facing catalog/account layouts */
.store-page,.store-grid,.store-card,.account-page,.account-columns,.account-column{scrollbar-width:none}
.store-page::-webkit-scrollbar,.store-grid::-webkit-scrollbar,.store-card::-webkit-scrollbar,.account-page::-webkit-scrollbar{display:none}

@media(max-width:1500px){
  .store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .store-card{grid-template-rows:110px 1fr}
}
@media(max-width:1260px){
  .account-columns{grid-template-columns:1fr}
  .store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .store-head h1{font-size:34px}
}
@media(max-width:1024px){
  .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-toolbar{align-items:stretch;flex-direction:column}.sync-state{white-space:normal}
}
@media(max-width:760px){
  .profile-edit-row{grid-template-columns:1fr}.profile-edit-row .btn{width:100%}
  .store-grid{grid-template-columns:1fr}.store-card{grid-template-rows:150px 1fr}
}

/* ===== ItemSatış active catalog / reference layout ===== */
.store-page.store-reference{max-width:none!important;padding:0 0 18px!important;overflow:visible!important}
.store-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 12px}
.store-title-left{display:flex;align-items:flex-start;gap:14px;min-width:0}.store-title-icon{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:16px;color:#74c7ff;background:linear-gradient(145deg,rgba(19,82,188,.72),rgba(7,28,68,.8));border:1px solid rgba(82,168,255,.22);box-shadow:0 0 20px rgba(35,120,255,.12)}.store-title-icon .icon{width:28px;height:28px}
.store-title-left h1{font-size:34px;line-height:1;margin:3px 0 7px;letter-spacing:-.045em}.store-title-left p{margin:0;max-width:830px;color:#91a8c8;font-size:11px;line-height:1.55}
.store-sync-area{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:220px}.store-refresh{min-height:38px!important;height:38px;padding:0 15px!important;border-radius:11px!important;font-size:10px!important}.store-refresh .icon{width:15px;height:15px}.sync-state{display:inline-flex;align-items:center;gap:6px;color:#8ca6ca;font-size:9px;white-space:nowrap}.sync-state .icon{width:12px;height:12px}.sync-state .lucide-loader-circle{animation:spin 1s linear infinite}
.store-hero{position:relative;height:150px;border-radius:16px;overflow:hidden;padding:20px 260px 18px 28px;margin-bottom:12px;background:radial-gradient(circle at 65% 40%,rgba(43,131,255,.23),transparent 31%),linear-gradient(115deg,rgba(7,28,64,.96),rgba(8,27,62,.9) 56%,rgba(5,17,39,.96));border:1px solid rgba(77,160,247,.22);box-shadow:none!important}.store-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 58%,rgba(38,117,228,.07) 58%,rgba(38,117,228,.03) 72%,transparent 72%);pointer-events:none}.store-hero-copy{position:relative;z-index:2;max-width:690px}.store-hero .eyebrow{font-size:8px;letter-spacing:.36em}.store-hero h2{font-size:36px;letter-spacing:-.05em;margin:6px 0 5px;line-height:1}.store-hero p{margin:0;color:#b1c5de;font-size:12px;line-height:1.45}.store-hero-trust{display:flex;align-items:center;gap:24px;margin-top:12px;color:#b8d5ef;font-size:9.5px}.store-hero-trust span{display:inline-flex;align-items:center;gap:7px}.store-hero-trust .icon{width:15px;height:15px;color:#43bdff}
.store-hero-art{position:absolute;right:122px;top:11px;width:250px;height:128px;z-index:1}.hero-brand-card{position:absolute;width:82px;height:112px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(111,187,255,.26);background:linear-gradient(165deg,rgba(20,58,126,.94),rgba(5,17,40,.96));box-shadow:0 12px 28px rgba(0,0,0,.22)}.hero-brand-card .icon{width:35px;height:35px}.hero-brand-card b{font-size:9px;letter-spacing:.08em}.hero-brand-card.steam{left:0;top:8px;transform:rotate(-6deg);color:#bfe7ff}.hero-brand-card.digital{left:76px;top:1px;transform:rotate(2deg);color:#43eb9b;background:linear-gradient(165deg,rgba(4,92,73,.86),rgba(5,22,39,.96))}.hero-brand-card.gaming{left:151px;top:12px;transform:rotate(7deg);color:#cfe3ff;background:linear-gradient(165deg,rgba(20,85,74,.86),rgba(5,22,39,.96))}
.store-hero-note{position:absolute;right:24px;top:25px;color:#70bfff;font-size:9px;line-height:1.65;letter-spacing:.26em;text-align:left}.store-hero-note b{color:#4cb9ff;font-weight:800}
.store-controls{display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(0,2fr) 178px;align-items:center;gap:10px;margin-bottom:11px}.store-search{height:42px;border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 13px;background:rgba(6,19,43,.86);border:1px solid rgba(74,148,238,.16)}.store-search .icon{width:17px;height:17px;color:#7fc7ff}.store-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dcecff;font-size:10px}.store-search input::placeholder{color:#6f89ad}
.store-filter-chips{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden}.store-chip{height:42px;padding:0 12px;border-radius:11px;border:1px solid rgba(74,148,238,.16);background:rgba(6,19,43,.78);color:#b9cce4;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.store-chip .icon{width:13px;height:13px}.store-chip:hover{border-color:rgba(69,172,255,.42);color:#eff8ff}.store-chip.active{background:linear-gradient(115deg,#167cf2,#23b9f4);border-color:#5dc9ff;color:#fff;box-shadow:0 0 14px rgba(32,140,255,.15)}
.store-sort{height:42px;border-radius:11px;border:1px solid rgba(74,148,238,.16);background:rgba(6,19,43,.84);color:#d9e9fb;padding:0 11px;font:inherit;font-size:9px;font-weight:700;outline:0}
.store-grid.reference{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;min-height:0!important;overflow:visible!important}.store-card.reference{position:relative;min-height:0!important;height:232px;grid-template-rows:104px 1fr!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(7,24,53,.96),rgba(4,15,34,.98))!important;border:1px solid rgba(73,149,240,.19);box-shadow:none!important;content-visibility:auto;contain-intrinsic-size:232px 260px}.store-card.reference:hover{border-color:rgba(59,173,255,.42);transform:translateY(-1px)}
.store-card.reference .store-cover{position:relative;height:104px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(49,139,255,.2),transparent 34%),#071733}.store-card.reference .store-cover img{width:100%;height:100%;display:block;object-fit:cover}.store-card.reference .store-cover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,transparent,rgba(3,11,26,.72));pointer-events:none}.store-cover-fallback{height:100%;display:grid;place-items:center;color:#66c3ff}.store-cover-fallback .icon{width:34px;height:34px}.store-heart{position:absolute;right:8px;top:8px;z-index:3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(3,11,26,.58);color:#fff;padding:0}.store-heart .icon{width:13px;height:13px}.store-ribbon{position:absolute;left:8px;top:8px;z-index:4;height:20px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;font-size:7px;font-weight:800;letter-spacing:.04em;color:#dff7ff;background:rgba(10,116,219,.82);border:1px solid rgba(71,196,255,.3)}.store-ribbon.popular{background:rgba(6,134,75,.85);color:#d7ffe7;border-color:rgba(48,225,128,.28)}
.store-card.reference .store-card-body{padding:8px 10px 9px!important;display:grid!important;grid-template-rows:auto auto auto 1fr;gap:3px!important;min-height:0!important}.store-card.reference h3{font-size:10.5px!important;line-height:1.28!important;min-height:27px!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-subtitle{margin:0;color:#7891b3;font-size:7.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-price-stock{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:2px}.store-stock{display:inline-flex;align-items:center;gap:4px;color:#899fbe;font-size:7.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-stock .icon{width:10px;height:10px}.store-price{font-size:10px;color:#eef7ff;white-space:nowrap}.store-card.reference .store-card-actions{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:7px!important;margin-top:2px!important}.store-card.reference .store-card-actions .status{font-size:7px!important;padding:4px 6px!important;border-radius:999px!important;white-space:nowrap}.store-card.reference .store-card-actions .btn{height:28px!important;min-height:28px!important;padding:0 8px!important;font-size:7.5px!important;border-radius:8px!important;white-space:nowrap}.store-card.reference .store-card-actions .btn .icon{width:10px;height:10px}
.store-footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:10px;color:#849abd;font-size:9px}.store-pager{margin:0!important;display:flex;align-items:center;gap:6px;min-height:30px}.store-pager .btn{min-width:30px!important;width:30px;height:30px!important;min-height:30px!important;padding:0!important;border-radius:8px!important;font-size:9px!important}.store-page-size{justify-self:end;display:flex;align-items:center;gap:7px}.store-page-size select{height:34px;border-radius:9px;border:1px solid rgba(74,148,238,.16);background:#07182f;color:#cfe1f7;padding:0 9px;font:inherit;font-size:9px;outline:0}
.store-empty{grid-column:1/-1!important;min-height:230px!important;border-radius:14px!important}.store-loading{grid-column:1/-1!important;min-height:230px!important;border-radius:14px!important}
.store-reference,.store-reference *{scrollbar-width:none}.store-reference *::-webkit-scrollbar{display:none}
@media(max-width:1540px){.store-hero{padding-right:238px}.store-hero-art{right:96px}.store-hero-note{display:none}.store-controls{grid-template-columns:minmax(230px,.9fr) minmax(0,1.8fr) 160px}.store-chip{padding:0 9px;font-size:8px}.store-card.reference{height:222px;grid-template-rows:98px 1fr!important}.store-card.reference .store-cover{height:98px}}
@media(max-width:1280px){.store-grid.reference{grid-template-columns:repeat(4,minmax(0,1fr))!important}.store-hero{height:138px;padding:17px 220px 15px 20px}.store-hero h2{font-size:31px}.store-hero-art{transform:scale(.88);transform-origin:right center;right:54px;top:5px}.store-controls{grid-template-columns:1fr 160px}.store-filter-chips{grid-column:1/-1;order:3;overflow:visible;flex-wrap:wrap}.store-chip{height:34px}.store-search,.store-sort{height:38px}.store-card.reference{height:214px;grid-template-rows:92px 1fr!important}.store-card.reference .store-cover{height:92px}.store-card.reference .store-card-body{padding:7px 8px 8px!important}.store-card.reference h3{font-size:9.5px!important}}
@media(max-width:1080px){.store-grid.reference{grid-template-columns:repeat(2,minmax(0,1fr))!important}.store-hero-art{display:none}.store-hero{padding-right:20px}.store-title-row{flex-direction:column}.store-sync-area{align-items:flex-start}.store-card.reference{height:232px;grid-template-rows:112px 1fr!important}.store-card.reference .store-cover{height:112px}.store-footer-row{grid-template-columns:1fr}.store-page-size{justify-self:start}.store-pager{justify-content:flex-start}}

/* ===== VOW Digital / ana sayfa giriş görseli + başarılı giriş penceresi ===== */
.home-site .top-actions:empty{display:none!important}

.home-site .hero-login{
  isolation:isolate!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(3,11,25,.80),rgba(2,9,21,.94))!important;
}
.home-site .hero-login::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-8px;
  background:
    linear-gradient(180deg,rgba(0,4,12,.36),rgba(0,5,14,.78)),
    url('/vow-login-bg.png') center center/cover no-repeat;
  opacity:.58;
  filter:blur(1.2px) saturate(.9) contrast(1.02);
  transform:scale(1.035);
  pointer-events:none;
}
.home-site .hero-login::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    radial-gradient(circle at 72% 18%,rgba(27,142,255,.14),transparent 37%),
    linear-gradient(90deg,rgba(1,7,18,.54),rgba(1,7,18,.22) 52%,rgba(0,5,14,.48));
  pointer-events:none;
}
.home-site .hero-login>*,
.home-site .hero-login form{position:relative;z-index:1}
.home-site .hero-login .field-with-icon{background:rgba(1,8,20,.68)!important;backdrop-filter:blur(7px)}
.home-site .hero-login .login-hint.compact{background:rgba(3,13,31,.68)!important;backdrop-filter:blur(7px)}

.login-success-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,5,14,.34);
  backdrop-filter:blur(4px);
  animation:vowLoginFade .18s ease-out both;
}
.login-success-card{
  position:relative;
  width:min(390px,calc(100vw - 36px));
  min-height:116px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:16px;
  padding:22px 24px 25px;
  overflow:hidden;
  border:1px solid rgba(75,172,255,.38);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(7,25,53,.97),rgba(3,12,28,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.46),0 0 35px rgba(31,132,255,.16);
  animation:vowLoginPop .24s cubic-bezier(.2,.8,.2,1) both;
}
.login-success-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:17px;
  color:#70e2b2;
  background:linear-gradient(145deg,rgba(31,209,139,.20),rgba(28,116,255,.13));
  border:1px solid rgba(89,226,180,.24);
  box-shadow:inset 0 0 18px rgba(65,214,174,.08),0 0 20px rgba(45,196,165,.10);
}
.login-success-icon .icon{width:29px;height:29px}
.login-success-card b{display:block;font-size:18px;line-height:1.25;color:#f3f8ff;letter-spacing:-.02em}
.login-success-card small{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:#98b2d2}
.login-success-loader{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:3px;
  transform-origin:left center;
  background:linear-gradient(90deg,#34d7a1,#36a8ff);
  animation:vowLoginLoad 2s linear forwards;
  box-shadow:0 0 12px rgba(52,168,255,.55);
}
@keyframes vowLoginFade{from{opacity:0}to{opacity:1}}
@keyframes vowLoginPop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes vowLoginLoad{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.login-success-overlay,.login-success-card,.login-success-loader{animation:none!important}}

/* ======================================================================
   VOW Digital — premium user experience pass (2026-09-09)
   Home / search / library / store / confirmation modal / readability
   ====================================================================== */

/* --- Home: reference-inspired scene, no guest actions in the upper right --- */
.home-site{
  min-height:100svh!important;
  background:#020711!important;
  position:relative!important;
  isolation:isolate;
}
.home-site .home-scene{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  background:url('/vow-home-bg.jpg') center center/cover no-repeat;
  transform:scale(1.015);
  pointer-events:none;
}
.home-site .home-scene:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 57% 43%,rgba(0,151,255,.11),transparent 28%),
    linear-gradient(90deg,rgba(0,5,14,.26) 0%,rgba(0,5,14,.15) 43%,rgba(0,5,14,.29) 100%),
    linear-gradient(180deg,rgba(0,4,12,.12),rgba(0,5,14,.36));
}
.home-site .home-scene:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 62%,rgba(1,7,17,.34) 100%);
}
.home-site .topbar.minimal{
  position:relative!important;
  z-index:10!important;
  height:78px!important;
  min-height:78px!important;
  border-bottom:1px solid rgba(91,170,255,.12)!important;
  background:linear-gradient(180deg,rgba(1,6,15,.34),rgba(1,6,15,.04))!important;
}
.home-site .top-actions:empty{display:none!important}
.home-site .brand-text{font-size:27px!important;text-shadow:0 2px 22px rgba(0,0,0,.4)}
.home-site .hero-single{
  position:relative!important;
  z-index:3!important;
  height:calc(100svh - 78px)!important;
  min-height:690px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(410px,.62fr)!important;
  gap:68px!important;
  align-items:center!important;
  padding:20px 0 30px!important;
}
.home-site .hero-copy{max-width:820px}
.home-site .hero-copy .eyebrow{display:flex!important;align-items:center;gap:12px;font-size:10px!important;letter-spacing:.32em!important;color:#52cffc!important}
.home-site .hero-copy .eyebrow>span{display:block;width:44px;height:1px;background:linear-gradient(90deg,#56d7ff,transparent);box-shadow:0 0 10px #3ac3ff}
.home-site .hero-copy h1{font-size:clamp(58px,5vw,82px)!important;line-height:.98!important;letter-spacing:-.065em!important;margin:18px 0 18px!important;text-shadow:0 8px 28px rgba(0,0,0,.38)}
.home-site .hero-copy>p{font-size:15.5px!important;line-height:1.63!important;max-width:735px!important;color:#c4d7ea!important;text-shadow:0 2px 15px rgba(0,0,0,.45)}
.home-site .hero-steps{margin:24px 0 20px!important;max-width:740px!important}
.home-site .flow-step{grid-template-columns:48px 1fr!important;gap:12px!important}
.home-site .flow-step>span{width:48px!important;height:48px!important;background:linear-gradient(145deg,#086be6,#28c7ff)!important;border:1px solid rgba(132,224,255,.7)!important;box-shadow:0 0 22px rgba(11,142,255,.38)!important}
.home-site .flow-step b{font-size:14px!important;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.home-site .flow-step small{font-size:11px!important;color:#a9c0d9!important}
.home-site .hero-code-panel{
  max-width:760px!important;
  padding:18px 20px 15px!important;
  border-radius:18px!important;
  border:1px solid rgba(62,180,255,.58)!important;
  background:linear-gradient(145deg,rgba(4,17,38,.80),rgba(3,12,28,.88))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.27),0 0 34px rgba(20,134,255,.12)!important;
  scroll-margin-top:100px;
}
.home-site .hero-code-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin-bottom:12px!important}
.home-site .hero-code-head small{font-size:10px!important;letter-spacing:.3em!important}
.home-site .hero-code-head>span{display:inline-flex;align-items:center;gap:7px;color:#9fc2df;font-size:10.5px;font-weight:600}
.home-site .hero-code-head>span .icon{width:15px;height:15px;color:#65d3ff}
.home-site .hero-code-form{grid-template-columns:minmax(0,1fr) 210px!important}
.home-site .code-input{height:58px!important;background:rgba(0,7,18,.73)!important}
.home-site .code-input input{font-size:18px!important;color:#f2f8ff!important}
.home-site .hero-code-form .btn{height:58px!important;min-height:58px!important;font-size:14px!important}
.home-site .hero-code-note{display:flex;align-items:center;gap:9px;padding-top:11px!important;font-size:11.5px!important;color:#63e1ad!important}
.home-site .hero-check{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#17b97b;box-shadow:0 0 18px rgba(22,213,137,.42);color:white}
.home-site .hero-check .icon{width:14px;height:14px}
.home-site .hero-code-panel.code-focus{animation:vowCodeFocus .72s ease-out both}
@keyframes vowCodeFocus{0%{box-shadow:0 16px 42px rgba(0,0,0,.27),0 0 0 rgba(48,184,255,0)}45%{box-shadow:0 16px 42px rgba(0,0,0,.27),0 0 0 4px rgba(48,184,255,.22),0 0 48px rgba(48,184,255,.25)}100%{box-shadow:0 16px 42px rgba(0,0,0,.27),0 0 34px rgba(20,134,255,.12)}}
.home-site .hero-login{
  align-self:center!important;
  padding:31px 34px 27px!important;
  border-radius:22px!important;
  border:1px solid rgba(80,190,255,.68)!important;
  background:linear-gradient(155deg,rgba(5,22,48,.86),rgba(2,10,24,.93))!important;
  box-shadow:0 28px 70px rgba(0,0,0,.35),0 0 34px rgba(19,151,255,.18),inset 0 0 42px rgba(26,114,230,.045)!important;
  backdrop-filter:blur(7px)!important;
}
.home-site .hero-login::before,.home-site .hero-login::after{display:none!important}
.home-site .hero-login-top{margin-bottom:14px!important}
.home-site .hero-user-icon{width:56px!important;height:56px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(23,129,255,.27),rgba(9,54,130,.28))!important;border:1px solid rgba(73,180,255,.35)!important;box-shadow:0 0 24px rgba(19,130,255,.16)}
.home-site .hero-user-icon .icon{width:26px!important;height:26px!important;color:#72d2ff}
.home-site .hero-login-top b{font-size:14px!important}.home-site .hero-login-top small{font-size:11px!important;color:#91a9c7!important}
.home-site .hero-login h2{font-size:48px!important;margin:10px 0 10px!important}
.home-site .hero-login>p{font-size:13.5px!important;line-height:1.55!important;color:#adbed3!important;margin-bottom:17px!important}
.home-site .hero-login .field{font-size:12px!important;margin:12px 0!important}
.home-site .field-with-icon{height:49px!important;border-radius:12px!important;background:rgba(0,8,20,.68)!important}
.home-site .hero-login .field-with-icon input{font-size:13.5px!important}
.home-site .hero-login .btn.primary{height:53px!important;min-height:53px!important;font-size:14px!important;border-radius:12px!important}
.home-site .hero-login .orline{margin:11px 0!important}
.home-site .home-create-code{height:46px!important;min-height:46px!important;font-size:12px!important;background:rgba(2,12,28,.54)!important}
.home-site .login-hint.compact{margin-top:13px!important;background:rgba(5,19,41,.62)!important}
.home-site .login-hint.compact b{font-size:12px!important}.home-site .login-hint.compact small{font-size:10.5px!important}

/* --- Lightweight user-panel motion (GPU-friendly, no continuous animation) --- */
.epic-workspace .main>.page{animation:vowPanelEnter .28s cubic-bezier(.2,.75,.25,1) both}
.library-product-grid>.library-card,.store-grid>.store-card{animation:vowCardEnter .3s ease-out both}
.library-product-grid>.library-card:nth-child(2),.store-grid>.store-card:nth-child(2){animation-delay:35ms}
.library-product-grid>.library-card:nth-child(3),.store-grid>.store-card:nth-child(3){animation-delay:55ms}
.library-product-grid>.library-card:nth-child(4),.store-grid>.store-card:nth-child(4){animation-delay:75ms}
@keyframes vowPanelEnter{from{opacity:0;transform:translate3d(0,7px,0)}to{opacity:1;transform:none}}
@keyframes vowCardEnter{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}

/* --- Top search: real library + ItemSatış suggestions --- */
.workspace-search-wrap{position:relative;min-width:0;z-index:45}
.workspace-search-wrap .workspace-search{width:100%}
.workspace-search input{font-size:13px!important;color:#dcecff!important}
.workspace-search input::placeholder{color:#718aaa}
.workspace-search-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:100;
  display:none;
  overflow:hidden;
  border:1px solid rgba(77,159,255,.25);
  border-radius:15px;
  background:linear-gradient(160deg,rgba(7,23,48,.985),rgba(3,12,28,.99));
  box-shadow:0 22px 55px rgba(0,0,0,.4),0 0 24px rgba(31,130,255,.08);
}
.workspace-search-dropdown.open{display:block;animation:vowSearchOpen .14s ease-out both}
@keyframes vowSearchOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.search-drop-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px 9px;border-bottom:1px solid rgba(79,147,231,.09)}
.search-drop-head span{font-size:11px;font-weight:800;color:#eaf4ff}.search-drop-head small{font-size:9.5px;color:#7892b5}
.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;padding:12px}
.search-suggestions button{height:34px;padding:0 11px;border-radius:9px;border:1px solid rgba(80,158,255,.18);background:rgba(18,65,130,.16);color:#bcd4ef;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.search-suggestions button:hover{border-color:rgba(70,184,255,.45);background:rgba(20,104,201,.2);color:white}.search-suggestions .icon{width:13px;height:13px}
.search-results{padding:6px}
.search-result{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:7px 9px;border-radius:10px;text-decoration:none;border:1px solid transparent}
.search-result:hover,.search-result.first-result{background:rgba(25,95,178,.12);border-color:rgba(72,157,251,.12)}
.search-result img,.search-result-icon{width:42px;height:42px;border-radius:9px;object-fit:cover;background:#081a37;border:1px solid rgba(72,153,246,.12)}
.search-result-icon{display:grid;place-items:center;color:#6fc4ff}.search-result-icon .icon{width:18px;height:18px}
.search-result>span{min-width:0}.search-result b{display:block;font-size:12px;color:#f0f7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result small{display:block;margin-top:3px;font-size:9.5px;color:#7f99ba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-result em{font-style:normal;font-size:9px;color:#76bfff;display:flex;align-items:center;gap:5px;white-space:nowrap}.search-result em .icon{width:12px;height:12px}
.search-no-result{display:flex;align-items:center;gap:12px;padding:17px 15px;color:#83a0c2}.search-no-result>.icon{width:24px;height:24px}.search-no-result b{display:block;color:#dcecff;font-size:12px}.search-no-result small{display:block;font-size:10px;margin-top:4px}

/* --- Premium custom dropdown (replaces native date/sort dropdowns) --- */
.pro-select{position:relative;min-width:210px;z-index:25}
.pro-select-trigger{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-radius:11px;border:1px solid rgba(78,156,250,.18);background:rgba(5,20,44,.91);color:#dcecff;font:inherit;font-size:11px;font-weight:750;text-align:left}
.pro-select-trigger .icon{width:15px;height:15px;color:#6cbfff}
.pro-select.open .pro-select-trigger{border-color:rgba(66,183,255,.5);box-shadow:0 0 0 3px rgba(33,133,255,.08)}
.pro-select-menu{position:absolute;z-index:80;top:calc(100% + 7px);right:0;width:max(100%,235px);display:none;padding:6px;border-radius:12px;border:1px solid rgba(77,158,255,.25);background:#06152e;box-shadow:0 18px 42px rgba(0,0,0,.38)}
.pro-select.open .pro-select-menu{display:grid;animation:vowSearchOpen .12s ease-out both}
.pro-select-menu button{width:100%;min-height:38px;display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:#9fb6d2;text-align:left;font-size:10.5px;font-weight:650}
.pro-select-menu button:hover,.pro-select-menu button.selected{background:rgba(29,111,214,.18);color:#eff8ff}.pro-select-menu .icon{width:14px;height:14px;color:#5dbfff}.pro-select-menu button:not(.selected) .icon{opacity:.18}

/* --- User-panel readability --- */
.epic-workspace .workspace-grid.shell{grid-template-columns:238px minmax(0,1fr)!important}
.epic-workspace .epic-sidebar>a,.epic-workspace .epic-sidebar>button{font-size:13px!important}
.epic-workspace .side-brand span{font-size:11px!important;line-height:1.45!important}
.epic-workspace .side-visual b{font-size:15px!important}.epic-workspace .side-visual small{font-size:10.5px!important}
.epic-workspace .profile-pill b{font-size:13px!important}.epic-workspace .profile-pill small{font-size:10.5px!important}

/* --- Library: more professional hierarchy and readable dates --- */
.library-premium{padding-top:0!important}
.library-overview{
  min-height:172px;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:25px;
  align-items:center;
  padding:24px 28px;
  overflow:hidden;
  border-radius:20px;
  background:radial-gradient(circle at 84% 50%,rgba(36,144,255,.22),transparent 25%),linear-gradient(130deg,rgba(8,29,62,.96),rgba(4,16,37,.94))!important;
}
.library-overview:after{content:"";position:absolute;right:75px;top:-150px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(66,171,255,.11);box-shadow:0 0 70px rgba(27,120,255,.09);pointer-events:none}
.library-overview-copy{position:relative;z-index:2}.library-overview .eyebrow{font-size:9.5px!important}.library-overview h1{font-size:52px!important;line-height:1!important;letter-spacing:-.055em!important;margin:8px 0 8px!important}.library-overview p{max-width:740px;margin:0;color:#afc3dc;font-size:13px;line-height:1.55}
.library-overview-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.library-overview-badges span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;border:1px solid rgba(70,159,255,.13);background:rgba(9,35,73,.34);font-size:9.5px;color:#9fbfe0}.library-overview-badges .icon{width:13px;height:13px;color:#5ec5ff}
.library-vault{position:relative;z-index:2;width:155px;height:135px;justify-self:center;display:grid;place-items:center;align-content:center;border-radius:34px;background:linear-gradient(145deg,rgba(25,104,214,.18),rgba(5,22,48,.35));border:1px solid rgba(74,172,255,.16);box-shadow:inset 0 0 40px rgba(20,111,235,.08)}
.library-vault .vault-icon{color:#62caff}.library-vault .vault-icon .icon{width:32px;height:32px}.library-vault b{font-size:30px;line-height:1;margin-top:5px}.library-vault small{font-size:8px;letter-spacing:.24em;color:#7fa5c9;margin-top:5px}.vault-ring{position:absolute;width:105px;height:105px;border-radius:50%;border:1px solid rgba(75,188,255,.15);box-shadow:0 0 32px rgba(30,128,255,.12)}
.library-premium .library-stats{margin-top:11px!important;gap:10px!important}.library-premium .lib-stat{min-height:96px!important;padding:14px 16px!important}.library-premium .lib-stat strong{font-size:13.5px!important}.library-premium .lib-stat small,.library-premium .lib-stat em{font-size:10px!important}.library-premium .lib-stat.latest strong{margin:1px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-premium .lib-stat.latest em{color:#75bff2!important}
.library-premium .library-redeem.reference{margin-top:11px!important;background:linear-gradient(135deg,rgba(7,27,60,.94),rgba(4,17,38,.92))!important}.library-premium .library-redeem.reference h2{font-size:18px!important}.library-premium .library-redeem.reference p{font-size:11px!important}.library-premium .redeem-help{font-size:10px!important}
.library-controls.premium-controls{position:relative;overflow:visible!important;z-index:20;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(390px,500px)!important;gap:12px!important;align-items:center!important;margin:12px 0 11px!important}
.library-controls .filter-pills{display:flex;gap:7px;min-width:0}.library-controls .filter-pill{height:42px!important;padding:0 11px!important;font-size:10px!important;border-radius:10px!important;gap:6px!important}.library-controls .filter-pill b{min-width:19px;height:19px;padding:0 5px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.07);font-size:8px}.library-controls .filter-pill .icon{width:14px!important;height:14px!important}
.library-searchsort{display:grid!important;grid-template-columns:minmax(0,1fr) 214px!important;gap:9px!important}.library-searchsort .search{height:44px!important;border-radius:11px!important;display:flex;align-items:center;gap:8px;padding:0 12px!important}.library-searchsort .search input{font-size:11px!important}
.library-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
.library-card.reference{min-height:205px!important;grid-template-columns:150px minmax(0,1fr)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(7,25,54,.96),rgba(4,15,34,.96))!important;border:1px solid rgba(74,153,241,.16)!important;overflow:hidden!important;transition:border-color .16s ease,transform .16s ease!important}
.library-card.reference:hover{transform:translateY(-2px)!important;border-color:rgba(62,183,255,.42)!important}
.library-card.reference .card-media{padding:9px!important}.library-card.reference .card-media .art{min-height:185px!important;border-radius:12px!important}
.library-card.reference .card-main{padding:13px 14px 13px 4px!important;display:flex!important;flex-direction:column!important;min-width:0!important}.library-card.reference .card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.library-card.reference .tag{font-size:8.5px!important;border-radius:7px!important;padding:5px 7px!important}.library-card.reference .status{font-size:8px!important;padding:5px 7px!important}.library-card.reference h3{font-size:16px!important;line-height:1.25!important;margin:8px 0 5px!important}.library-card.reference .card-desc{font-size:10px!important;line-height:1.48!important;color:#8fa6c4!important;margin:0 0 9px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-info-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.added-date,.card-platform{min-width:0;min-height:44px;display:grid;grid-template-columns:27px minmax(0,1fr);gap:7px;align-items:center;padding:6px 8px;border-radius:9px;background:rgba(8,34,72,.36);border:1px solid rgba(75,151,237,.08)}.added-date>.icon,.card-platform>.icon{width:15px;height:15px;color:#63c5ff;margin:auto}.added-date span,.card-platform span{min-width:0}.added-date small,.card-platform small{display:block;font-size:7px;letter-spacing:.08em;color:#6f8fb3}.added-date b,.card-platform b{display:block;margin-top:2px;font-size:9px;line-height:1.2;color:#d8e9fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.library-card.reference .card-actions.single{margin-top:9px!important}.library-card.reference .card-actions.single .btn{min-height:38px!important;height:38px!important;border-radius:9px!important;font-size:10px!important}
.library-empty-card,.library-discover-card{min-height:205px!important}.library-discover-card h3,.library-empty-card h3{font-size:17px!important}.library-discover-card p,.library-empty-card p{font-size:11px!important}

/* --- Product detail: date block alignment --- */
.product-detail-epic .showcase-copycode{min-height:74px!important;align-items:center!important;padding:12px 14px!important}
.product-detail-epic .showcase-copycode>div{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:46px!important}
.product-detail-epic .showcase-copycode small{font-size:8.5px!important;line-height:1.2!important;letter-spacing:.08em!important}
.product-detail-epic .showcase-copycode b{font-size:12px!important;line-height:1.3!important;margin-top:4px!important}
.product-detail-epic .date-copycode em{font-style:normal;font-size:9px;color:#72a8d1;margin-top:3px}
.product-detail-epic .date-copycode .micon{display:grid!important;place-items:center!important}.product-detail-epic .date-copycode .micon .icon{width:17px;height:17px}

/* --- Store: cleaner, larger and category-aware --- */
.store-premium{padding-top:0!important;overflow:visible!important}
.store-premium .store-title-row{align-items:center!important;margin:0 0 10px!important}.store-premium .store-title-left{display:flex;align-items:center;gap:14px}.store-premium .store-title-icon{width:48px;height:48px;border-radius:14px!important}.store-premium .store-title-icon .icon{width:22px;height:22px}.store-premium .store-title-left .eyebrow{font-size:8.5px}.store-premium .store-title-left h1{font-size:38px!important;margin:2px 0 3px!important}.store-premium .store-title-left p{max-width:790px;font-size:11.5px!important;line-height:1.5!important;margin:0;color:#94abc8}
.store-title-badge{display:flex;align-items:center;gap:10px;min-width:270px;padding:11px 13px;border-radius:12px;border:1px solid rgba(69,163,255,.13);background:rgba(7,27,59,.55)}.store-title-badge>.icon{width:23px;height:23px;color:#50d8a2}.store-title-badge b{display:block;font-size:10.5px}.store-title-badge small{display:block;margin-top:3px;font-size:8.5px;color:#7f9aba}
.store-premium .store-hero{height:154px!important;padding:21px 300px 19px 24px!important;border-radius:17px!important;margin-bottom:11px!important;background:radial-gradient(circle at 72% 45%,rgba(38,151,255,.21),transparent 27%),linear-gradient(115deg,rgba(7,29,64,.97),rgba(4,17,39,.97))!important}.store-premium .store-hero h2{font-size:34px!important;line-height:1!important;margin:6px 0 7px!important}.store-premium .store-hero p{font-size:11.5px!important;line-height:1.5!important}.store-premium .store-hero-trust{font-size:9.5px!important;gap:20px!important;margin-top:11px!important}
.store-premium .store-hero-art{display:block!important;position:absolute!important;right:42px!important;top:10px!important;width:230px!important;height:135px!important;transform:none!important}.store-core{position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%) rotate(45deg);display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,rgba(15,100,235,.34),rgba(24,198,255,.18));border:1px solid rgba(85,193,255,.32);box-shadow:0 0 38px rgba(21,135,255,.18);font-size:0}.store-core:after{content:"V";transform:rotate(-45deg);font-size:36px;font-weight:900;color:#bdeaff;text-shadow:0 0 20px #27a9ff}.store-orbit{position:absolute;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(7,32,70,.86);border:1px solid rgba(85,181,255,.22);color:#6ec8ff}.store-orbit .icon{width:18px;height:18px}.store-orbit.one{left:10px;top:28px}.store-orbit.two{right:9px;top:18px}.store-orbit.three{right:24px;bottom:6px}
.premium-store-controls{position:relative!important;z-index:35!important;display:grid!important;grid-template-columns:minmax(250px,.85fr) minmax(0,1.65fr) 225px!important;gap:9px!important;align-items:center!important;margin-bottom:11px!important;overflow:visible!important}.premium-store-controls .store-search{height:44px!important;border-radius:11px!important}.premium-store-controls .store-search input{font-size:11px!important}.premium-store-controls .store-filter-chips{gap:6px!important;overflow:visible!important}.premium-store-controls .store-chip{height:40px!important;padding:0 9px!important;font-size:9px!important;border-radius:10px!important}.premium-store-controls .store-chip .icon{width:13px!important;height:13px!important}.premium-store-controls .pro-select{min-width:225px}
.store-grid.reference{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;overflow:visible!important}.store-card.reference{height:286px!important;grid-template-rows:142px 1fr!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(7,24,52,.98),rgba(3,14,31,.98))!important;border:1px solid rgba(72,151,240,.17)!important;box-shadow:0 10px 25px rgba(0,0,0,.12)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}.store-card.reference:hover{transform:translateY(-2px)!important;border-color:rgba(57,183,255,.45)!important;box-shadow:0 15px 28px rgba(0,0,0,.2),0 0 20px rgba(24,132,255,.07)!important}.store-card.reference .store-cover{height:142px!important}.store-card.reference .store-cover:after{height:34%!important}.store-cover-tags{position:absolute;z-index:4;left:9px;right:9px;top:9px;display:flex;align-items:center;justify-content:space-between;gap:7px}.store-category-tag,.store-featured-tag{min-height:25px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:5px;border:1px solid rgba(115,207,255,.26);background:rgba(2,13,30,.78);color:#dff4ff;font-size:8px;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(5px)}.store-category-tag{background:linear-gradient(135deg,rgba(12,88,176,.9),rgba(4,40,93,.88))}.store-featured-tag{border-radius:7px;color:#bfeaff}.store-featured-tag .icon{width:11px;height:11px;color:#65d1ff}
.store-card.reference .store-card-body{padding:10px 11px 11px!important;display:flex!important;flex-direction:column!important;gap:5px!important}.store-card-kicker{font-size:8px;font-weight:800;letter-spacing:.08em;color:#68b9ed;text-transform:uppercase}.store-card.reference h3{font-size:12px!important;line-height:1.32!important;min-height:32px!important;margin:0!important;-webkit-line-clamp:2!important}.store-card.reference .store-price-stock{margin-top:auto!important;min-height:24px}.store-card.reference .store-stock{font-size:9px!important;color:#8fa7c5!important}.store-card.reference .store-stock .icon{width:12px!important;height:12px!important}.store-card.reference .store-price{font-size:13px!important;color:#f1f8ff!important}.store-card.reference .store-card-actions{align-items:center!important;margin-top:5px!important}.store-card.reference .store-card-actions .status{font-size:8px!important;padding:5px 7px!important}.store-card.reference .store-card-actions .btn{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:9px!important;border-radius:8px!important}.store-card.reference .store-card-actions .btn .icon{width:11px!important;height:11px!important}.store-footer-row{font-size:10px!important;margin-top:11px!important}.store-auto-note{justify-self:end;display:flex;align-items:center;gap:6px;color:#7793b6;font-size:9.5px}.store-auto-note .icon{width:13px;height:13px}.store-pager .btn{font-size:10px!important}

/* --- Professional logout confirmation --- */
.confirm-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:rgba(0,5,13,.58);backdrop-filter:blur(7px);animation:vowLoginFade .16s ease-out both}
.confirm-card{position:relative;width:min(500px,calc(100vw - 30px));padding:25px 26px 22px;border-radius:20px!important;background:linear-gradient(150deg,rgba(8,27,58,.985),rgba(3,13,30,.99))!important;border:1px solid rgba(80,169,255,.3)!important;box-shadow:0 28px 80px rgba(0,0,0,.5),0 0 32px rgba(28,130,255,.12)!important;animation:vowLoginPop .2s ease-out both}.confirm-x{position:absolute;right:13px;top:13px;width:34px;height:34px;border-radius:9px;border:1px solid rgba(84,154,239,.11);background:rgba(3,13,29,.35);color:#8da8c9;display:grid;place-items:center}.confirm-x:hover{color:white;border-color:rgba(80,180,255,.3)}.confirm-x .icon{width:16px;height:16px}.confirm-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;color:#75caff;background:linear-gradient(145deg,rgba(27,118,238,.24),rgba(10,53,119,.18));border:1px solid rgba(86,174,255,.2);margin-bottom:17px}.confirm-icon .icon{width:27px;height:27px}.confirm-copy .eyebrow{font-size:8.5px!important}.confirm-copy h2{font-size:24px;line-height:1.2;letter-spacing:-.035em;margin:7px 35px 8px 0}.confirm-copy p{margin:0;color:#91a9c7;font-size:11.5px;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px;padding-top:16px;border-top:1px solid rgba(76,145,229,.1)}.confirm-actions .btn{min-height:42px;font-size:11px}

/* --- Responsive refinements --- */
@media(max-width:1366px) and (min-width:1101px){
  .home-site .shell{width:min(1280px,calc(100% - 34px))!important}
  .home-site .hero-single{height:calc(100svh - 70px)!important;min-height:650px!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:38px!important;padding:12px 0 18px!important}
  .home-site .topbar.minimal{height:70px!important;min-height:70px!important}
  .home-site .hero-copy h1{font-size:53px!important;margin:11px 0 13px!important}.home-site .hero-copy>p{font-size:12.5px!important;line-height:1.52!important;margin-bottom:13px!important}.home-site .hero-steps{margin:13px 0 13px!important}.home-site .flow-step{grid-template-columns:39px 1fr!important;gap:9px!important}.home-site .flow-step>span{width:39px!important;height:39px!important}.home-site .flow-step b{font-size:11.5px!important}.home-site .flow-step small{font-size:9px!important}.home-site .hero-code-panel{padding:13px 15px 12px!important}.home-site .code-input,.home-site .hero-code-form .btn{height:48px!important;min-height:48px!important}.home-site .hero-login{padding:21px 23px 19px!important}.home-site .hero-login h2{font-size:39px!important}.home-site .hero-login>p{font-size:11.5px!important}.home-site .field-with-icon{height:42px!important}.home-site .hero-login .btn.primary{height:45px!important;min-height:45px!important}.home-site .home-create-code{height:40px!important;min-height:40px!important}.home-site .login-hint.compact{padding:9px!important;margin-top:9px!important}
  .epic-workspace .shell{width:min(1300px,calc(100% - 28px))!important}.epic-workspace .workspace-grid.shell{grid-template-columns:210px minmax(0,1fr)!important;gap:14px!important}.library-overview{min-height:145px;padding:18px 21px;grid-template-columns:minmax(0,1fr) 170px}.library-overview h1{font-size:43px!important}.library-overview p{font-size:11px}.library-vault{width:130px;height:110px}.library-premium .lib-stat{min-height:84px!important}.library-controls.premium-controls{grid-template-columns:1fr 420px!important}.library-controls .filter-pill{font-size:8.8px!important;padding:0 8px!important}.library-card.reference{grid-template-columns:132px minmax(0,1fr)!important;min-height:190px!important}.library-card.reference .card-media .art{min-height:170px!important}.library-card.reference h3{font-size:14px!important}.library-card.reference .card-desc{font-size:9px!important}.added-date b,.card-platform b{font-size:8px}.store-premium .store-title-left h1{font-size:33px!important}.store-premium .store-title-left p{font-size:10px!important}.store-premium .store-hero{height:135px!important;padding:17px 260px 15px 20px!important}.store-premium .store-hero h2{font-size:29px!important}.store-premium .store-hero p{font-size:10px!important}.store-premium .store-hero-art{right:28px!important;transform:scale(.84)!important;transform-origin:right center!important}.premium-store-controls{grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr) 205px!important}.premium-store-controls .store-chip{font-size:8px!important;padding:0 7px!important}.store-card.reference{height:258px!important;grid-template-rows:124px 1fr!important}.store-card.reference .store-cover{height:124px!important}.store-card.reference h3{font-size:10.5px!important}.store-card.reference .store-price{font-size:11px!important}
}
@media(max-width:1100px){
  .home-site{overflow:auto!important}.home-site .hero-single{height:auto!important;min-height:calc(100svh - 74px)!important;grid-template-columns:1fr!important;gap:24px!important;padding:28px 0 36px!important}.home-site .hero-copy,.home-site .hero-login{max-width:780px;width:100%;justify-self:center}.home-site .hero-login{margin-bottom:20px}.library-overview{grid-template-columns:1fr}.library-vault{display:none}.library-controls.premium-controls{grid-template-columns:1fr!important}.library-searchsort{max-width:560px}.library-product-grid{grid-template-columns:1fr!important}.premium-store-controls{grid-template-columns:1fr 220px!important}.premium-store-controls .store-filter-chips{grid-column:1/-1;order:3;flex-wrap:wrap!important}.store-grid.reference{grid-template-columns:repeat(2,minmax(0,1fr))!important}.store-title-badge{display:none}.store-premium .store-hero-art{display:none!important}.store-premium .store-hero{padding-right:22px!important}
}
@media(max-width:760px){
  .home-site .hero-copy h1{font-size:42px!important}.home-site .hero-copy>p{font-size:13px!important}.home-site .hero-code-head>span{display:none}.home-site .hero-code-form{grid-template-columns:1fr!important}.workspace-search-wrap{display:none}.library-overview{padding:20px 18px}.library-overview h1{font-size:38px!important}.library-overview-badges{display:none}.library-searchsort{grid-template-columns:1fr!important}.pro-select{min-width:0}.library-card.reference{grid-template-columns:1fr!important}.library-card.reference .card-main{padding:12px!important}.card-info-row{grid-template-columns:1fr}.premium-store-controls{grid-template-columns:1fr!important}.premium-store-controls .pro-select{min-width:0}.store-grid.reference{grid-template-columns:1fr!important}.store-premium .store-title-left h1{font-size:32px!important}.store-premium .store-hero{height:auto!important;min-height:142px!important}.store-footer-row{grid-template-columns:1fr!important}.store-auto-note{justify-self:start}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.epic-workspace .main>.page,.library-product-grid>.library-card,.store-grid>.store-card,.workspace-search-dropdown.open,.hero-code-panel.code-focus{animation:none!important}}

/* Final readability/alignment corrections */
.store-premium .store-footer-row{grid-template-columns:1fr auto!important}
@media(max-width:1366px) and (min-width:1101px){
  .library-controls .filter-pill{font-size:10px!important}
  .library-card.reference .card-desc{font-size:10px!important}
  .added-date b,.card-platform b{font-size:9px!important}
  .premium-store-controls .store-chip{font-size:9.5px!important}
  .store-card.reference h3{font-size:12px!important}
  .store-card.reference .store-stock{font-size:9.5px!important}
  .store-card.reference .store-price{font-size:12px!important}
  .store-card.reference .store-card-actions .btn{font-size:9.5px!important}
}