: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}
}


/* ======================================================================
   VOW Digital — proportional home + ItemSatış category identity pass
   ====================================================================== */

/* Home uses the exact supplied V artwork. Keep the viewport stable: no forced
   min-height that can push the code panel below a laptop browser viewport. */
.home-site{
  height:100svh!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#01050c!important;
}
.home-site .home-scene{
  position:fixed!important;
  inset:-10px!important;
  background:url('/vow-home-bg.webp') center 48%/cover no-repeat!important;
  transform:scale(1.025)!important;
  filter:blur(1.8px) brightness(.67) saturate(.88)!important;
  opacity:.96!important;
  will-change:auto!important;
}
.home-site .home-scene:before{
  background:
    radial-gradient(circle at 55% 43%,rgba(16,128,225,.09),transparent 29%),
    linear-gradient(90deg,rgba(0,4,11,.56) 0%,rgba(0,5,13,.36) 47%,rgba(0,4,11,.53) 100%),
    linear-gradient(180deg,rgba(0,3,10,.22),rgba(0,4,12,.46))!important;
}
.home-site .home-scene:after{
  background:linear-gradient(180deg,rgba(0,3,9,.06),rgba(0,5,13,.28) 68%,rgba(0,4,11,.48))!important;
}
.home-site .shell{width:min(1440px,calc(100% - 72px))!important}
.home-site .topbar.minimal{
  height:66px!important;
  min-height:66px!important;
  padding:0!important;
  background:linear-gradient(180deg,rgba(0,5,13,.5),rgba(0,5,13,.08))!important;
  border-bottom:1px solid rgba(96,176,255,.11)!important;
}
.home-site .brand-text{font-size:25px!important}
.home-site .hero-single{
  height:calc(100svh - 66px)!important;
  min-height:0!important;
  overflow:visible!important;
  grid-template-columns:minmax(0,1fr) minmax(390px,440px)!important;
  gap:clamp(34px,4vw,64px)!important;
  align-items:center!important;
  padding:clamp(10px,1.6vh,17px) 0 clamp(14px,2vh,22px)!important;
}
.home-site .hero-copy{
  padding-top:0!important;
  max-width:830px!important;
  min-width:0!important;
  justify-content:center!important;
}
.home-site .hero-copy .eyebrow{font-size:10px!important;margin:0!important}
.home-site .hero-copy h1{
  font-size:clamp(52px,7.4vh,76px)!important;
  line-height:.98!important;
  margin:clamp(10px,1.7vh,17px) 0 clamp(10px,1.6vh,16px)!important;
}
.home-site .hero-copy>p{
  font-size:clamp(12.5px,1.65vh,15px)!important;
  line-height:1.55!important;
  max-width:760px!important;
  margin:0!important;
}
.home-site .hero-steps{
  flex-wrap:nowrap!important;
  gap:clamp(10px,1.3vw,19px)!important;
  margin:clamp(12px,1.9vh,20px) 0 clamp(11px,1.6vh,17px)!important;
  max-width:770px!important;
}
.home-site .flow-step{display:flex!important;flex:1 1 0!important;min-width:0!important;gap:10px!important}
.home-site .flow-step>span{width:clamp(38px,5.2vh,46px)!important;height:clamp(38px,5.2vh,46px)!important;flex:0 0 auto!important}
.home-site .flow-step b{font-size:clamp(11px,1.55vh,14px)!important;white-space:nowrap}
.home-site .flow-step small{font-size:clamp(8.5px,1.2vh,10.5px)!important;white-space:nowrap}
.home-site .hero-steps>i{flex:0 0 auto!important}
.home-site .hero-code-panel{
  width:100%!important;
  max-width:790px!important;
  margin-top:0!important;
  padding:clamp(13px,1.8vh,18px) clamp(15px,1.4vw,20px) clamp(11px,1.5vh,15px)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(2,12,28,.78),rgba(2,9,22,.86))!important;
  backdrop-filter:blur(9px)!important;
}
.home-site .hero-code-head{margin-bottom:clamp(8px,1.3vh,12px)!important}
.home-site .hero-code-form{grid-template-columns:minmax(0,1fr) clamp(180px,14vw,210px)!important;gap:12px!important}
.home-site .code-input,.home-site .hero-code-form .btn{height:clamp(47px,6.2vh,57px)!important;min-height:47px!important}
.home-site .hero-code-note{padding-top:clamp(7px,1.1vh,10px)!important}
.home-site .hero-login{
  width:100%!important;
  max-width:440px!important;
  max-height:calc(100svh - 94px)!important;
  align-self:center!important;
  padding:clamp(20px,2.8vh,29px) clamp(22px,2vw,32px)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,rgba(2,12,28,.72),rgba(1,8,20,.86))!important;
  backdrop-filter:blur(11px) saturate(.92)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.42),0 0 30px rgba(19,151,255,.13),inset 0 0 34px rgba(26,114,230,.035)!important;
}
.home-site .hero-login-top{margin-bottom:clamp(8px,1.5vh,13px)!important}
.home-site .hero-user-icon{width:clamp(48px,6.3vh,56px)!important;height:clamp(48px,6.3vh,56px)!important}
.home-site .hero-login h2{font-size:clamp(38px,5.4vh,48px)!important;margin:clamp(5px,.9vh,9px) 0 clamp(6px,1.1vh,10px)!important}
.home-site .hero-login>p{font-size:clamp(11px,1.5vh,13.5px)!important;line-height:1.5!important;margin-bottom:clamp(10px,1.7vh,16px)!important}
.home-site .hero-login .field{font-size:11.5px!important;margin:clamp(8px,1.35vh,12px) 0!important}
.home-site .field-with-icon{height:clamp(42px,5.6vh,49px)!important}
.home-site .hero-login .btn.primary{height:clamp(45px,5.9vh,52px)!important;min-height:45px!important}
.home-site .hero-login .orline{margin:clamp(7px,1.2vh,10px) 0!important}
.home-site .home-create-code{height:clamp(40px,5.4vh,46px)!important;min-height:40px!important}
.home-site .login-hint.compact{padding:clamp(9px,1.4vh,13px)!important;margin-top:clamp(8px,1.35vh,12px)!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important}
.home-site .login-hint.compact .hint-icon{width:42px!important;height:42px!important}
.home-site .login-hint.compact b{font-size:11.5px!important}.home-site .login-hint.compact small{font-size:9.5px!important;line-height:1.45!important}

@media(max-height:790px) and (min-width:1101px){
  .home-site .topbar.minimal{height:60px!important;min-height:60px!important}
  .home-site .hero-single{height:calc(100svh - 60px)!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:38px!important;padding:8px 0 12px!important}
  .home-site .hero-copy h1{font-size:50px!important;margin:9px 0 10px!important}
  .home-site .hero-copy>p{font-size:12px!important;line-height:1.46!important}
  .home-site .hero-steps{margin:10px 0!important;gap:10px!important}
  .home-site .flow-step>span{width:37px!important;height:37px!important}
  .home-site .flow-step b{font-size:10.8px!important}.home-site .flow-step small{font-size:8.6px!important}
  .home-site .hero-code-panel{padding:11px 14px 10px!important}
  .home-site .hero-code-head{margin-bottom:8px!important}.home-site .hero-code-head small{font-size:8.5px!important}.home-site .hero-code-head>span{font-size:9px!important}
  .home-site .code-input,.home-site .hero-code-form .btn{height:45px!important;min-height:45px!important}.home-site .code-input input{font-size:16px!important}
  .home-site .hero-code-note{font-size:10px!important;padding-top:6px!important}
  .home-site .hero-login{max-height:calc(100svh - 76px)!important;padding:17px 21px!important}
  .home-site .hero-user-icon{width:44px!important;height:44px!important}.home-site .hero-user-icon .icon{width:21px!important;height:21px!important}
  .home-site .hero-login-top b{font-size:11.5px!important}.home-site .hero-login-top small{font-size:9px!important}
  .home-site .hero-login h2{font-size:36px!important;margin:4px 0 5px!important}.home-site .hero-login>p{font-size:10.5px!important;margin-bottom:7px!important}
  .home-site .hero-login .field{font-size:10px!important;margin:7px 0!important}.home-site .field-with-icon{height:39px!important}.home-site .hero-login .field-with-icon input{font-size:12px!important}
  .home-site .hero-login .btn.primary{height:41px!important;min-height:41px!important}.home-site .home-create-code{height:37px!important;min-height:37px!important}.home-site .hero-login .orline{margin:6px 0!important}
  .home-site .login-hint.compact{padding:7px!important;margin-top:7px!important;grid-template-columns:36px 1fr!important}.home-site .login-hint.compact .hint-icon{width:36px!important;height:36px!important}.home-site .login-hint.compact b{font-size:10px!important}.home-site .login-hint.compact small{font-size:8.6px!important}
}

/* Store: exact ItemSatış category chips, brand-aware identity, stable card layout. */
.store-card.reference{overflow:hidden!important;contain:layout paint!important}
.store-card.reference .store-cover{position:relative!important;overflow:hidden!important;background:#06142a!important}
.store-card.reference .store-cover>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:translateZ(0)}
.store-cover-tags{top:auto!important;bottom:9px!important;left:9px!important;right:9px!important;align-items:flex-end!important}
.store-category-tag{
  max-width:72%;
  min-height:29px!important;
  padding:0 9px!important;
  gap:6px!important;
  border-radius:8px!important;
  color:#fff!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-shadow:0 1px 8px rgba(0,0,0,.42);
  box-shadow:0 6px 18px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)!important;
}
.store-category-tag b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit}
.store-category-tag .icon{width:13px!important;height:13px!important;flex:0 0 auto}
.store-featured-tag{align-self:flex-start!important;min-height:27px!important;padding:0 8px!important;background:rgba(2,12,29,.82)!important;border-color:rgba(110,207,255,.28)!important;font-size:8.5px!important;box-shadow:0 6px 18px rgba(0,0,0,.24)!important}
.store-category-tag.tag-spotify{background:linear-gradient(135deg,rgba(29,185,84,.96),rgba(11,116,48,.95))!important;border-color:rgba(95,255,149,.46)!important;box-shadow:0 7px 22px rgba(29,185,84,.22)!important}
.store-category-tag.tag-valorant{background:linear-gradient(135deg,rgba(255,70,85,.96),rgba(197,48,59,.96))!important;border-color:rgba(255,148,118,.52)!important;box-shadow:0 7px 22px rgba(255,70,85,.2)!important}
.store-category-tag.tag-steam{background:linear-gradient(135deg,rgba(20,93,137,.97),rgba(11,42,73,.97))!important;border-color:rgba(90,188,241,.42)!important;box-shadow:0 7px 22px rgba(33,125,177,.2)!important}
.store-category-tag.tag-windows{background:linear-gradient(135deg,rgba(0,164,239,.96),rgba(0,93,179,.96))!important;border-color:rgba(107,211,255,.5)!important}
.store-category-tag.tag-office{background:linear-gradient(135deg,rgba(232,74,39,.96),rgba(181,44,26,.96))!important;border-color:rgba(255,155,118,.48)!important}
.store-category-tag.tag-minecraft{background:linear-gradient(135deg,rgba(70,153,62,.97),rgba(39,93,35,.97))!important;border-color:rgba(134,220,118,.43)!important}
.store-category-tag.tag-roblox{background:linear-gradient(135deg,rgba(76,83,94,.97),rgba(28,33,41,.97))!important;border-color:rgba(199,210,224,.34)!important}
.store-category-tag.tag-pubg{background:linear-gradient(135deg,rgba(238,167,25,.97),rgba(163,96,9,.97))!important;border-color:rgba(255,219,109,.48)!important}
.store-category-tag.tag-fortnite{background:linear-gradient(135deg,rgba(109,77,255,.97),rgba(48,83,197,.97))!important;border-color:rgba(181,158,255,.45)!important}
.store-category-tag.tag-cs{background:linear-gradient(135deg,rgba(226,134,43,.97),rgba(159,73,22,.97))!important;border-color:rgba(255,193,119,.46)!important}
.store-category-tag.tag-riot{background:linear-gradient(135deg,rgba(211,54,57,.97),rgba(125,28,33,.97))!important;border-color:rgba(255,137,137,.4)!important}
.store-category-tag.tag-xbox{background:linear-gradient(135deg,rgba(16,124,16,.97),rgba(7,75,22,.97))!important;border-color:rgba(112,215,105,.42)!important}
.store-category-tag.tag-playstation{background:linear-gradient(135deg,rgba(0,67,156,.97),rgba(12,35,94,.97))!important;border-color:rgba(96,159,245,.42)!important}
.store-category-tag.tag-discord{background:linear-gradient(135deg,rgba(88,101,242,.97),rgba(57,67,171,.97))!important;border-color:rgba(164,172,255,.44)!important}
.store-category-tag.tag-netflix{background:linear-gradient(135deg,rgba(229,9,20,.97),rgba(137,3,12,.97))!important;border-color:rgba(255,111,118,.4)!important}
.store-category-tag.tag-youtube{background:linear-gradient(135deg,rgba(255,0,0,.97),rgba(160,0,0,.97))!important;border-color:rgba(255,120,120,.4)!important}
.store-category-tag.tag-twitch{background:linear-gradient(135deg,rgba(145,70,255,.97),rgba(82,41,151,.97))!important;border-color:rgba(196,155,255,.44)!important}
.store-category-tag.tag-tiktok{background:linear-gradient(135deg,rgba(16,194,202,.97),rgba(218,30,87,.97))!important;border-color:rgba(150,236,240,.42)!important}
.store-category-tag.tag-instagram{background:linear-gradient(135deg,rgba(225,48,108,.97),rgba(131,58,180,.97),rgba(245,133,41,.97))!important;border-color:rgba(255,164,197,.38)!important}
.store-category-tag.tag-prime{background:linear-gradient(135deg,rgba(0,168,225,.97),rgba(34,58,122,.97))!important;border-color:rgba(107,215,250,.42)!important}
.store-category-tag.tag-apple{background:linear-gradient(135deg,rgba(90,98,110,.97),rgba(28,31,37,.97))!important;border-color:rgba(207,218,232,.36)!important}
.store-category-tag.tag-adobe{background:linear-gradient(135deg,rgba(232,31,37,.97),rgba(141,18,23,.97))!important;border-color:rgba(255,135,139,.4)!important}
.store-category-tag.tag-canva{background:linear-gradient(135deg,rgba(0,196,204,.97),rgba(124,73,220,.97))!important;border-color:rgba(129,235,240,.42)!important}
.store-category-tag.tag-chatgpt{background:linear-gradient(135deg,rgba(16,163,127,.97),rgba(13,92,80,.97))!important;border-color:rgba(116,226,198,.42)!important}
.store-category-tag.tag-games{background:linear-gradient(135deg,rgba(255,121,52,.95),rgba(172,63,23,.95))!important;border-color:rgba(255,188,121,.4)!important}
.store-category-tag.tag-software{background:linear-gradient(135deg,rgba(32,129,238,.95),rgba(24,68,142,.95))!important;border-color:rgba(110,189,255,.42)!important}
.store-category-tag.tag-digital{background:linear-gradient(135deg,rgba(113,72,218,.95),rgba(62,41,142,.95))!important;border-color:rgba(177,150,255,.4)!important}
.store-card-kicker{display:flex!important;align-items:center!important;gap:5px!important;color:#6c91b7!important;font-size:9px!important;letter-spacing:.035em!important;text-transform:none!important}
.store-card-kicker .icon{width:12px!important;height:12px!important;color:#55c6ff!important}

@media(min-width:1381px){
  .store-grid.reference{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
  .store-card.reference{height:300px!important;grid-template-rows:150px 1fr!important}.store-card.reference .store-cover{height:150px!important}
  .store-card.reference h3{font-size:13px!important}.store-card.reference .store-stock{font-size:10px!important}.store-card.reference .store-card-actions .btn{font-size:10px!important}
}
@media(max-width:1380px) and (min-width:1101px){
  .store-grid.reference{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .store-card.reference{height:284px!important;grid-template-rows:140px 1fr!important}.store-card.reference .store-cover{height:140px!important}
  .store-card.reference h3{font-size:12.5px!important}.store-card.reference .store-stock{font-size:10px!important}.store-card.reference .store-price{font-size:12px!important}.store-card.reference .store-card-actions .btn{font-size:10px!important}
}

/* ======================================================================
   VOW Digital — final landing composition / exact-fit background pass
   Reference-driven layout: no guest actions in the top-right.
   ====================================================================== */
.home-site{
  height:100svh!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#020812!important;
  position:relative!important;
}
.home-site .home-scene{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  background-image:url('/vow-home-bg.webp')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  transform:scale(1.003)!important;
  transform-origin:center!important;
  filter:blur(.55px) brightness(.82) saturate(.92)!important;
  opacity:1!important;
  image-rendering:auto!important;
  pointer-events:none!important;
}
.home-site .home-scene:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(0,5,14,.28) 0%,rgba(0,6,15,.09) 47%,rgba(0,4,12,.24) 100%),
    linear-gradient(180deg,rgba(0,4,12,.08),rgba(0,5,14,.15) 60%,rgba(0,4,11,.27))!important;
}
.home-site .home-scene:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 52% 46%,rgba(23,150,255,.045),transparent 35%)!important;
}
.home-site>.topbar,.home-site>.hero-single{position:relative!important;z-index:2!important}
.home-site .shell{
  width:min(1522px,calc(100% - clamp(54px,8.85vw,148px)))!important;
  margin-inline:auto!important;
}
.home-site .topbar.minimal{
  height:82px!important;
  min-height:82px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:rgba(0,5,13,.12)!important;
  border-bottom:1px solid rgba(105,176,255,.15)!important;
  backdrop-filter:none!important;
}
.home-site .topbar.minimal .top-actions{display:none!important}
.home-site .brand-text{
  font-size:27px!important;
  line-height:1!important;
  text-shadow:0 2px 24px rgba(0,0,0,.48)!important;
}
.home-site .hero-single{
  height:calc(100svh - 82px)!important;
  min-height:0!important;
  overflow:visible!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 488px!important;
  grid-template-rows:1fr!important;
  column-gap:clamp(58px,5.7vw,96px)!important;
  align-items:start!important;
  padding:34px 0 18px!important;
}
.home-site .hero-single:before{content:none!important}
.home-site .hero-copy{
  min-width:0!important;
  max-width:940px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-self:start!important;
}
.home-site .home-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:13px 0 0!important;
  color:#58d5ff!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.31em!important;
  white-space:nowrap!important;
}
.home-site .home-eyebrow>span{
  width:52px!important;
  height:1px!important;
  background:linear-gradient(90deg,#36c4ff,rgba(54,196,255,.08))!important;
  box-shadow:0 0 8px rgba(44,186,255,.55)!important;
}
.home-site .hero-copy h1{
  margin:18px 0 14px!important;
  font-size:clamp(60px,4.95vw,82px)!important;
  line-height:.965!important;
  letter-spacing:-.064em!important;
  color:#f8fbff!important;
  text-shadow:0 8px 32px rgba(0,0,0,.24)!important;
}
.home-site .hero-copy h1 span{
  background:linear-gradient(180deg,#ebf8ff 2%,#3ec9ff 92%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.home-site .hero-copy>p{
  max-width:790px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1.55!important;
  color:#c5d6e9!important;
  text-shadow:0 2px 14px rgba(0,0,0,.45)!important;
}
.home-site .hero-steps{
  width:min(100%,880px)!important;
  max-width:880px!important;
  margin:24px 0 21px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
.home-site .hero-steps>i{
  display:grid!important;
  place-items:center!important;
  color:#55c5ff!important;
}
.home-site .hero-steps>i .icon{width:21px!important;height:21px!important}
.home-site .flow-step{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
.home-site .flow-step>span{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#0b5bdd,#22bfff)!important;
  border:1px solid rgba(117,220,255,.72)!important;
  box-shadow:0 0 20px rgba(24,155,255,.36),inset 0 1px rgba(255,255,255,.22)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:850!important;
}
.home-site .flow-step b{
  display:block!important;
  font-size:14.5px!important;
  line-height:1.2!important;
  color:#f6faff!important;
  white-space:nowrap!important;
}
.home-site .flow-step small{
  display:block!important;
  margin-top:3px!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  color:#9ab3cf!important;
  white-space:nowrap!important;
}
.home-site .hero-code-panel{
  width:100%!important;
  max-width:918px!important;
  margin:0!important;
  padding:18px 25px 15px!important;
  border-radius:20px!important;
  border:1px solid rgba(62,180,255,.72)!important;
  background:linear-gradient(145deg,rgba(3,18,40,.78),rgba(2,11,27,.88))!important;
  backdrop-filter:blur(9px) saturate(.96)!important;
  -webkit-backdrop-filter:blur(9px) saturate(.96)!important;
  box-shadow:0 0 28px rgba(21,142,255,.13),inset 0 0 32px rgba(44,128,225,.025)!important;
}
.home-site .hero-code-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 12px!important;
}
.home-site .hero-code-head small{
  font-size:9.5px!important;
  letter-spacing:.29em!important;
  color:#68d0ff!important;
  font-weight:800!important;
}
.home-site .hero-code-head>span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#adc6df!important;
  font-size:10.5px!important;
}
.home-site .hero-code-head>span .icon{width:15px!important;height:15px!important;color:#68cfff!important}
.home-site .hero-code-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 306px!important;
  gap:14px!important;
  align-items:center!important;
}
.home-site .code-input{
  height:62px!important;
  min-height:62px!important;
  border-radius:14px!important;
  padding:0 20px!important;
  gap:16px!important;
  background:rgba(1,10,24,.78)!important;
  border:1px solid rgba(82,170,255,.43)!important;
  box-shadow:inset 0 0 18px rgba(13,53,100,.12)!important;
}
.home-site .code-input .icon{width:24px!important;height:24px!important;color:#83d4ff!important}
.home-site .code-input input{
  min-width:0!important;
  font-size:19px!important;
  letter-spacing:.17em!important;
  color:#eaf5ff!important;
}
.home-site .hero-code-form .btn{
  height:62px!important;
  min-height:62px!important;
  border-radius:14px!important;
  font-size:16px!important;
  font-weight:800!important;
}
.home-site .hero-code-note{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding-top:12px!important;
  color:#44e29a!important;
  font-size:11px!important;
}
.home-site .hero-check{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#16c87a!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(22,200,122,.45)!important;
}
.home-site .hero-check .icon{width:15px!important;height:15px!important}
.home-site .home-benefits{
  width:min(100%,930px)!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  gap:0!important;
  margin-top:25px!important;
}
.home-site .home-benefit{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:0 17px!important;
  border-right:1px solid rgba(132,184,239,.22)!important;
}
.home-site .home-benefit:first-child{padding-left:0!important}
.home-site .home-benefit:last-child{border-right:0!important;padding-right:0!important}
.home-site .home-benefit>.icon{
  width:30px!important;
  height:30px!important;
  color:#59c9ff!important;
  filter:drop-shadow(0 0 9px rgba(49,172,255,.25))!important;
}
.home-site .home-benefit b{
  display:block!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  color:#f0f6ff!important;
  white-space:nowrap!important;
}
.home-site .home-benefit small{
  display:block!important;
  margin-top:2px!important;
  font-size:8.8px!important;
  line-height:1.3!important;
  color:#8fa7c2!important;
  white-space:nowrap!important;
}
.home-site .home-signature{
  margin-top:25px!important;
  margin-left:-8px!important;
  width:max-content!important;
  transform:rotate(-7deg)!important;
  font-family:"Segoe Script","Brush Script MT",cursive!important;
  font-size:22px!important;
  line-height:1.06!important;
  color:rgba(31,127,225,.68)!important;
  text-shadow:0 0 15px rgba(20,115,225,.1)!important;
}
.home-site .hero-login{
  width:488px!important;
  max-width:488px!important;
  min-height:704px!important;
  max-height:none!important;
  align-self:start!important;
  justify-self:end!important;
  padding:30px 36px 28px!important;
  overflow:hidden!important;
  border-radius:28px!important;
  border:1px solid rgba(73,183,255,.75)!important;
  background:linear-gradient(155deg,rgba(4,23,50,.74),rgba(2,12,29,.9))!important;
  backdrop-filter:blur(11px) saturate(.94)!important;
  -webkit-backdrop-filter:blur(11px) saturate(.94)!important;
  box-shadow:0 0 34px rgba(29,154,255,.14),0 28px 64px rgba(0,0,0,.34),inset 0 0 38px rgba(40,127,223,.035)!important;
}
.home-site .hero-login-top{
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;
  gap:20px!important;
  margin:0 0 16px!important;
}
.home-site .hero-user-icon{
  width:62px!important;
  height:62px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(14,79,190,.88),rgba(7,38,86,.92))!important;
  border:1px solid rgba(75,178,255,.48)!important;
  box-shadow:inset 0 0 22px rgba(33,142,255,.12),0 0 18px rgba(28,136,255,.12)!important;
}
.home-site .hero-user-icon .icon{width:28px!important;height:28px!important;color:#70d0ff!important}
.home-site .hero-login-top>div:last-child{text-align:right!important}
.home-site .hero-login-top b{
  display:block!important;
  font-size:15px!important;
  color:#fff!important;
}
.home-site .hero-login-top small{
  display:block!important;
  margin-top:4px!important;
  font-size:11px!important;
  color:#9db2cd!important;
}
.home-site .hero-login h2{
  margin:4px 0 6px!important;
  font-size:48px!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
}
.home-site .hero-login>p{
  margin:0 0 17px!important;
  font-size:13.5px!important;
  line-height:1.53!important;
  color:#b7c8dc!important;
}
.home-site .hero-login .field{
  display:block!important;
  margin:13px 0 0!important;
  font-size:11.5px!important;
  color:#e7f1fc!important;
  font-weight:700!important;
}
.home-site .field-with-icon{
  height:50px!important;
  min-height:50px!important;
  margin-top:8px!important;
  border-radius:12px!important;
  padding:0 15px!important;
  background:rgba(1,9,22,.7)!important;
  border:1px solid rgba(79,159,242,.34)!important;
}
.home-site .field-with-icon .icon{width:19px!important;height:19px!important;color:#98c6f4!important}
.home-site .hero-login .field-with-icon input{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  font-size:13px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.home-site .home-login-options{
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  margin-top:3px!important;
}
.home-site .remember-check{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  cursor:pointer!important;
  color:#b5c7dc!important;
  font-size:11.5px!important;
  font-weight:600!important;
  user-select:none!important;
}
.home-site .remember-check input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.home-site .remember-check span{
  width:20px!important;
  height:20px!important;
  border-radius:4px!important;
  border:1px solid #31baf7!important;
  background:rgba(1,10,24,.7)!important;
  position:relative!important;
  box-shadow:inset 0 0 10px rgba(34,152,239,.06)!important;
}
.home-site .remember-check input:checked+span{
  background:linear-gradient(145deg,#167ff3,#29c2ff)!important;
  border-color:#59d0ff!important;
}
.home-site .remember-check input:checked+span:after{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:3px!important;
  width:5px!important;
  height:9px!important;
  border:solid white!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
.home-site .hero-login .btn.primary{
  height:54px!important;
  min-height:54px!important;
  margin-top:4px!important;
  border-radius:13px!important;
  font-size:15px!important;
  font-weight:850!important;
}
.home-site .hero-login .orline{margin:11px 0!important}
.home-site .home-create-code{
  height:48px!important;
  min-height:48px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
  background:rgba(2,12,28,.48)!important;
  border-color:rgba(71,177,255,.65)!important;
}
.home-site .login-hint.compact{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  margin:15px 0 0!important;
  padding:13px 14px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(82,160,246,.2)!important;
}
.home-site .login-hint.compact .hint-icon{
  width:46px!important;
  height:46px!important;
  padding:11px!important;
  border-radius:13px!important;
  color:#72c9ff!important;
  background:rgba(16,74,160,.22)!important;
}
.home-site .login-hint.compact b{
  display:block!important;
  margin:0 0 4px!important;
  font-size:11.5px!important;
  color:#eaf3fd!important;
}
.home-site .login-hint.compact small{
  display:block!important;
  font-size:9.5px!important;
  line-height:1.42!important;
  color:#91a8c4!important;
}
.home-site .home-slogan{
  position:absolute!important;
  right:1px!important;
  bottom:13px!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  color:#4fd0ff!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.34em!important;
}
.home-site .home-slogan>span{
  width:32px!important;
  height:1px!important;
  background:linear-gradient(90deg,#42c9ff,rgba(66,201,255,.04))!important;
}

/* Real browser viewports are often ~700-780px tall once tabs/toolbars are
   accounted for. Compress proportionally so nothing is clipped. */
@media (max-height:820px) and (min-width:1101px){
  .home-site .topbar.minimal{height:60px!important;min-height:60px!important}
  .home-site .brand-text{font-size:24px!important}
  .home-site .hero-single{
    height:calc(100svh - 60px)!important;
    grid-template-columns:minmax(0,1fr) 430px!important;
    column-gap:clamp(44px,4.4vw,72px)!important;
    padding:15px 0 11px!important;
  }
  .home-site .home-eyebrow{margin-top:2px!important;font-size:8.5px!important;gap:11px!important}
  .home-site .home-eyebrow>span{width:43px!important}
  .home-site .hero-copy h1{font-size:clamp(46px,4.15vw,60px)!important;margin:11px 0 9px!important}
  .home-site .hero-copy>p{font-size:12.4px!important;line-height:1.47!important;max-width:720px!important}
  .home-site .hero-steps{margin:13px 0 12px!important;gap:8px!important;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr)!important;max-width:760px!important}
  .home-site .flow-step{grid-template-columns:39px minmax(0,1fr)!important;gap:9px!important}
  .home-site .flow-step>span{width:39px!important;height:39px!important;font-size:12px!important}
  .home-site .flow-step b{font-size:11px!important}.home-site .flow-step small{font-size:8.6px!important}
  .home-site .hero-steps>i .icon{width:17px!important;height:17px!important}
  .home-site .hero-code-panel{max-width:820px!important;padding:11px 16px 10px!important;border-radius:16px!important}
  .home-site .hero-code-head{margin-bottom:8px!important}.home-site .hero-code-head small{font-size:8px!important}.home-site .hero-code-head>span{font-size:8.5px!important}
  .home-site .hero-code-form{grid-template-columns:minmax(0,1fr) 225px!important;gap:10px!important}
  .home-site .code-input,.home-site .hero-code-form .btn{height:48px!important;min-height:48px!important}.home-site .code-input{padding:0 14px!important}.home-site .code-input .icon{width:19px!important;height:19px!important}.home-site .code-input input{font-size:16px!important}.home-site .hero-code-form .btn{font-size:13px!important}
  .home-site .hero-code-note{padding-top:7px!important;font-size:9.4px!important}.home-site .hero-check{width:22px!important;height:22px!important;flex-basis:22px!important}.home-site .hero-check .icon{width:12px!important;height:12px!important}
  .home-site .home-benefits{margin-top:13px!important;max-width:830px!important}.home-site .home-benefit{grid-template-columns:30px minmax(0,1fr)!important;gap:7px!important;padding:0 11px!important}.home-site .home-benefit>.icon{width:22px!important;height:22px!important}.home-site .home-benefit b{font-size:9px!important}.home-site .home-benefit small{font-size:7.4px!important}
  .home-site .home-signature{display:none!important}.home-site .home-slogan{display:none!important}
  .home-site .hero-login{width:430px!important;max-width:430px!important;min-height:0!important;height:auto!important;padding:19px 25px 17px!important;border-radius:22px!important}
  .home-site .hero-login-top{min-height:48px!important;grid-template-columns:48px minmax(0,1fr)!important;gap:14px!important;margin-bottom:6px!important}.home-site .hero-user-icon{width:48px!important;height:48px!important;border-radius:13px!important}.home-site .hero-user-icon .icon{width:23px!important;height:23px!important}.home-site .hero-login-top b{font-size:11.5px!important}.home-site .hero-login-top small{font-size:8.8px!important}
  .home-site .hero-login h2{font-size:38px!important;margin:3px 0 5px!important}.home-site .hero-login>p{font-size:10.8px!important;line-height:1.45!important;margin-bottom:8px!important}
  .home-site .hero-login .field{font-size:9.5px!important;margin-top:7px!important}.home-site .field-with-icon{height:40px!important;min-height:40px!important;margin-top:5px!important;padding:0 11px!important}.home-site .field-with-icon .icon{width:16px!important;height:16px!important}.home-site .hero-login .field-with-icon input{font-size:11.5px!important}
  .home-site .home-login-options{height:26px!important}.home-site .remember-check{font-size:9.5px!important;gap:7px!important}.home-site .remember-check span{width:16px!important;height:16px!important}.home-site .remember-check input:checked+span:after{left:4px!important;top:1px!important}
  .home-site .hero-login .btn.primary{height:43px!important;min-height:43px!important;font-size:12.5px!important;margin-top:2px!important}.home-site .hero-login .orline{margin:7px 0!important}.home-site .home-create-code{height:39px!important;min-height:39px!important;font-size:10px!important}.home-site .login-hint.compact{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;margin-top:8px!important;padding:8px 10px!important}.home-site .login-hint.compact .hint-icon{width:36px!important;height:36px!important;padding:8px!important}.home-site .login-hint.compact b{font-size:9.5px!important}.home-site .login-hint.compact small{font-size:7.8px!important}
}

@media (max-width:1100px){
  .home-site{height:auto!important;min-height:100svh!important;overflow:auto!important}
  .home-site .home-scene{position:fixed!important;background-position:center center!important}
  .home-site .shell{width:min(920px,calc(100% - 34px))!important}
  .home-site .topbar.minimal{height:64px!important;min-height:64px!important}
  .home-site .hero-single{height:auto!important;min-height:calc(100svh - 64px)!important;grid-template-columns:1fr!important;gap:24px!important;padding:26px 0 34px!important}
  .home-site .hero-copy,.home-site .hero-login{width:100%!important;max-width:780px!important;justify-self:center!important}
  .home-site .hero-login{min-height:0!important}
  .home-site .home-signature,.home-site .home-slogan{display:none!important}
}

@media (max-width:700px){
  .home-site .shell{width:calc(100% - 24px)!important}
  .home-site .brand-text{font-size:22px!important}
  .home-site .hero-copy h1{font-size:44px!important}
  .home-site .hero-copy>p{font-size:13px!important}
  .home-site .hero-steps{grid-template-columns:1fr!important;gap:10px!important}
  .home-site .hero-steps>i{display:none!important}
  .home-site .flow-step{grid-template-columns:44px 1fr!important}.home-site .flow-step>span{width:44px!important;height:44px!important}
  .home-site .hero-code-form{grid-template-columns:1fr!important}.home-site .hero-code-head>span{display:none!important}
  .home-site .home-benefits{grid-template-columns:1fr 1fr!important;row-gap:16px!important}.home-site .home-benefit{border-right:0!important;padding:0!important}
  .home-site .hero-login{padding:22px 18px!important}.home-site .hero-login-top>div:last-child{text-align:left!important}
}

/* ========================================================================== */
/* VOW Digital — 10.09.2026 homepage reference lock + store badge alignment  */
/* ========================================================================== */
.home-site.home-reference{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:100svh!important;
  min-height:680px!important;
  overflow:hidden!important;
  background:#020812!important;
  color:#f5f9ff!important;
}
.home-site.home-reference .home-scene{
  position:absolute!important;
  inset:-2px!important;
  z-index:0!important;
  background-image:url('/vow-home-reference.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:scale(1.006)!important;
  filter:blur(.35px) brightness(.72) saturate(.92) contrast(1.04)!important;
  opacity:1!important;
}
.home-site.home-reference .home-scene:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(0,5,15,.94) 0%,rgba(0,6,17,.91) 39%,rgba(0,7,18,.72) 49%,rgba(0,7,18,.18) 57%,rgba(0,7,18,.12) 65%,rgba(0,7,18,.82) 70%,rgba(0,5,14,.94) 100%),
    linear-gradient(180deg,rgba(0,5,14,.12) 0%,rgba(0,5,14,.05) 58%,rgba(0,4,12,.34) 100%)!important;
  pointer-events:none!important;
}
.home-site.home-reference .home-scene:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 62% 5%,rgba(153,218,255,.14) 0 8%,rgba(52,164,255,.05) 13%,transparent 29%),
    radial-gradient(circle at 61% 44%,rgba(39,173,255,.11),transparent 30%)!important;
  pointer-events:none!important;
}
.home-site.home-reference>.topbar,
.home-site.home-reference>.hero-single{position:relative!important;z-index:2!important}
.home-site.home-reference .shell{
  width:min(1516px,calc(100% - 80px))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
.home-site.home-reference .topbar.minimal{
  height:82px!important;
  min-height:82px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
  border-bottom:1px solid rgba(103,172,242,.14)!important;
  backdrop-filter:none!important;
}
.home-site.home-reference .top-actions{display:none!important}
.home-site.home-reference .brand-text{font-size:28px!important;line-height:1!important;text-shadow:0 3px 28px rgba(0,0,0,.48)!important}

.home-site.home-reference .hero-single{
  position:relative!important;
  height:calc(100svh - 82px)!important;
  min-height:598px!important;
  display:grid!important;
  grid-template-columns:minmax(0,940px) 430px!important;
  grid-template-rows:1fr!important;
  align-items:start!important;
  justify-content:space-between!important;
  gap:58px!important;
  padding:34px 0 20px!important;
  overflow:visible!important;
}
.home-site.home-reference .hero-copy{
  width:100%!important;
  max-width:940px!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  align-self:start!important;
}
.home-site.home-reference .home-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin:6px 0 0!important;
  width:max-content!important;
  color:#62dcff!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.40em!important;
  white-space:nowrap!important;
  text-shadow:0 0 14px rgba(65,196,255,.38)!important;
}
.home-site.home-reference .home-eyebrow>span,
.home-site.home-reference .home-eyebrow>i{
  width:43px!important;
  height:1px!important;
  display:block!important;
  background:linear-gradient(90deg,rgba(82,217,255,.03),#52d8ff)!important;
  box-shadow:0 0 9px rgba(67,202,255,.65)!important;
}
.home-site.home-reference .home-eyebrow>i{background:linear-gradient(90deg,#52d8ff,rgba(82,217,255,.03))!important}
.home-site.home-reference .hero-copy h1{
  margin:25px 0 12px!important;
  font-size:clamp(62px,4.52vw,76px)!important;
  line-height:.96!important;
  letter-spacing:-.064em!important;
  color:#f7fbff!important;
  text-shadow:0 8px 35px rgba(0,0,0,.40)!important;
}
.home-site.home-reference .hero-copy h1 span{
  background:linear-gradient(180deg,#eefdff 0%,#72e0ff 46%,#1bb4f1 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:none!important;
}
.home-site.home-reference .hero-copy>p{
  width:min(100%,720px)!important;
  max-width:none!important;
  margin:0!important;
  font-size:14.5px!important;
  line-height:1.48!important;
  color:#d0dbe8!important;
  text-shadow:0 2px 16px rgba(0,0,0,.58)!important;
}

.home-site.home-reference .hero-steps{
  width:min(100%,858px)!important;
  max-width:none!important;
  margin:24px 0 18px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
}
.home-site.home-reference .flow-step{
  height:74px!important;
  min-height:74px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:45px 34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(4,21,47,.68),rgba(2,12,30,.79))!important;
  border:1px solid rgba(93,167,244,.34)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  box-shadow:0 8px 25px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.02)!important;
}
.home-site.home-reference .flow-step>span{
  width:45px!important;
  height:45px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#0c63e8,#21c4ff)!important;
  border:1px solid rgba(128,224,255,.88)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  box-shadow:0 0 18px rgba(29,155,255,.45),inset 0 0 13px rgba(255,255,255,.09)!important;
}
.home-site.home-reference .flow-step .step-glyph{
  width:31px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  color:#2bc8ff!important;
  filter:drop-shadow(0 0 7px rgba(41,196,255,.30))!important;
}
.home-site.home-reference .flow-step .step-glyph .icon{width:24px!important;height:24px!important}
.home-site.home-reference .flow-step b{display:block!important;color:#f6faff!important;font-size:12.5px!important;line-height:1.15!important;white-space:nowrap!important}
.home-site.home-reference .flow-step small{display:block!important;margin-top:4px!important;color:#9eb3cb!important;font-size:9px!important;line-height:1.25!important;white-space:nowrap!important}
.home-site.home-reference .hero-steps>.step-arrow{display:grid!important;place-items:center!important;color:#4ac9ff!important}
.home-site.home-reference .hero-steps>.step-arrow .icon{width:20px!important;height:20px!important}

.home-site.home-reference .hero-code-panel{
  width:min(100%,862px)!important;
  max-width:none!important;
  margin:0!important;
  padding:18px 22px 0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(76,189,255,.82)!important;
  background:linear-gradient(145deg,rgba(3,22,48,.80),rgba(2,12,29,.88))!important;
  backdrop-filter:blur(9px) saturate(.96)!important;
  -webkit-backdrop-filter:blur(9px) saturate(.96)!important;
  box-shadow:0 0 29px rgba(27,153,255,.18),inset 0 0 32px rgba(34,130,226,.035)!important;
}
.home-site.home-reference .hero-code-head{
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 10px!important;
}
.home-site.home-reference .code-title-icon{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;color:#36c8ff!important
}
.home-site.home-reference .code-title-icon .icon{width:31px!important;height:31px!important}
.home-site.home-reference .hero-code-head small{display:block!important;font-size:8.5px!important;letter-spacing:.38em!important;color:#65d3ff!important;font-weight:900!important}
.home-site.home-reference .hero-code-head p{margin:5px 0 0!important;color:#a7bad2!important;font-size:9.5px!important;line-height:1.25!important}
.home-site.home-reference .hero-code-head>span{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#b4c7dc!important;font-size:9.5px!important;white-space:nowrap!important}
.home-site.home-reference .hero-code-head>span .icon{width:11px!important;height:11px!important;color:#37e393!important;fill:#37e393!important;filter:drop-shadow(0 0 7px rgba(55,227,147,.55))!important}
.home-site.home-reference .hero-code-form{display:grid!important;grid-template-columns:minmax(0,1fr) 248px!important;gap:13px!important;align-items:center!important}
.home-site.home-reference .code-input{
  height:54px!important;min-height:54px!important;border-radius:12px!important;padding:0 17px!important;gap:14px!important;
  background:rgba(0,9,23,.78)!important;border:1px solid rgba(76,170,255,.52)!important;box-shadow:inset 0 0 20px rgba(7,52,105,.14)!important
}
.home-site.home-reference .code-input .icon{width:21px!important;height:21px!important;color:#8bd9ff!important}
.home-site.home-reference .code-input input{font-size:16px!important;letter-spacing:.23em!important;color:#e5effd!important}
.home-site.home-reference .hero-code-form .btn{height:54px!important;min-height:54px!important;border-radius:12px!important;font-size:14px!important;font-weight:900!important;color:#011329!important;background:linear-gradient(100deg,#19b9ef,#63eaff)!important;border:1px solid rgba(154,242,255,.85)!important;box-shadow:0 0 22px rgba(38,192,255,.20)!important}
.home-site.home-reference .hero-code-note{display:flex!important;align-items:center!important;gap:8px!important;margin:10px 0 0!important;padding:8px 11px!important;border:1px solid rgba(40,192,147,.19)!important;border-radius:10px!important;background:rgba(4,81,73,.12)!important;color:#49e6aa!important;font-size:9.5px!important}
.home-site.home-reference .hero-check{width:22px!important;height:22px!important;flex:0 0 22px!important;background:#1bc982!important;box-shadow:0 0 14px rgba(27,201,130,.45)!important}
.home-site.home-reference .hero-check .icon{width:13px!important;height:13px!important}
.home-site.home-reference .home-benefits{
  width:calc(100% + 44px)!important;
  margin:12px -22px 0!important;
  padding:11px 18px 12px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(85,165,245,.16)!important;
  background:rgba(1,9,22,.28)!important;
}
.home-site.home-reference .home-benefit{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;padding:0 22px!important;border-right:1px solid rgba(117,177,235,.22)!important}
.home-site.home-reference .home-benefit:first-child{padding-left:0!important}.home-site.home-reference .home-benefit:last-child{border-right:0!important;padding-right:0!important}
.home-site.home-reference .home-benefit>.icon{width:28px!important;height:28px!important;color:#50caff!important}
.home-site.home-reference .home-benefit b{display:block!important;font-size:10px!important;color:#f3f8ff!important;white-space:nowrap!important}
.home-site.home-reference .home-benefit small{display:block!important;margin-top:2px!important;font-size:8px!important;color:#8fa7c3!important;white-space:nowrap!important}

.home-site.home-reference .hero-login{
  width:430px!important;
  max-width:430px!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
  justify-self:end!important;
  margin:37px 0 0!important;
  padding:26px 30px 23px!important;
  border-radius:24px!important;
  border:1px solid rgba(80,193,255,.80)!important;
  background:linear-gradient(152deg,rgba(4,25,54,.83),rgba(2,12,29,.94))!important;
  backdrop-filter:blur(11px) saturate(.96)!important;
  -webkit-backdrop-filter:blur(11px) saturate(.96)!important;
  box-shadow:0 0 32px rgba(28,157,255,.16),0 30px 68px rgba(0,0,0,.35),inset 0 0 40px rgba(45,135,229,.03)!important;
  overflow:hidden!important;
}
.home-site.home-reference .login-card-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:17px!important}
.home-site.home-reference .home-v-mark{
  width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:14px!important;
  color:#e9f9ff!important;font-size:31px!important;font-weight:950!important;font-style:italic!important;
  background:radial-gradient(circle at 50% 43%,rgba(74,224,255,.25),transparent 36%),linear-gradient(145deg,#0b4ea7,#041a43)!important;
  border:1px solid rgba(83,186,255,.52)!important;box-shadow:0 0 22px rgba(29,142,255,.22),inset 0 0 20px rgba(45,154,255,.13)!important;text-shadow:0 0 11px #59ddff!important
}
.home-site.home-reference .secure-login-pill{min-height:27px!important;padding:0 11px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;background:rgba(37,107,97,.16)!important;color:#c7d8e8!important;font-size:9px!important;font-weight:700!important}
.home-site.home-reference .secure-login-pill>i{width:8px!important;height:8px!important;border-radius:50%!important;background:#36e496!important;box-shadow:0 0 12px rgba(54,228,150,.8)!important}
.home-site.home-reference .hero-login h3{margin:0 0 6px!important;font-size:25px!important;line-height:1.06!important;letter-spacing:-.035em!important;color:#f8fbff!important}
.home-site.home-reference .hero-login>p{margin:0 0 18px!important;font-size:10.5px!important;line-height:1.45!important;color:#a9bdd3!important}
.home-site.home-reference .home-input-shell{
  height:58px!important;min-height:58px!important;margin:0 0 13px!important;padding:0!important;display:grid!important;
  grid-template-columns:49px minmax(0,1fr) auto!important;align-items:center!important;border-radius:12px!important;
  background:rgba(1,10,24,.77)!important;border:1px solid rgba(79,159,242,.39)!important;overflow:hidden!important
}
.home-site.home-reference .home-input-icon{height:100%!important;display:grid!important;place-items:center!important;border-right:1px solid rgba(84,155,226,.23)!important;color:#b6d8f8!important}
.home-site.home-reference .home-input-icon .icon{width:19px!important;height:19px!important}
.home-site.home-reference .home-input-copy{min-width:0!important;display:block!important;padding:0 12px!important}
.home-site.home-reference .home-input-copy small{display:block!important;margin-bottom:3px!important;font-size:9px!important;color:#d3deeb!important;font-weight:600!important}
.home-site.home-reference .home-input-copy input{width:100%!important;height:20px!important;min-height:20px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#e7f0fb!important;font-size:10.5px!important;box-shadow:none!important}
.home-site.home-reference .home-input-copy input::placeholder{color:#8ea3bd!important;opacity:1!important}
.home-site.home-reference .home-eye{width:45px!important;height:58px!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#c1d8ef!important;cursor:pointer!important}
.home-site.home-reference .home-eye .icon{width:17px!important;height:17px!important}
.home-site.home-reference .home-login-options{height:27px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:-2px 1px 8px!important}
.home-site.home-reference .remember-check{font-size:10px!important;color:#afc1d6!important;gap:8px!important}.home-site.home-reference .remember-check span{width:18px!important;height:18px!important;border-radius:4px!important}
.home-site.home-reference .forgot-password{padding:0!important;border:0!important;background:transparent!important;color:#46c9ff!important;font:inherit!important;font-size:9.5px!important;cursor:pointer!important}
.home-site.home-reference .hero-login .btn.primary{height:52px!important;min-height:52px!important;margin:0!important;border-radius:12px!important;font-size:14px!important;font-weight:900!important;color:#031426!important;background:linear-gradient(100deg,#22b9ef,#62e9ff)!important;border:1px solid rgba(160,242,255,.88)!important;box-shadow:0 0 22px rgba(40,191,255,.18)!important}
.home-site.home-reference .hero-login .btn.primary .icon{width:18px!important;height:18px!important}
.home-site.home-reference .hero-login .orline{margin:12px 0!important;color:#95abc2!important;font-size:9px!important}
.home-site.home-reference .home-create-code{height:47px!important;min-height:47px!important;border-radius:11px!important;font-size:11px!important;font-weight:800!important;color:#f2f8ff!important;background:rgba(2,13,31,.50)!important;border:1px solid rgba(77,184,255,.76)!important}
.home-site.home-reference .home-create-code .icon{width:18px!important;height:18px!important;color:#5dd6ff!important}
.home-site.home-reference .login-hint.compact{display:grid!important;grid-template-columns:43px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;margin:14px 0 0!important;padding:11px 12px!important;border-radius:13px!important;background:rgba(16,45,85,.30)!important;border:1px solid rgba(82,160,246,.20)!important}
.home-site.home-reference .login-hint.compact .hint-icon{width:43px!important;height:43px!important;padding:10px!important;border-radius:11px!important;background:rgba(21,93,204,.25)!important;color:#69bfff!important}
.home-site.home-reference .login-hint.compact b{display:block!important;margin:0 0 4px!important;font-size:10px!important;color:#edf5fe!important}.home-site.home-reference .login-hint.compact small{display:block!important;font-size:8px!important;line-height:1.42!important;color:#9bb1ca!important}

.home-site.home-reference .home-corner{position:absolute!important;z-index:3!important;color:#55d6ff!important;font-size:7.4px!important;line-height:1.82!important;font-weight:850!important;letter-spacing:.43em!important;text-shadow:0 0 12px rgba(54,196,255,.30)!important;pointer-events:none!important}
.home-site.home-reference .home-corner>span{display:block!important;width:22px!important;height:1px!important;margin-top:8px!important;background:#51d6ff!important;box-shadow:0 0 7px rgba(77,211,255,.6)!important}
.home-site.home-reference .home-corner-top{right:5px!important;top:-27px!important}.home-site.home-reference .home-corner-bottom-left{left:0!important;bottom:16px!important}.home-site.home-reference .home-corner-bottom-left>span{display:inline-block!important;margin:0 0 3px 12px!important;width:38px!important}.home-site.home-reference .home-corner-bottom-right{right:2px!important;bottom:0!important}.home-site.home-reference .home-corner-bottom-right>span{margin-top:7px!important}

/* Store cards: badges are centered as one visual unit, no crooked Spotify / Featured rows. */
.store-cover-tags{
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:10px!important;
  width:max-content!important;
  max-width:calc(100% - 18px)!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.store-category-tag,.store-featured-tag{
  height:28px!important;
  min-height:28px!important;
  padding:0 9px!important;
  margin:0!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  line-height:1!important;
  vertical-align:middle!important;
  transform:none!important;
}
.store-category-tag{max-width:180px!important}.store-featured-tag{max-width:112px!important}
.store-category-tag b,.store-featured-tag{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.store-category-tag .icon,.store-featured-tag .icon{width:12px!important;height:12px!important;flex:0 0 12px!important}

/* Browser viewport safety: preserve the exact desktop composition without clipping. */
@media (max-height:820px) and (min-width:1101px){
  .home-site.home-reference{min-height:620px!important}
  .home-site.home-reference .topbar.minimal{height:64px!important;min-height:64px!important}
  .home-site.home-reference .brand-text{font-size:24px!important}
  .home-site.home-reference .hero-single{height:calc(100svh - 64px)!important;min-height:556px!important;grid-template-columns:minmax(0,820px) 392px!important;gap:44px!important;padding:14px 0 12px!important}
  .home-site.home-reference .home-eyebrow{margin-top:2px!important;font-size:7.5px!important}
  .home-site.home-reference .hero-copy h1{font-size:clamp(49px,4.1vw,61px)!important;margin:12px 0 8px!important}
  .home-site.home-reference .hero-copy>p{font-size:11.5px!important;max-width:650px!important}
  .home-site.home-reference .hero-steps{margin:12px 0 10px!important;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr) 17px minmax(0,1fr)!important;gap:6px!important;max-width:750px!important}
  .home-site.home-reference .flow-step{height:58px!important;min-height:58px!important;grid-template-columns:35px 27px minmax(0,1fr)!important;gap:7px!important;padding:7px 9px!important;border-radius:11px!important}
  .home-site.home-reference .flow-step>span{width:35px!important;height:35px!important;font-size:11px!important}.home-site.home-reference .flow-step .step-glyph{width:27px!important;height:27px!important}.home-site.home-reference .flow-step .step-glyph .icon{width:20px!important;height:20px!important}.home-site.home-reference .flow-step b{font-size:9.8px!important}.home-site.home-reference .flow-step small{font-size:7.3px!important;margin-top:2px!important}
  .home-site.home-reference .hero-code-panel{max-width:760px!important;padding:10px 14px 0!important}.home-site.home-reference .hero-code-head{min-height:31px!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:9px!important;margin-bottom:6px!important}.home-site.home-reference .code-title-icon{width:30px!important;height:30px!important}.home-site.home-reference .code-title-icon .icon{width:24px!important;height:24px!important}.home-site.home-reference .hero-code-head small{font-size:7px!important}.home-site.home-reference .hero-code-head p{font-size:7.4px!important;margin-top:3px!important}.home-site.home-reference .hero-code-head>span{font-size:7.5px!important}
  .home-site.home-reference .hero-code-form{grid-template-columns:minmax(0,1fr) 214px!important;gap:9px!important}.home-site.home-reference .code-input,.home-site.home-reference .hero-code-form .btn{height:43px!important;min-height:43px!important}.home-site.home-reference .code-input{padding:0 12px!important}.home-site.home-reference .code-input .icon{width:17px!important;height:17px!important}.home-site.home-reference .code-input input{font-size:13px!important}.home-site.home-reference .hero-code-form .btn{font-size:11px!important}.home-site.home-reference .hero-code-note{margin-top:6px!important;padding:5px 8px!important;font-size:7.6px!important}.home-site.home-reference .hero-check{width:18px!important;height:18px!important;flex-basis:18px!important}.home-site.home-reference .hero-check .icon{width:10px!important;height:10px!important}
  .home-site.home-reference .home-benefits{width:calc(100% + 28px)!important;margin:7px -14px 0!important;padding:7px 12px 8px!important}.home-site.home-reference .home-benefit{grid-template-columns:27px minmax(0,1fr)!important;gap:6px!important;padding:0 12px!important}.home-site.home-reference .home-benefit>.icon{width:21px!important;height:21px!important}.home-site.home-reference .home-benefit b{font-size:7.8px!important}.home-site.home-reference .home-benefit small{font-size:6.2px!important}
  .home-site.home-reference .hero-login{width:392px!important;max-width:392px!important;margin-top:17px!important;padding:16px 22px 15px!important;border-radius:20px!important}.home-site.home-reference .login-card-top{margin-bottom:9px!important}.home-site.home-reference .home-v-mark{width:46px!important;height:46px!important;border-radius:12px!important;font-size:25px!important}.home-site.home-reference .secure-login-pill{min-height:23px!important;font-size:7.5px!important}.home-site.home-reference .hero-login h3{font-size:20px!important;margin-bottom:4px!important}.home-site.home-reference .hero-login>p{font-size:8.6px!important;margin-bottom:9px!important}.home-site.home-reference .home-input-shell{height:45px!important;min-height:45px!important;margin-bottom:8px!important;grid-template-columns:40px minmax(0,1fr) auto!important}.home-site.home-reference .home-input-icon .icon{width:16px!important;height:16px!important}.home-site.home-reference .home-input-copy{padding:0 10px!important}.home-site.home-reference .home-input-copy small{font-size:7.4px!important;margin-bottom:1px!important}.home-site.home-reference .home-input-copy input{font-size:8.8px!important;height:17px!important;min-height:17px!important}.home-site.home-reference .home-eye{width:38px!important;height:45px!important}.home-site.home-reference .home-eye .icon{width:14px!important;height:14px!important}.home-site.home-reference .home-login-options{height:22px!important;margin:-1px 0 6px!important}.home-site.home-reference .remember-check{font-size:8px!important}.home-site.home-reference .remember-check span{width:15px!important;height:15px!important}.home-site.home-reference .forgot-password{font-size:7.8px!important}.home-site.home-reference .hero-login .btn.primary{height:42px!important;min-height:42px!important;font-size:11px!important}.home-site.home-reference .hero-login .orline{margin:7px 0!important;font-size:7.5px!important}.home-site.home-reference .home-create-code{height:38px!important;min-height:38px!important;font-size:9px!important}.home-site.home-reference .login-hint.compact{grid-template-columns:35px minmax(0,1fr)!important;gap:8px!important;margin-top:8px!important;padding:7px 8px!important}.home-site.home-reference .login-hint.compact .hint-icon{width:35px!important;height:35px!important;padding:8px!important}.home-site.home-reference .login-hint.compact b{font-size:8px!important}.home-site.home-reference .login-hint.compact small{font-size:6.5px!important}
  .home-site.home-reference .home-corner{display:none!important}
}

@media (max-width:1100px){
  .home-site.home-reference{height:auto!important;min-height:100svh!important;overflow:auto!important}
  .home-site.home-reference .home-scene{position:fixed!important;background-position:center center!important}
  .home-site.home-reference .shell{width:min(900px,calc(100% - 32px))!important}
  .home-site.home-reference .topbar.minimal{height:66px!important;min-height:66px!important}
  .home-site.home-reference .hero-single{height:auto!important;min-height:calc(100svh - 66px)!important;grid-template-columns:1fr!important;gap:24px!important;padding:25px 0 35px!important}
  .home-site.home-reference .hero-copy,.home-site.home-reference .hero-login{width:100%!important;max-width:820px!important;justify-self:center!important}
  .home-site.home-reference .hero-login{margin-top:0!important}.home-site.home-reference .home-corner{display:none!important}
}
@media (max-width:700px){
  .home-site.home-reference .shell{width:calc(100% - 22px)!important}.home-site.home-reference .brand-text{font-size:22px!important}
  .home-site.home-reference .hero-copy h1{font-size:44px!important}.home-site.home-reference .hero-copy>p{font-size:12.5px!important}
  .home-site.home-reference .home-eyebrow{font-size:7px!important}.home-site.home-reference .home-eyebrow>i{display:none!important}
  .home-site.home-reference .hero-steps{grid-template-columns:1fr!important;gap:9px!important}.home-site.home-reference .hero-steps>.step-arrow{display:none!important}
  .home-site.home-reference .flow-step{grid-template-columns:44px 34px 1fr!important}
  .home-site.home-reference .hero-code-form{grid-template-columns:1fr!important}.home-site.home-reference .hero-code-head{grid-template-columns:34px 1fr!important}.home-site.home-reference .hero-code-head>span{display:none!important}
  .home-site.home-reference .home-benefits{grid-template-columns:1fr!important;gap:10px!important}.home-site.home-reference .home-benefit{border-right:0!important;padding:0!important}
  .home-site.home-reference .hero-login{padding:20px 16px!important}
}

/* =========================================================
   HOME DESKTOP SIZE + EXACT BACKGROUND FIT — 2026-09-10
   Keep the reference composition large, centered and stable.
   ========================================================= */
.home-site.home-reference .home-scene{
  inset:0!important;
  background-image:url('/vow-home-reference.webp')!important;
  background-size:100% 100%!important;
  background-position:50% 50%!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:blur(.35px) brightness(.74) saturate(.96) contrast(1.035)!important;
}
.home-site.home-reference .home-scene:before{
  background:
    linear-gradient(90deg,rgba(0,5,15,.90) 0%,rgba(0,6,17,.84) 34%,rgba(0,7,18,.48) 48%,rgba(0,7,18,.08) 58%,rgba(0,7,18,.10) 67%,rgba(0,6,17,.75) 77%,rgba(0,5,14,.90) 100%),
    linear-gradient(180deg,rgba(0,5,14,.10) 0%,rgba(0,5,14,.03) 58%,rgba(0,4,12,.28) 100%)!important;
}

@media (min-width:1101px){
  .home-site.home-reference .shell{
    width:min(1518px,calc(100% - 72px))!important;
  }
  .home-site.home-reference .topbar.minimal{
    height:76px!important;
    min-height:76px!important;
  }
  .home-site.home-reference .brand-text{
    font-size:28px!important;
  }
  .home-site.home-reference .hero-single{
    height:calc(100svh - 76px)!important;
    min-height:620px!important;
    grid-template-columns:minmax(0,900px) 430px!important;
    gap:54px!important;
    align-items:center!important;
    padding:14px 0 16px!important;
  }
  .home-site.home-reference .hero-copy{
    max-width:900px!important;
    align-self:center!important;
  }
  .home-site.home-reference .home-eyebrow{
    margin-top:0!important;
    font-size:8.8px!important;
  }
  .home-site.home-reference .hero-copy h1{
    margin:20px 0 11px!important;
    font-size:clamp(58px,4.45vw,74px)!important;
    line-height:.965!important;
  }
  .home-site.home-reference .hero-copy>p{
    width:min(100%,700px)!important;
    font-size:13.8px!important;
    line-height:1.48!important;
  }
  .home-site.home-reference .hero-steps{
    width:min(100%,850px)!important;
    margin:20px 0 15px!important;
    grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .home-site.home-reference .flow-step{
    height:68px!important;
    min-height:68px!important;
    grid-template-columns:42px 31px minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px 12px!important;
    border-radius:13px!important;
  }
  .home-site.home-reference .flow-step>span{
    width:42px!important;
    height:42px!important;
    font-size:14px!important;
  }
  .home-site.home-reference .flow-step .step-glyph{
    width:31px!important;
    height:31px!important;
  }
  .home-site.home-reference .flow-step .step-glyph .icon{
    width:23px!important;
    height:23px!important;
  }
  .home-site.home-reference .flow-step b{
    font-size:11.8px!important;
  }
  .home-site.home-reference .flow-step small{
    margin-top:3px!important;
    font-size:8.5px!important;
  }
  .home-site.home-reference .hero-code-panel{
    width:min(100%,850px)!important;
    padding:15px 19px 0!important;
    border-radius:18px!important;
  }
  .home-site.home-reference .hero-code-head{
    min-height:38px!important;
    grid-template-columns:36px minmax(0,1fr) auto!important;
    gap:11px!important;
    margin-bottom:8px!important;
  }
  .home-site.home-reference .code-title-icon{
    width:36px!important;
    height:36px!important;
  }
  .home-site.home-reference .code-title-icon .icon{
    width:28px!important;
    height:28px!important;
  }
  .home-site.home-reference .hero-code-head small{font-size:8px!important}
  .home-site.home-reference .hero-code-head p{font-size:8.9px!important;margin-top:4px!important}
  .home-site.home-reference .hero-code-head>span{font-size:8.8px!important}
  .home-site.home-reference .hero-code-form{
    grid-template-columns:minmax(0,1fr) 238px!important;
    gap:12px!important;
  }
  .home-site.home-reference .code-input,
  .home-site.home-reference .hero-code-form .btn{
    height:51px!important;
    min-height:51px!important;
  }
  .home-site.home-reference .code-input input{font-size:15px!important}
  .home-site.home-reference .hero-code-form .btn{font-size:13px!important}
  .home-site.home-reference .hero-code-note{
    margin-top:8px!important;
    padding:7px 10px!important;
    font-size:8.8px!important;
  }
  .home-site.home-reference .home-benefits{
    width:calc(100% + 38px)!important;
    margin:10px -19px 0!important;
    padding:9px 16px 10px!important;
  }
  .home-site.home-reference .home-benefit{
    grid-template-columns:33px minmax(0,1fr)!important;
    gap:8px!important;
    padding:0 18px!important;
  }
  .home-site.home-reference .home-benefit>.icon{width:25px!important;height:25px!important}
  .home-site.home-reference .home-benefit b{font-size:9.4px!important}
  .home-site.home-reference .home-benefit small{font-size:7.5px!important}

  .home-site.home-reference .hero-login{
    width:430px!important;
    max-width:430px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:end!important;
    padding:24px 28px 21px!important;
    border-radius:23px!important;
  }
  .home-site.home-reference .login-card-top{margin-bottom:14px!important}
  .home-site.home-reference .home-v-mark{width:55px!important;height:55px!important;font-size:29px!important}
  .home-site.home-reference .secure-login-pill{min-height:26px!important;font-size:8.6px!important}
  .home-site.home-reference .hero-login h3{font-size:24px!important;margin-bottom:5px!important}
  .home-site.home-reference .hero-login>p{font-size:10.4px!important;margin-bottom:15px!important}
  .home-site.home-reference .home-input-shell{
    height:54px!important;
    min-height:54px!important;
    margin-bottom:11px!important;
    grid-template-columns:47px minmax(0,1fr) auto!important;
  }
  .home-site.home-reference .home-input-copy small{font-size:8.8px!important}
  .home-site.home-reference .home-input-copy input{font-size:12px!important}
  .home-site.home-reference .home-eye{height:54px!important}
  .home-site.home-reference .home-login-options{margin:0 0 9px!important}
  .home-site.home-reference .remember-check{font-size:9.5px!important}
  .home-site.home-reference .forgot-password{font-size:9.2px!important}
  .home-site.home-reference .hero-login .btn.primary{
    height:49px!important;
    min-height:49px!important;
    font-size:13px!important;
  }
  .home-site.home-reference .hero-login .orline{margin:9px 0!important}
  .home-site.home-reference .home-create-code{
    height:43px!important;
    min-height:43px!important;
    font-size:10.5px!important;
  }
  .home-site.home-reference .login-hint.compact{
    grid-template-columns:39px minmax(0,1fr)!important;
    gap:9px!important;
    margin-top:10px!important;
    padding:9px 10px!important;
  }
  .home-site.home-reference .login-hint.compact .hint-icon{width:39px!important;height:39px!important;padding:9px!important}
  .home-site.home-reference .login-hint.compact b{font-size:9.8px!important}
  .home-site.home-reference .login-hint.compact small{font-size:7.7px!important}
}

/* Keep laptops readable instead of shrinking the whole reference into tiny text. */
@media (max-height:820px) and (min-width:1101px){
  .home-site.home-reference{min-height:620px!important}
  .home-site.home-reference .topbar.minimal{height:70px!important;min-height:70px!important}
  .home-site.home-reference .hero-single{
    height:calc(100svh - 70px)!important;
    min-height:550px!important;
    grid-template-columns:minmax(0,850px) 412px!important;
    gap:44px!important;
    align-items:center!important;
    padding:8px 0 10px!important;
  }
  .home-site.home-reference .hero-copy h1{font-size:clamp(54px,4.2vw,66px)!important;margin:14px 0 8px!important}
  .home-site.home-reference .hero-copy>p{font-size:12.4px!important;line-height:1.43!important}
  .home-site.home-reference .hero-steps{margin:13px 0 11px!important;max-width:810px!important}
  .home-site.home-reference .flow-step{height:61px!important;min-height:61px!important;grid-template-columns:38px 28px minmax(0,1fr)!important;padding:7px 10px!important}
  .home-site.home-reference .flow-step>span{width:38px!important;height:38px!important;font-size:12px!important}
  .home-site.home-reference .flow-step .step-glyph{width:28px!important;height:28px!important}.home-site.home-reference .flow-step .step-glyph .icon{width:21px!important;height:21px!important}
  .home-site.home-reference .flow-step b{font-size:10.5px!important}.home-site.home-reference .flow-step small{font-size:7.8px!important}
  .home-site.home-reference .hero-code-panel{max-width:810px!important;padding:11px 16px 0!important}
  .home-site.home-reference .hero-code-head{min-height:32px!important;grid-template-columns:32px minmax(0,1fr) auto!important;margin-bottom:6px!important}
  .home-site.home-reference .code-title-icon{width:32px!important;height:32px!important}.home-site.home-reference .code-title-icon .icon{width:25px!important;height:25px!important}
  .home-site.home-reference .hero-code-head small{font-size:7.2px!important}.home-site.home-reference .hero-code-head p{font-size:8px!important}.home-site.home-reference .hero-code-head>span{font-size:8px!important}
  .home-site.home-reference .hero-code-form{grid-template-columns:minmax(0,1fr) 220px!important;gap:10px!important}
  .home-site.home-reference .code-input,.home-site.home-reference .hero-code-form .btn{height:46px!important;min-height:46px!important}
  .home-site.home-reference .code-input input{font-size:13.5px!important}.home-site.home-reference .hero-code-form .btn{font-size:11.5px!important}
  .home-site.home-reference .hero-code-note{margin-top:6px!important;padding:5px 8px!important;font-size:7.8px!important}
  .home-site.home-reference .home-benefits{width:calc(100% + 32px)!important;margin:7px -16px 0!important;padding:7px 13px 8px!important}
  .home-site.home-reference .home-benefit{grid-template-columns:29px minmax(0,1fr)!important;gap:7px!important;padding:0 14px!important}.home-site.home-reference .home-benefit>.icon{width:22px!important;height:22px!important}.home-site.home-reference .home-benefit b{font-size:8.5px!important}.home-site.home-reference .home-benefit small{font-size:6.8px!important}
  .home-site.home-reference .hero-login{width:412px!important;max-width:412px!important;margin:0!important;padding:18px 24px 16px!important}
  .home-site.home-reference .login-card-top{margin-bottom:8px!important}.home-site.home-reference .home-v-mark{width:48px!important;height:48px!important;font-size:26px!important}.home-site.home-reference .secure-login-pill{min-height:23px!important;font-size:7.8px!important}
  .home-site.home-reference .hero-login h3{font-size:21px!important;margin-bottom:4px!important}.home-site.home-reference .hero-login>p{font-size:9px!important;margin-bottom:9px!important}
  .home-site.home-reference .home-input-shell{height:45px!important;min-height:45px!important;margin-bottom:8px!important;grid-template-columns:41px minmax(0,1fr) auto!important}.home-site.home-reference .home-input-copy small{font-size:7.7px!important}.home-site.home-reference .home-input-copy input{font-size:9.8px!important}.home-site.home-reference .home-eye{height:45px!important}
  .home-site.home-reference .home-login-options{height:22px!important;margin:0 0 6px!important}.home-site.home-reference .remember-check{font-size:8.3px!important}.home-site.home-reference .forgot-password{font-size:8px!important}
  .home-site.home-reference .hero-login .btn.primary{height:42px!important;min-height:42px!important;font-size:11px!important}.home-site.home-reference .hero-login .orline{margin:6px 0!important}.home-site.home-reference .home-create-code{height:37px!important;min-height:37px!important;font-size:9px!important}
  .home-site.home-reference .login-hint.compact{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;margin-top:7px!important;padding:7px 8px!important}.home-site.home-reference .login-hint.compact .hint-icon{width:34px!important;height:34px!important;padding:8px!important}.home-site.home-reference .login-hint.compact b{font-size:8.4px!important}.home-site.home-reference .login-hint.compact small{font-size:6.7px!important}
}

@media (max-width:1100px){
  .home-site.home-reference .home-scene{
    background-size:cover!important;
    background-position:center center!important;
  }
}

/* =========================================================
   VOW Digital — desktop readability / reference scale fix
   2026-09-10
   ========================================================= */
@media (min-width:1101px){
  .home-site.home-reference .hero-single{
    grid-template-columns:minmax(0,900px) 430px!important;
    gap:54px!important;
    justify-content:space-between!important;
  }
  .home-site.home-reference .home-eyebrow{font-size:10px!important}
  .home-site.home-reference .hero-copy h1{font-size:clamp(64px,4.65vw,78px)!important}
  .home-site.home-reference .hero-copy>p{font-size:15px!important;line-height:1.5!important}
  .home-site.home-reference .flow-step{height:72px!important;min-height:72px!important;grid-template-columns:45px 32px minmax(0,1fr)!important;padding:10px 13px!important}
  .home-site.home-reference .flow-step>span{width:45px!important;height:45px!important;font-size:15px!important}
  .home-site.home-reference .flow-step .step-glyph{width:32px!important;height:32px!important}
  .home-site.home-reference .flow-step .step-glyph .icon{width:24px!important;height:24px!important}
  .home-site.home-reference .flow-step b{font-size:13px!important}
  .home-site.home-reference .flow-step small{font-size:9.5px!important;line-height:1.3!important}
  .home-site.home-reference .hero-code-panel{width:min(100%,862px)!important;padding:17px 22px 0!important}
  .home-site.home-reference .hero-code-head{min-height:40px!important;grid-template-columns:38px minmax(0,1fr) auto!important;margin-bottom:9px!important}
  .home-site.home-reference .code-title-icon{width:38px!important;height:38px!important}
  .home-site.home-reference .code-title-icon .icon{width:30px!important;height:30px!important}
  .home-site.home-reference .hero-code-head small{font-size:9px!important}
  .home-site.home-reference .hero-code-head p{font-size:10px!important}
  .home-site.home-reference .hero-code-head>span{font-size:9.8px!important}
  .home-site.home-reference .hero-code-form{grid-template-columns:minmax(0,1fr) 248px!important}
  .home-site.home-reference .code-input,.home-site.home-reference .hero-code-form .btn{height:55px!important;min-height:55px!important}
  .home-site.home-reference .code-input input{font-size:16px!important}
  .home-site.home-reference .hero-code-form .btn{font-size:14px!important}
  .home-site.home-reference .hero-code-note{font-size:9.8px!important;padding:8px 10px!important}
  .home-site.home-reference .home-benefits{width:calc(100% + 44px)!important;margin:11px -22px 0!important;padding:10px 17px 11px!important}
  .home-site.home-reference .home-benefit{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;padding:0 20px!important}
  .home-site.home-reference .home-benefit>.icon{width:27px!important;height:27px!important}
  .home-site.home-reference .home-benefit b{font-size:10.5px!important}
  .home-site.home-reference .home-benefit small{font-size:8.3px!important}

  .home-site.home-reference .hero-login{
    width:430px!important;
    max-width:430px!important;
    min-height:600px!important;
    margin:0!important;
    padding:27px 30px 24px!important;
    align-self:center!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .home-site.home-reference .login-card-top{margin-bottom:17px!important}
  .home-site.home-reference .home-v-mark{width:58px!important;height:58px!important;font-size:31px!important}
  .home-site.home-reference .secure-login-pill{min-height:28px!important;font-size:9px!important}
  .home-site.home-reference .hero-login h3{font-size:29px!important;margin-bottom:7px!important}
  .home-site.home-reference .hero-login>p{font-size:12px!important;line-height:1.48!important;margin-bottom:18px!important}
  .home-site.home-reference .home-input-shell{height:58px!important;min-height:58px!important;margin-bottom:13px!important;grid-template-columns:50px minmax(0,1fr) auto!important}
  .home-site.home-reference .home-input-icon .icon{width:20px!important;height:20px!important}
  .home-site.home-reference .home-input-copy small{font-size:9.8px!important;margin-bottom:3px!important}
  .home-site.home-reference .home-input-copy input{font-size:11.5px!important;height:21px!important;min-height:21px!important}
  .home-site.home-reference .home-eye{height:58px!important;width:45px!important}
  .home-site.home-reference .home-eye .icon{width:18px!important;height:18px!important}
  .home-site.home-reference .home-login-options{height:30px!important;margin:0 1px 9px!important}
  .home-site.home-reference .remember-check{font-size:10.5px!important}
  .home-site.home-reference .remember-check span{width:19px!important;height:19px!important}
  .home-site.home-reference .forgot-password{font-size:10px!important}
  .home-site.home-reference .hero-login .btn.primary{height:53px!important;min-height:53px!important;font-size:14px!important}
  .home-site.home-reference .hero-login .orline{margin:11px 0!important;font-size:9.5px!important}
  .home-site.home-reference .home-create-code{height:48px!important;min-height:48px!important;font-size:11.5px!important}
  .home-site.home-reference .login-hint.compact{grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;margin-top:14px!important;padding:11px 12px!important}
  .home-site.home-reference .login-hint.compact .hint-icon{width:44px!important;height:44px!important;padding:10px!important}
  .home-site.home-reference .login-hint.compact b{font-size:10.5px!important}
  .home-site.home-reference .login-hint.compact small{font-size:8.6px!important;line-height:1.45!important}
}

/* Browser-height laptops: keep the reference large instead of shrinking text/icons. */
@media (max-height:820px) and (min-width:1101px){
  .home-site.home-reference .topbar.minimal{height:70px!important;min-height:70px!important}
  .home-site.home-reference .brand-text{font-size:28px!important}
  .home-site.home-reference .hero-single{
    height:calc(100svh - 70px)!important;
    min-height:0!important;
    grid-template-columns:minmax(0,900px) 430px!important;
    gap:54px!important;
    align-items:center!important;
    padding:5px 0 8px!important;
  }
  .home-site.home-reference .home-eyebrow{margin-top:0!important;font-size:9.5px!important}
  .home-site.home-reference .hero-copy h1{font-size:clamp(60px,4.45vw,73px)!important;margin:14px 0 9px!important;line-height:.95!important}
  .home-site.home-reference .hero-copy>p{font-size:13.5px!important;line-height:1.45!important;max-width:710px!important}
  .home-site.home-reference .hero-steps{width:min(100%,852px)!important;max-width:852px!important;margin:14px 0 11px!important;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr)!important;gap:7px!important}
  .home-site.home-reference .flow-step{height:66px!important;min-height:66px!important;grid-template-columns:41px 30px minmax(0,1fr)!important;gap:8px!important;padding:8px 11px!important}
  .home-site.home-reference .flow-step>span{width:41px!important;height:41px!important;font-size:13px!important}
  .home-site.home-reference .flow-step .step-glyph{width:30px!important;height:30px!important}.home-site.home-reference .flow-step .step-glyph .icon{width:22px!important;height:22px!important}
  .home-site.home-reference .flow-step b{font-size:11.5px!important}.home-site.home-reference .flow-step small{font-size:8.4px!important}
  .home-site.home-reference .hero-code-panel{width:min(100%,852px)!important;max-width:852px!important;padding:12px 17px 0!important}
  .home-site.home-reference .hero-code-head{min-height:34px!important;grid-template-columns:34px minmax(0,1fr) auto!important;margin-bottom:7px!important}.home-site.home-reference .code-title-icon{width:34px!important;height:34px!important}.home-site.home-reference .code-title-icon .icon{width:27px!important;height:27px!important}
  .home-site.home-reference .hero-code-head small{font-size:7.8px!important}.home-site.home-reference .hero-code-head p{font-size:8.6px!important}.home-site.home-reference .hero-code-head>span{font-size:8.6px!important}
  .home-site.home-reference .hero-code-form{grid-template-columns:minmax(0,1fr) 232px!important;gap:11px!important}.home-site.home-reference .code-input,.home-site.home-reference .hero-code-form .btn{height:49px!important;min-height:49px!important}.home-site.home-reference .code-input input{font-size:14.5px!important}.home-site.home-reference .hero-code-form .btn{font-size:12.5px!important}
  .home-site.home-reference .hero-code-note{margin-top:7px!important;padding:6px 9px!important;font-size:8.5px!important}
  .home-site.home-reference .home-benefits{width:calc(100% + 34px)!important;margin:8px -17px 0!important;padding:8px 14px 9px!important}.home-site.home-reference .home-benefit{grid-template-columns:31px minmax(0,1fr)!important;gap:7px!important;padding:0 15px!important}.home-site.home-reference .home-benefit>.icon{width:23px!important;height:23px!important}.home-site.home-reference .home-benefit b{font-size:9px!important}.home-site.home-reference .home-benefit small{font-size:7.2px!important}

  .home-site.home-reference .hero-login{width:430px!important;max-width:430px!important;min-height:590px!important;margin:0!important;padding:23px 28px 21px!important;align-self:center!important}
  .home-site.home-reference .login-card-top{margin-bottom:13px!important}.home-site.home-reference .home-v-mark{width:54px!important;height:54px!important;font-size:29px!important}.home-site.home-reference .secure-login-pill{min-height:26px!important;font-size:8.6px!important}
  .home-site.home-reference .hero-login h3{font-size:27px!important;margin-bottom:6px!important}.home-site.home-reference .hero-login>p{font-size:10.8px!important;line-height:1.46!important;margin-bottom:14px!important}
  .home-site.home-reference .home-input-shell{height:53px!important;min-height:53px!important;margin-bottom:10px!important;grid-template-columns:47px minmax(0,1fr) auto!important}.home-site.home-reference .home-input-icon .icon{width:18px!important;height:18px!important}.home-site.home-reference .home-input-copy small{font-size:8.8px!important}.home-site.home-reference .home-input-copy input{font-size:10.5px!important}.home-site.home-reference .home-eye{height:53px!important}
  .home-site.home-reference .home-login-options{height:27px!important;margin:0 0 7px!important}.home-site.home-reference .remember-check{font-size:9.5px!important}.home-site.home-reference .forgot-password{font-size:9.2px!important}
  .home-site.home-reference .hero-login .btn.primary{height:49px!important;min-height:49px!important;font-size:13px!important}.home-site.home-reference .hero-login .orline{margin:8px 0!important;font-size:8.8px!important}.home-site.home-reference .home-create-code{height:44px!important;min-height:44px!important;font-size:10.5px!important}
  .home-site.home-reference .login-hint.compact{grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important;margin-top:10px!important;padding:9px 10px!important}.home-site.home-reference .login-hint.compact .hint-icon{width:40px!important;height:40px!important;padding:9px!important}.home-site.home-reference .login-hint.compact b{font-size:9.6px!important}.home-site.home-reference .login-hint.compact small{font-size:7.7px!important;line-height:1.42!important}
}

/* Store badge placement: category on the left, featured/status on the right. */
.store-card.reference .store-cover-tags{
  left:10px!important;
  right:10px!important;
  top:10px!important;
  bottom:auto!important;
  width:auto!important;
  max-width:none!important;
  transform:none!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
  pointer-events:none!important;
}
.store-card.reference .store-category-tag,
.store-card.reference .store-featured-tag{
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  align-self:flex-start!important;
  flex:0 1 auto!important;
}
.store-card.reference .store-category-tag{margin-right:auto!important;max-width:68%!important}
.store-card.reference .store-featured-tag{margin-left:auto!important;max-width:40%!important;background:rgba(2,12,29,.88)!important;backdrop-filter:blur(8px)!important}

/* ======================================================================
   VOW Digital — readability / premium login cleanup — 2026-09-10
   ====================================================================== */
.home-site.home-reference .home-scene{
  inset:-2px!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  transform:none!important;
  filter:blur(1.15px) brightness(.64) saturate(.90) contrast(1.045)!important;
}
.home-site.home-reference .home-scene:before{
  background:
    linear-gradient(90deg,rgba(0,4,12,.76) 0%,rgba(0,5,14,.52) 33%,rgba(0,6,16,.23) 53%,rgba(0,6,16,.13) 64%,rgba(0,5,14,.51) 82%,rgba(0,4,12,.76) 100%),
    linear-gradient(180deg,rgba(0,3,10,.22) 0%,rgba(0,4,12,.12) 55%,rgba(0,3,10,.36) 100%)!important;
}
.home-site.home-reference .home-scene:after{
  background:
    radial-gradient(circle at 62% 43%,rgba(32,157,255,.07),transparent 30%),
    linear-gradient(rgba(0,4,12,.08),rgba(0,4,12,.08))!important;
}

/* Header line fades out instead of crossing the full page. */
.home-site.home-reference .topbar.minimal{
  border-bottom:0!important;
  position:relative!important;
}
.home-site.home-reference .topbar.minimal:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:min(62%,880px)!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(91,166,244,.25) 0%,rgba(91,166,244,.18) 52%,rgba(91,166,244,.06) 78%,transparent 100%)!important;
  box-shadow:0 0 8px rgba(41,150,255,.04)!important;
  pointer-events:none!important;
}

/* Make all supporting copy comfortably readable. */
.home-site.home-reference .home-eyebrow{font-size:10.5px!important}
.home-site.home-reference .hero-copy>p{font-size:15.5px!important;line-height:1.52!important}
.home-site.home-reference .flow-step b{font-size:13.5px!important}
.home-site.home-reference .flow-step small{font-size:10px!important;line-height:1.35!important}
.home-site.home-reference .hero-code-head small{font-size:9.5px!important}
.home-site.home-reference .hero-code-head p{font-size:10.5px!important;line-height:1.35!important}
.home-site.home-reference .hero-code-head>span{font-size:10px!important}
.home-site.home-reference .hero-code-note{font-size:10.2px!important;line-height:1.4!important}
.home-site.home-reference .home-benefit b{font-size:10.8px!important}
.home-site.home-reference .home-benefit small{font-size:9px!important;line-height:1.35!important}

/* Slightly more premium / epic glass boxes without adding heavy animation. */
.home-site.home-reference .flow-step{
  border-color:rgba(74,188,255,.48)!important;
  background:linear-gradient(145deg,rgba(4,24,54,.78),rgba(1,10,27,.86))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.20),0 0 18px rgba(22,143,255,.07),inset 0 1px 0 rgba(160,225,255,.055),inset 0 0 28px rgba(38,133,230,.035)!important;
}
.home-site.home-reference .flow-step:hover{
  border-color:rgba(89,205,255,.62)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.22),0 0 22px rgba(25,160,255,.10),inset 0 1px 0 rgba(176,232,255,.07)!important;
}
.home-site.home-reference .hero-code-panel{
  border-color:rgba(79,196,255,.82)!important;
  background:linear-gradient(145deg,rgba(3,23,51,.86),rgba(1,10,27,.92))!important;
  box-shadow:0 0 34px rgba(22,150,255,.17),0 20px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(157,225,255,.055),inset 0 0 36px rgba(44,143,237,.04)!important;
}
.home-site.home-reference .code-input{
  border-color:rgba(82,183,255,.52)!important;
  background:linear-gradient(180deg,rgba(1,12,29,.90),rgba(1,8,21,.91))!important;
  box-shadow:inset 0 0 22px rgba(20,76,140,.12),0 0 0 1px rgba(22,117,210,.025)!important;
}
.home-site.home-reference .home-benefits{
  background:linear-gradient(180deg,rgba(3,15,34,.24),rgba(1,8,21,.47))!important;
}

/* Login: remove decorative V tile + create-account row, simplify fields. */
.home-site.home-reference .hero-login{
  min-height:520px!important;
  justify-content:center!important;
  padding:31px 32px 28px!important;
  border-color:rgba(84,201,255,.84)!important;
  background:
    radial-gradient(circle at 82% 8%,rgba(38,157,255,.10),transparent 28%),
    linear-gradient(152deg,rgba(4,27,58,.88),rgba(1,10,27,.95))!important;
  box-shadow:0 0 38px rgba(22,151,255,.17),0 32px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(177,232,255,.06),inset 0 0 44px rgba(38,130,228,.045)!important;
}
.home-site.home-reference .login-card-top{
  min-height:28px!important;
  margin:0 0 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.home-site.home-reference .secure-login-pill{
  min-height:30px!important;
  padding:0 12px!important;
  font-size:10px!important;
  color:#d2e2ef!important;
  border:1px solid rgba(67,190,151,.13)!important;
  background:rgba(23,88,76,.17)!important;
}
.home-site.home-reference .login-intro{margin:0 0 22px!important}
.home-site.home-reference .login-kicker{
  display:block!important;
  margin:0 0 8px!important;
  color:#5dd5ff!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.24em!important;
}
.home-site.home-reference .hero-login h3{
  margin:0 0 9px!important;
  font-size:30px!important;
  line-height:1.08!important;
  letter-spacing:-.038em!important;
}
.home-site.home-reference .hero-login .login-intro>p{
  margin:0!important;
  color:#afc1d5!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.home-site.home-reference .hero-login>p{display:none!important}
.home-site.home-reference .home-input-shell{
  height:60px!important;
  min-height:60px!important;
  margin-bottom:13px!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
  border-radius:13px!important;
  border-color:rgba(83,174,255,.45)!important;
  background:linear-gradient(180deg,rgba(1,12,29,.91),rgba(1,8,21,.92))!important;
  box-shadow:inset 0 0 21px rgba(18,65,120,.10)!important;
}
.home-site.home-reference .home-input-icon{border-right-color:rgba(84,160,232,.20)!important}
.home-site.home-reference .home-input-icon .icon{width:20px!important;height:20px!important;color:#a9d5f8!important}
.home-site.home-reference .home-input-copy{padding:0 15px!important;display:flex!important;align-items:center!important;height:100%!important}
.home-site.home-reference .home-input-copy small{display:none!important}
.home-site.home-reference .home-input-copy input{
  height:100%!important;
  min-height:0!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:600!important;
}
.home-site.home-reference .home-input-copy input::placeholder{color:#8198b4!important;opacity:1!important}
.home-site.home-reference .home-eye{height:60px!important;width:48px!important}
.home-site.home-reference .home-login-options{
  height:32px!important;
  margin:1px 1px 12px!important;
}
.home-site.home-reference .remember-check{font-size:11px!important}
.home-site.home-reference .forgot-password{font-size:10.5px!important}
.home-site.home-reference .hero-login .btn.primary{
  height:55px!important;
  min-height:55px!important;
  border-radius:13px!important;
  font-size:14.5px!important;
  box-shadow:0 0 24px rgba(38,191,255,.20),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.home-site.home-reference .login-hint.compact{
  margin-top:18px!important;
  padding:14px 15px!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:13px!important;
  border-color:rgba(84,173,255,.24)!important;
  background:linear-gradient(145deg,rgba(13,48,91,.37),rgba(4,21,48,.30))!important;
  box-shadow:inset 0 1px 0 rgba(147,214,255,.035)!important;
}
.home-site.home-reference .login-hint.compact .hint-icon{width:48px!important;height:48px!important;padding:11px!important}
.home-site.home-reference .login-hint.compact b{font-size:11.5px!important;margin-bottom:4px!important}
.home-site.home-reference .login-hint.compact small{font-size:9.8px!important;line-height:1.5!important}

/* Prevent old removed login controls from occupying space if stale markup is cached. */
.home-site.home-reference .home-v-mark,
.home-site.home-reference .home-create-code,
.home-site.home-reference .hero-login>.orline{display:none!important}

/* Laptop browser view: keep text readable; removed rows give us room. */
@media (max-height:820px) and (min-width:1101px){
  .home-site.home-reference .home-eyebrow{font-size:9.8px!important}
  .home-site.home-reference .hero-copy>p{font-size:13.8px!important}
  .home-site.home-reference .flow-step b{font-size:12px!important}
  .home-site.home-reference .flow-step small{font-size:8.9px!important}
  .home-site.home-reference .hero-code-head small{font-size:8.2px!important}
  .home-site.home-reference .hero-code-head p{font-size:9px!important}
  .home-site.home-reference .hero-code-head>span{font-size:9px!important}
  .home-site.home-reference .hero-code-note{font-size:9px!important}
  .home-site.home-reference .home-benefit b{font-size:9.5px!important}
  .home-site.home-reference .home-benefit small{font-size:7.8px!important}

  .home-site.home-reference .hero-login{
    width:430px!important;
    max-width:430px!important;
    min-height:500px!important;
    padding:24px 28px 22px!important;
  }
  .home-site.home-reference .login-card-top{margin-bottom:12px!important}
  .home-site.home-reference .secure-login-pill{min-height:27px!important;font-size:9px!important}
  .home-site.home-reference .login-intro{margin-bottom:17px!important}
  .home-site.home-reference .login-kicker{font-size:8.5px!important;margin-bottom:7px!important}
  .home-site.home-reference .hero-login h3{font-size:27px!important;margin-bottom:7px!important}
  .home-site.home-reference .hero-login .login-intro>p{font-size:11px!important;line-height:1.48!important}
  .home-site.home-reference .home-input-shell{height:54px!important;min-height:54px!important;margin-bottom:10px!important;grid-template-columns:47px minmax(0,1fr) auto!important}
  .home-site.home-reference .home-input-copy input{font-size:12.5px!important}
  .home-site.home-reference .home-eye{height:54px!important}
  .home-site.home-reference .home-login-options{height:29px!important;margin:0 0 9px!important}
  .home-site.home-reference .remember-check{font-size:9.8px!important}
  .home-site.home-reference .forgot-password{font-size:9.5px!important}
  .home-site.home-reference .hero-login .btn.primary{height:50px!important;min-height:50px!important;font-size:13px!important}
  .home-site.home-reference .login-hint.compact{margin-top:13px!important;padding:11px 12px!important;grid-template-columns:42px minmax(0,1fr)!important;gap:10px!important}
  .home-site.home-reference .login-hint.compact .hint-icon{width:42px!important;height:42px!important;padding:10px!important}
  .home-site.home-reference .login-hint.compact b{font-size:10.2px!important}
  .home-site.home-reference .login-hint.compact small{font-size:8.5px!important;line-height:1.45!important}
}

/* ======================================================================
   VOW Digital — product key delivery polish + artwork fit (2026-09-10)
   ====================================================================== */

/* Product image uploads should be the artwork itself — no duplicated title overlay. */
.art.image{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.art.image:after{display:none!important}
.art.image:before{display:none!important}
.art.image>b,.art.image>small{display:none!important}

/* Library artwork stays square and fills the media tile cleanly. */
.library-card.reference .card-media{
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  aspect-ratio:1/1!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
}
.library-card.reference .card-media .art{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  flex:1 1 auto!important;
  background-size:cover!important;
  background-position:center!important;
}

/* Remove the old decorative blurred rectangle above delivery information. */
.product-detail-epic .showcase-side{
  align-content:center!important;
  grid-template-rows:auto auto!important;
}
.product-detail-epic .showcase-scene{display:none!important}

/* Verification becomes the visible key area while the real key stays hidden. */
.product-detail-epic .key-verification{
  min-height:124px;
  border-radius:16px;
  padding:16px 18px 14px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(70,173,255,.26);
  background:
    radial-gradient(circle at 12% 0%,rgba(32,149,255,.15),transparent 36%),
    linear-gradient(145deg,rgba(5,23,50,.97),rgba(3,14,32,.98));
  box-shadow:inset 0 0 28px rgba(31,130,255,.035),0 12px 28px rgba(0,0,0,.16);
  animation:vowVerifyEnter .34s cubic-bezier(.2,.8,.2,1) both;
}
.product-detail-epic .key-verification[hidden]{display:none!important}
.product-detail-epic .key-verification:before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-70px;
  top:-105px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(48,177,255,.16),transparent 67%);
  pointer-events:none;
}
.product-detail-epic .key-verification-head{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 12px;
  gap:13px;
  align-items:center;
  position:relative;
  z-index:1;
}
.product-detail-epic .key-verification-icon{
  width:46px;
  height:46px;
  border-radius:13px;
  display:grid;
  place-items:center;
  color:#73d4ff;
  border:1px solid rgba(82,178,255,.24);
  background:linear-gradient(145deg,rgba(24,112,230,.24),rgba(8,41,91,.34));
  box-shadow:0 0 20px rgba(34,145,255,.09);
}
.product-detail-epic .key-verification-icon .icon{width:22px;height:22px}
.product-detail-epic .key-verification-copy{min-width:0}
.product-detail-epic .key-verification-copy .eyebrow{
  font-size:8.5px!important;
  letter-spacing:.16em!important;
  color:#70bce9!important;
}
.product-detail-epic .key-verification-copy h3{
  margin:3px 0 3px;
  color:#f4f9ff;
  font-size:16px;
  line-height:1.25;
  letter-spacing:-.015em;
}
.product-detail-epic .key-verification-copy p{
  margin:0;
  color:#8da8c8;
  font-size:10.5px;
  line-height:1.45;
}
.product-detail-epic .key-verification-pulse{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#43e3a3;
  box-shadow:0 0 0 0 rgba(67,227,163,.38);
  animation:vowVerifyPulse 1.45s ease-out infinite;
}
.product-detail-epic .key-verification-progress{
  height:5px;
  margin-top:13px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(74,151,234,.1);
  position:relative;
  z-index:1;
}
.product-detail-epic .key-verification-progress i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#1678ff,#31cbff,#55e5bd);
  box-shadow:0 0 14px rgba(54,183,255,.38);
  transition:width .55s cubic-bezier(.2,.8,.2,1);
}
.product-detail-epic .key-verification-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:11px;
  position:relative;
  z-index:1;
}
.product-detail-epic .key-verification-steps span{
  min-height:27px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#607d9f;
  background:rgba(255,255,255,.012);
  border:1px solid rgba(79,151,235,.07);
  font-size:8.5px;
  font-weight:700;
  transition:color .25s ease,border-color .25s ease,background .25s ease;
}
.product-detail-epic .key-verification-steps span .icon{width:12px;height:12px}
.product-detail-epic .key-verification-steps span.active{
  color:#bfe8ff;
  border-color:rgba(62,176,255,.2);
  background:rgba(27,124,230,.08);
}

.product-detail-epic .key-reveal-area{
  max-height:150px;
  opacity:1;
  transform:translateY(0) scale(1);
  overflow:visible;
  transition:max-height .24s ease,opacity .2s ease,transform .24s ease,margin .24s ease;
}
.product-detail-epic .key-reveal-area.is-verifying{
  max-height:0;
  opacity:0;
  transform:translateY(8px) scale(.985);
  overflow:hidden;
  pointer-events:none;
  margin:0!important;
}
.product-detail-epic .key-reveal-area.is-ready{
  animation:vowKeyReveal .62s cubic-bezier(.16,.84,.2,1) both;
}
.product-detail-epic .key-reveal-area.is-ready .key-field{
  border-color:rgba(75,193,255,.5)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 0 24px rgba(37,154,255,.12)!important;
}
.product-detail-epic .key-field.is-checking{pointer-events:none}

@keyframes vowVerifyEnter{
  from{opacity:0;transform:translateY(7px) scale(.99)}
  to{opacity:1;transform:none}
}
@keyframes vowVerifyPulse{
  0%{box-shadow:0 0 0 0 rgba(67,227,163,.42)}
  70%{box-shadow:0 0 0 8px rgba(67,227,163,0)}
  100%{box-shadow:0 0 0 0 rgba(67,227,163,0)}
}
@keyframes vowKeyReveal{
  0%{opacity:0;transform:translateY(11px) scale(.985);filter:blur(3px)}
  55%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:none;filter:none}
}

@media(max-width:760px){
  .product-detail-epic .key-verification{padding:14px}
  .product-detail-epic .key-verification-head{grid-template-columns:40px minmax(0,1fr) 10px}
  .product-detail-epic .key-verification-icon{width:40px;height:40px}
  .product-detail-epic .key-verification-steps{grid-template-columns:1fr}
  .product-detail-epic .key-reveal-area{max-height:230px}
}

@media(prefers-reduced-motion:reduce){
  .product-detail-epic .key-verification,
  .product-detail-epic .key-verification-pulse,
  .product-detail-epic .key-reveal-area.is-ready{animation:none!important}
}

/* Delivery code admin: single-use ItemSatış links */
.claim-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:760px}
.claim-filterbar{grid-template-columns:minmax(260px,1fr) minmax(180px,240px) minmax(160px,210px)!important;align-items:center}
.claim-bulkbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin:12px 0;border:1px solid rgba(70,153,224,.16);border-radius:14px;background:rgba(5,17,37,.48)}
.claim-bulkbar>div,.claim-select-all{display:flex;align-items:center;gap:12px}.claim-bulkbar span{font-size:12px;color:#9fb6d2;font-weight:700}.claim-select-all{cursor:pointer}.claim-select-all input,.claim-check{width:16px;height:16px;accent-color:#2daeff;cursor:pointer}
.claim-link-table{min-width:1260px}.claim-link-table .claim-check-col{width:38px;text-align:center;padding-left:10px;padding-right:6px}.claim-link-table td{vertical-align:middle}
.claim-link-cell{display:grid;grid-template-columns:minmax(240px,1fr) 32px;align-items:center;gap:8px;min-width:300px;max-width:430px}.claim-link-cell code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(63,159,232,.18);border-radius:9px;padding:8px 10px;background:rgba(0,9,24,.52);font:700 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b9dfff}.claim-copy-icon{width:32px;height:32px;border:1px solid rgba(64,166,240,.22);border-radius:9px;background:rgba(10,36,67,.7);color:#70caff;display:grid;place-items:center;cursor:pointer}.claim-copy-icon:hover{border-color:rgba(76,193,255,.65);box-shadow:0 0 20px rgba(44,163,255,.13)}.claim-copy-icon .icon{width:14px;height:14px}
.claim-row-actions{min-width:250px;flex-wrap:wrap}.claim-row-deleted{opacity:.55}.claim-row-deleted td{text-decoration-color:rgba(150,170,195,.3)}
.btn.red{border-color:rgba(255,91,105,.3)!important;color:#ff9ca5!important;background:rgba(74,13,25,.45)!important}.btn.red:hover{background:rgba(103,18,33,.6)!important}
.claim-generate-modal{width:min(720px,calc(100vw - 32px))!important}.claim-modal-help{color:#9fb3cc;font-size:13px;line-height:1.7;margin:0 0 18px}.claim-modal-help b{color:#d9edff}.generated pre{max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-all}.single-claim-result{display:grid;gap:10px;margin-top:18px}.single-claim-result h3{font-size:22px;margin:0}.single-claim-result code{padding:12px 14px;border-radius:10px;background:rgba(1,10,24,.7);border:1px solid rgba(64,173,245,.22);color:#bfe8ff;font:700 12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}
@media(max-width:1100px){.claim-head-actions{justify-content:flex-start;max-width:none}.claim-filterbar{grid-template-columns:1fr!important}.claim-bulkbar{align-items:flex-start;flex-direction:column}.claim-bulkbar>div{width:100%;justify-content:space-between}}

/* === Teslimat Kodları / ItemSatış teslimat merkezi === */
.claims-modern{padding-top:0!important}.claim-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:4px 2px 14px;border-bottom:1px solid rgba(83,150,231,.12);margin-bottom:14px}.claim-page-copy{min-width:0}.claim-page-copy h1{font-size:38px;line-height:1.03;letter-spacing:-.04em;margin:5px 0 8px}.claim-page-copy>p{max-width:760px;margin:0;color:#8fa8c9;font-size:12px;line-height:1.6}.claim-live-domain{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 10px;border-radius:10px;border:1px solid rgba(66,171,244,.15);background:rgba(7,29,58,.54);color:#7895ba;font-size:10px}.claim-live-domain .icon{width:14px;height:14px;color:#52bdff}.claim-live-domain b{color:#bfe7ff;font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.claim-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:620px}.claim-head-actions .claim-action{height:42px!important;min-height:42px!important;padding:0 14px!important;border-radius:11px!important;font-size:11px!important;white-space:nowrap}.claim-head-actions .claim-action .icon{width:15px;height:15px}.claim-head-actions .claim-action.subtle{background:rgba(7,27,56,.58);border-color:rgba(79,149,231,.15);color:#a9bfd9}.claim-head-actions .claim-action-sep{width:1px;height:28px;background:rgba(84,151,231,.16);margin:0 2px}
.claim-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:11px}.claim-stat-card{min-height:82px;padding:12px 14px;border-radius:13px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;box-shadow:0 10px 28px rgba(0,0,0,.13)!important}.claim-stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(38,118,229,.13);border:1px solid rgba(71,155,249,.13);color:#59bdff}.claim-stat-icon .icon{width:18px;height:18px}.claim-stat-card small{display:block;color:#7995b9;font-size:10px;font-weight:700}.claim-stat-card b{display:block;margin-top:2px;color:#f3f8ff;font-size:24px;line-height:1}.claim-stat-card.success .claim-stat-icon{color:#3be5ae;background:rgba(19,190,136,.1)}.claim-stat-card.blue .claim-stat-icon{color:#67c0ff;background:rgba(31,119,224,.12)}.claim-stat-card.warning .claim-stat-icon{color:#ffc95f;background:rgba(221,150,34,.1)}.claim-stat-card.danger .claim-stat-icon{color:#ff718e;background:rgba(225,49,88,.1)}
.claim-toolbar{position:relative;z-index:40;display:grid;grid-template-columns:minmax(320px,1fr) 220px 200px;gap:9px;align-items:center;padding:9px;border-radius:13px;margin-bottom:9px;overflow:visible!important}.claim-search{height:42px;border:1px solid rgba(78,151,235,.15);background:rgba(4,18,40,.6);border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 12px;transition:.18s ease}.claim-search:focus-within{border-color:rgba(69,176,247,.48);box-shadow:0 0 0 3px rgba(43,137,235,.07)}.claim-search .icon{width:15px;height:15px;color:#58b9f7;flex:0 0 auto}.claim-search input{width:100%!important;min-width:0!important;height:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#e8f3ff!important;padding:0!important;font-size:11.5px!important}.claim-search input::placeholder{color:#617e9f}.claim-toolbar .pro-select{min-width:0;z-index:45}.claim-toolbar .pro-select-trigger{height:42px!important;border-radius:10px!important;background:#07162e!important;border-color:rgba(78,151,235,.16)!important;font-size:10.5px!important}.claim-toolbar .pro-select-menu{width:max(100%,220px)}
.claim-bulkbar{min-height:44px!important;margin:0 0 10px!important;padding:7px 10px!important;border-radius:11px!important;background:rgba(5,19,41,.46)!important}.claim-bulkbar.has-selection{border-color:rgba(54,155,237,.28)!important;background:rgba(8,31,62,.68)!important}.claim-bulkbar span{font-size:10.5px!important}.claim-select-all input,.claim-check{-webkit-appearance:none!important;appearance:none!important;width:16px!important;height:16px!important;min-width:16px;border-radius:5px;border:1px solid rgba(94,168,247,.35)!important;background:#041225!important;display:inline-grid;place-items:center;vertical-align:middle;position:relative}.claim-select-all input:checked,.claim-check:checked{background:linear-gradient(135deg,#167bf4,#2ebcff)!important;border-color:#49bfff!important}.claim-select-all input:checked:after,.claim-check:checked:after{content:"";width:7px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}.claim-select-all input:indeterminate:after{content:"";width:7px;height:2px;border-radius:2px;background:#fff}.claim-select-all input:disabled,.claim-check:disabled{opacity:.35}
.claim-list-panel{padding:0!important;border-radius:14px!important;overflow:hidden}.claim-list-head{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid rgba(78,147,229,.11)}.claim-list-head .panel-title{margin:0}.claim-list-head .panel-title h2{font-size:15px!important}.claim-list-head .panel-title p{font-size:9.5px!important}.claim-list-head .panel-title p b{color:#91d7ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.claim-result-count{padding:6px 9px;border-radius:8px;background:rgba(31,101,190,.1);border:1px solid rgba(69,150,235,.12);color:#88a8cb;font-size:9.5px;font-weight:700;white-space:nowrap}.claim-table-wrap{overflow:auto}.claim-link-table{width:100%!important;min-width:1050px!important;table-layout:fixed;border-collapse:collapse}.claim-link-table th{height:38px!important;padding:0 9px!important;background:rgba(5,18,39,.72);border-bottom:1px solid rgba(72,138,219,.12);color:#6f8fb3!important;font-size:8.5px!important;letter-spacing:.08em!important;text-transform:uppercase}.claim-link-table td{height:58px!important;padding:8px 9px!important;border-bottom:1px solid rgba(68,132,209,.09);font-size:11px!important;color:#bfd0e4;vertical-align:middle}.claim-link-table tbody tr{transition:background .15s ease}.claim-link-table tbody tr:hover{background:rgba(20,70,130,.08)}.claim-link-table th:nth-child(1){width:4%}.claim-link-table th:nth-child(2){width:10%}.claim-link-table th:nth-child(3){width:27%}.claim-link-table th:nth-child(4){width:15%}.claim-link-table th:nth-child(5){width:10%}.claim-link-table th:nth-child(6){width:20%}.claim-link-table th:nth-child(7){width:14%}.claim-check-col{text-align:center!important;padding-left:8px!important;padding-right:4px!important}.claim-code-pill{max-width:100%;height:30px;padding:0 9px;border-radius:8px;border:1px solid rgba(64,158,232,.15);background:rgba(6,28,56,.68);color:#71c8ff;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.claim-link-cell{display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important;gap:7px!important;min-width:0!important;max-width:none!important}.claim-link-cell code{min-width:0!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:7px 9px!important;border-radius:8px!important;background:rgba(0,11,26,.5)!important;border:1px solid rgba(58,141,211,.12)!important;color:#a9d7f6!important;font-size:9.5px!important}.claim-copy-icon{width:30px!important;height:30px!important;border-radius:8px!important}.claim-product-cell,.claim-use-cell{min-width:0}.claim-product-cell b,.claim-use-cell b{display:block;color:#d9e8f8;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.claim-product-cell small,.claim-use-cell small{display:block;margin-top:3px;color:#6985a7;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.claim-link-table .status{font-size:9px!important;padding:5px 8px!important}.claim-row-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important;flex-wrap:nowrap!important}.claim-icon-action{width:30px;height:30px;min-width:30px;border-radius:8px;border:1px solid rgba(70,150,230,.14);background:rgba(8,29,57,.66);color:#68bdff;display:grid;place-items:center;padding:0}.claim-icon-action:hover{color:white;border-color:rgba(78,184,248,.42);background:rgba(17,67,122,.58)}.claim-icon-action.danger{color:#ff718e;border-color:rgba(228,72,108,.14);background:rgba(91,18,41,.22)}.claim-icon-action.danger:hover{border-color:rgba(238,88,121,.38);background:rgba(116,26,49,.32)}.claim-icon-action .icon{width:13px;height:13px}.claim-row-deleted{opacity:.48}.claim-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#6f8baa}.claim-empty .icon{width:24px;height:24px}.claim-empty b{font-size:12px;color:#bcd1e7}.claim-empty span{font-size:9.5px}.claim-generate-modal select,.claim-generate-modal input,.single-claim-modal select,.single-claim-modal input{background:#07162f!important;color:#e4f0ff!important;border-color:rgba(81,154,239,.22)!important}.claim-generate-modal option,.single-claim-modal option{background:#07162f;color:#e4f0ff}
@media(max-width:1180px){.claim-page-header{align-items:flex-start;flex-direction:column}.claim-head-actions{justify-content:flex-start;max-width:none}.claim-toolbar{grid-template-columns:1fr 1fr}.claim-toolbar .claim-search{grid-column:1/-1}.claim-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.claim-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.claim-toolbar{grid-template-columns:1fr}.claim-toolbar .claim-search{grid-column:auto}.claim-head-actions .claim-action-sep{display:none}.claim-head-actions .claim-action{flex:1 1 calc(50% - 5px);justify-content:center}.claim-page-copy h1{font-size:32px}.claim-bulkbar{align-items:flex-start!important;flex-direction:column!important}.claim-bulkbar>div{width:100%;justify-content:space-between}}

/* =========================================================
   VOW DIGITAL — PUBLIC CATALOG HOME 2026-09-10
   Product-first homepage, ItemSatış purchase handoff.
   ========================================================= */
.catalog-home{
  position:relative;min-height:100svh;overflow-x:hidden;background:#030914;color:#eef7ff;isolation:isolate;
}
.catalog-home-bg{
  position:fixed;inset:-3px;z-index:-2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,8,18,.97) 0%,rgba(3,10,23,.93) 42%,rgba(3,10,22,.72) 70%,rgba(3,9,20,.9) 100%),
    linear-gradient(180deg,rgba(2,7,17,.72),rgba(2,7,17,.9)),
    url('/vow-home-reference.webp') center/cover no-repeat;
  filter:saturate(.9) brightness(.72) blur(1.2px);transform:scale(1.008);
}
.catalog-home:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(circle at 76% 5%,rgba(32,134,255,.12),transparent 25%),
  radial-gradient(circle at 6% 60%,rgba(30,178,255,.07),transparent 30%),
  linear-gradient(180deg,rgba(0,4,13,.08),rgba(0,4,12,.4));
}
.catalog-home .shell{width:min(1510px,calc(100% - 64px));margin-inline:auto}
.catalog-topbar{position:sticky;top:0;z-index:20;height:64px;border-bottom:1px solid rgba(77,144,220,.16);background:rgba(2,9,20,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.catalog-topbar-inner{height:100%;display:grid;grid-template-columns:auto minmax(330px,520px) 1fr auto;align-items:center;gap:28px}
.catalog-logo .brand-text{font-size:25px;letter-spacing:-.055em;color:#fff;white-space:nowrap}.catalog-logo .brand-text strong{font-weight:900}
.catalog-search{height:41px;border:1px solid rgba(77,158,245,.3);background:rgba(4,19,42,.74);border-radius:13px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 12px;color:#6fbffc;box-shadow:inset 0 0 22px rgba(17,87,171,.04)}
.catalog-search>.icon{width:16px;height:16px}.catalog-search input{min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#edf7ff!important;font:inherit;font-size:12px!important;padding:0!important;height:auto!important;box-shadow:none!important}.catalog-search input::placeholder{color:#7390b2}.catalog-search kbd{font-size:8px;color:#96b7d9;background:#091a33;border:1px solid rgba(94,162,236,.2);border-radius:6px;padding:4px 6px}
.catalog-nav{justify-self:end;display:flex;align-items:center;gap:25px}.catalog-nav a{position:relative;color:#b6c8dc;text-decoration:none;font-size:11px;font-weight:700;transition:.18s ease}.catalog-nav a:hover,.catalog-nav a.active{color:#eaf7ff}.catalog-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:2px;background:#31b8ff;box-shadow:0 0 12px rgba(49,184,255,.85)}
.catalog-login-cta{height:40px;min-width:128px;border:1px solid rgba(56,174,255,.55);background:linear-gradient(180deg,rgba(9,44,85,.9),rgba(4,24,51,.94));border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#eaf8ff;text-decoration:none;font-size:11px;font-weight:800;box-shadow:0 0 22px rgba(22,132,255,.12),inset 0 0 20px rgba(38,151,255,.06);transition:.18s ease}.catalog-login-cta:hover{transform:translateY(-1px);border-color:#57c7ff;box-shadow:0 0 25px rgba(34,156,255,.22)}.catalog-login-cta>span{width:7px;height:7px;border-radius:50%;background:#35c9ff;box-shadow:0 0 11px #31bfff}.catalog-login-cta .icon{width:14px;height:14px}
.catalog-main{padding:28px 0 48px}
.catalog-intro{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:42px;align-items:center;min-height:188px;padding:16px 4px 20px}
.catalog-intro-copy{max-width:720px}.catalog-kicker{display:flex;align-items:center;gap:13px;color:#4fc2ff;font-size:8.5px;font-weight:900;letter-spacing:.28em}.catalog-kicker i{width:4px;height:4px;border-radius:50%;background:#4fc2ff;opacity:.8}
.catalog-intro h1{margin:11px 0 7px;font-size:44px;line-height:1;letter-spacing:-.045em;color:#fff}.catalog-intro h1 span{color:#58bfff;text-shadow:0 0 25px rgba(52,165,255,.16)}
.catalog-intro p{margin:4px 0;color:#c1d1e2;font-size:12px;line-height:1.55}.catalog-intro p strong{color:#4cc4ff}.catalog-intro p+p{max-width:760px}
.catalog-trust-panel{min-height:139px;border:1px solid rgba(66,151,239,.28);border-radius:16px;padding:0 6px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:linear-gradient(135deg,rgba(7,27,58,.72),rgba(5,17,38,.5));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.catalog-trust-panel>div{height:92px;padding:12px 17px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-content:center;border-right:1px solid rgba(80,148,219,.15)}.catalog-trust-panel>div:last-child{border-right:0}.catalog-trust-panel>.icon,.catalog-trust-panel>div>.icon{width:25px;height:25px;color:#42bfff;filter:drop-shadow(0 0 9px rgba(45,177,255,.25))}.catalog-trust-panel b{display:block;font-size:11.5px;color:#fff;margin-bottom:5px}.catalog-trust-panel small{display:block;color:#8da7c4;font-size:8.6px;line-height:1.45}
.catalog-products{scroll-margin-top:82px}
.catalog-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:13px}.catalog-tabs{height:44px;display:inline-flex;align-items:center;justify-self:start;border:1px solid rgba(66,147,235,.28);border-radius:15px;background:rgba(4,16,36,.62);padding:3px;overflow:hidden}.catalog-tab{height:36px;min-width:145px;padding:0 17px;border:0;background:transparent;color:#b9cbe0;font:inherit;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid rgba(83,144,209,.13);cursor:pointer;transition:.18s ease}.catalog-tab:last-child{border-right:0}.catalog-tab .icon{width:15px;height:15px}.catalog-tab:hover{color:#fff}.catalog-tab.active{border-radius:11px;border:1px solid #3eaefc;background:linear-gradient(110deg,rgba(16,105,222,.95),rgba(24,153,241,.75));color:#fff;box-shadow:0 0 20px rgba(27,137,255,.25),inset 0 0 16px rgba(103,203,255,.08)}
.catalog-control-right{display:flex;align-items:center;gap:13px}.itemsatis-source{height:38px;padding:0 14px;border:1px solid rgba(66,147,235,.25);border-radius:12px;background:rgba(5,19,42,.7);display:inline-flex;align-items:center;gap:7px;color:#9fb6ce;font-size:9px;white-space:nowrap}.itemsatis-source .icon{width:13px;height:13px;color:#56bfff}.itemsatis-source strong{color:#53bfff}.catalog-control-right .pro-select{width:205px}.catalog-control-right .pro-select-trigger{height:38px!important;border-radius:12px!important;font-size:9.5px!important;background:rgba(5,19,42,.82)!important;border-color:rgba(66,147,235,.28)!important}
.catalog-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:430px}.catalog-loading,.catalog-empty{grid-column:1/-1;min-height:210px;border:1px solid rgba(73,151,239,.22);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px;color:#9bb4cf;background:rgba(5,18,40,.58)}.catalog-loading>.icon{width:22px;height:22px;animation:spin 1s linear infinite;color:#49bfff}.catalog-loading span{display:grid;gap:3px}.catalog-loading b,.catalog-empty b{color:#eef8ff;font-size:12px}.catalog-loading small,.catalog-empty small{font-size:9px;color:#7895b5}.catalog-empty>.icon{width:25px;height:25px;color:#4dbdff}.catalog-empty{gap:14px}
.catalog-product-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(64,145,233,.32);border-radius:14px;background:linear-gradient(180deg,rgba(6,22,48,.96),rgba(3,13,30,.98));box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.catalog-product-card:hover{transform:translateY(-2px);border-color:rgba(67,182,255,.7);box-shadow:0 15px 35px rgba(0,0,0,.24),0 0 22px rgba(38,140,255,.09)}
.catalog-product-media{position:relative;height:155px;overflow:hidden;background:#07172f}.catalog-product-media:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(3,12,28,.78));pointer-events:none}.catalog-product-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.catalog-product-card:hover .catalog-product-media img{transform:scale(1.018)}.catalog-product-fallback{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(34,151,255,.18),transparent 42%),#07172f;color:#66c7ff}.catalog-product-fallback .icon{width:42px;height:42px}
.catalog-product-tag{position:absolute;left:10px;top:10px;z-index:3;height:25px;max-width:78%;padding:0 9px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;color:#eafbff;font-size:8px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(92,194,255,.34);background:rgba(11,91,161,.88);box-shadow:0 6px 18px rgba(0,0,0,.16)}.catalog-product-tag .icon{width:12px;height:12px;flex:0 0 auto}
.catalog-product-card.tag-spotify,.catalog-product-tag.tag-spotify{border-color:rgba(39,209,119,.45)}.catalog-product-tag.tag-spotify{background:rgba(10,112,61,.9);color:#dffff0}.catalog-product-card.tag-valorant,.catalog-product-tag.tag-valorant{border-color:rgba(255,87,81,.48)}.catalog-product-tag.tag-valorant{background:rgba(136,34,43,.92);color:#ffe1e4}.catalog-product-card.tag-steam,.catalog-product-tag.tag-steam{border-color:rgba(63,161,255,.5)}.catalog-product-tag.tag-steam{background:rgba(15,82,151,.92)}.catalog-product-card.tag-windows,.catalog-product-card.tag-software,.catalog-product-tag.tag-windows,.catalog-product-tag.tag-software{border-color:rgba(49,154,255,.5)}.catalog-product-tag.tag-windows,.catalog-product-tag.tag-software{background:rgba(12,101,185,.92)}.catalog-product-card.tag-office,.catalog-product-tag.tag-office{border-color:rgba(164,99,255,.5)}.catalog-product-tag.tag-office{background:rgba(89,47,153,.92)}.catalog-product-card.tag-xbox,.catalog-product-tag.tag-xbox,.catalog-product-card.tag-minecraft,.catalog-product-tag.tag-minecraft{border-color:rgba(58,197,102,.44)}.catalog-product-tag.tag-xbox,.catalog-product-tag.tag-minecraft{background:rgba(20,113,58,.92)}.catalog-product-card.tag-netflix,.catalog-product-tag.tag-netflix,.catalog-product-card.tag-youtube,.catalog-product-tag.tag-youtube{border-color:rgba(242,66,74,.44)}.catalog-product-tag.tag-netflix,.catalog-product-tag.tag-youtube{background:rgba(135,32,40,.92)}.catalog-product-card.tag-discord,.catalog-product-tag.tag-discord{border-color:rgba(124,112,255,.48)}.catalog-product-tag.tag-discord{background:rgba(68,57,155,.92)}
.catalog-product-info{padding:10px 12px 11px;display:grid;gap:7px}.catalog-product-info h3{margin:0;color:#fff;font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-product-meta{display:flex;align-items:center;justify-content:space-between;gap:9px}.catalog-product-meta>b{font-size:15px;color:#fff;letter-spacing:-.02em}.catalog-product-meta>span{display:inline-flex;align-items:center;gap:5px;color:#4de69b;font-size:8.5px;font-weight:800}.catalog-product-meta>span.low{color:#ffb342}.catalog-product-meta>span i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.catalog-item-link{height:34px;border:1px solid rgba(63,167,255,.6);border-radius:9px;background:linear-gradient(110deg,rgba(12,79,166,.9),rgba(14,111,203,.8));display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;text-decoration:none;font-size:9px;font-weight:900;transition:.16s ease}.catalog-item-link:hover{border-color:#65d0ff;background:linear-gradient(110deg,#126de1,#159ee7);box-shadow:0 0 18px rgba(36,154,255,.18)}.catalog-item-link .icon{width:12px;height:12px}
.catalog-grid-foot{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:9px 2px 0;color:#6f8dac;font-size:8.5px}.catalog-show-all{border:0;background:transparent;color:#53bfff;font:inherit;font-size:9px;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.catalog-show-all[hidden]{display:none}.catalog-show-all .icon{width:12px;height:12px}
.catalog-delivery{scroll-margin-top:78px;margin-top:56px;padding-top:4px}.catalog-delivery-head{text-align:center;max-width:680px;margin:0 auto 18px}.catalog-delivery-head .catalog-kicker{justify-content:center}.catalog-delivery-head h2{margin:8px 0 6px;font-size:30px;color:#fff;letter-spacing:-.04em}.catalog-delivery-head p{margin:0;color:#93abc5;font-size:10.5px}.catalog-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1120px;margin:0 auto}.catalog-code-card,.catalog-account-card{border:1px solid rgba(66,151,239,.28);border-radius:17px;padding:20px;background:linear-gradient(145deg,rgba(7,27,58,.84),rgba(4,15,34,.88));display:grid;grid-template-columns:46px 1fr;gap:13px 15px;align-content:start}.catalog-card-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#50c6ff;border:1px solid rgba(73,171,248,.32);background:linear-gradient(145deg,rgba(17,79,154,.4),rgba(5,30,67,.6));box-shadow:inset 0 0 20px rgba(40,146,255,.08)}.catalog-card-icon .icon{width:22px;height:22px}.catalog-code-card h3,.catalog-account-card h3{margin:4px 0 5px;font-size:19px;color:#fff}.catalog-code-card p,.catalog-account-card p{margin:0;color:#8fa8c3;font-size:9px;line-height:1.5}.catalog-code-form,.catalog-login-form,.catalog-safe-note,.catalog-code-card>#gatewayAlert,.catalog-account-card>#loginAlert{grid-column:1/-1}.catalog-code-form{display:grid;grid-template-columns:1fr 145px;gap:9px;margin-top:4px}.catalog-code-input{height:46px;border:1px solid rgba(69,150,234,.34);border-radius:11px;background:#031126;display:grid;grid-template-columns:21px 1fr;align-items:center;gap:7px;padding:0 12px;color:#59c2ff}.catalog-code-input .icon{width:16px;height:16px}.catalog-code-input input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:#eef9ff!important;font:inherit!important;font-size:11px!important;outline:0!important}.catalog-code-form .btn{height:46px!important;min-height:46px!important;font-size:10px!important}.catalog-safe-note{display:flex;align-items:center;gap:7px;color:#64d7a3;font-size:8px}.catalog-safe-note .icon{width:13px;height:13px}.catalog-login-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.catalog-login-form>label{height:44px;border:1px solid rgba(69,150,234,.34);border-radius:11px;background:#031126;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;padding:0 11px;color:#59c2ff}.catalog-login-form>label>.icon{width:15px;height:15px}.catalog-login-form input{min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;color:#eef9ff!important;font:inherit!important;font-size:10px!important;outline:0!important}.catalog-login-form>label>button{width:28px;height:28px;border:0;background:transparent;color:#82a9cd;padding:0;display:grid;place-items:center}.catalog-login-form>label>button .icon{width:14px;height:14px}.catalog-login-options{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:24px}.catalog-login-options .remember-check{font-size:8px}.catalog-login-options>button{border:0;background:transparent;color:#53bfff;font:inherit;font-size:8px;cursor:pointer}.catalog-login-form>.btn{grid-column:1/-1;height:43px!important;min-height:43px!important;font-size:10px!important}
.catalog-mini-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:44px 0 6px}.catalog-mini-faq>div{border-top:1px solid rgba(78,147,218,.2);padding:14px 4px}.catalog-mini-faq b{font-size:10px;color:#e7f4ff}.catalog-mini-faq p{font-size:8.5px;color:#728dab;line-height:1.5;margin:5px 0 0}
.catalog-footer{border-top:1px solid rgba(75,144,213,.14);background:rgba(2,9,20,.72);backdrop-filter:blur(10px)}.catalog-footer>.shell{min-height:72px;display:flex;align-items:center;justify-content:space-between;color:#6f89a7;font-size:8.5px}.catalog-footer .brand-text{font-size:18px;color:#fff}.catalog-footer .shell>div{display:grid;gap:3px}.catalog-footer small{color:#607d9c;font-size:8px}

@media (max-width:1320px){
  .catalog-home .shell{width:min(1220px,calc(100% - 34px))}.catalog-topbar-inner{grid-template-columns:auto minmax(280px,430px) 1fr auto;gap:18px}.catalog-nav{gap:17px}.catalog-intro{grid-template-columns:minmax(0,1fr) 480px;gap:24px}.catalog-product-media{height:138px}.catalog-product-info{padding:9px 10px 10px}.catalog-tab{min-width:124px;padding:0 12px}.itemsatis-source{display:none}
}
@media (max-width:1050px){
  .catalog-topbar{height:auto;min-height:64px}.catalog-topbar-inner{grid-template-columns:auto 1fr auto;gap:13px;padding:10px 0}.catalog-search{grid-column:1/-1;grid-row:2}.catalog-nav{display:none}.catalog-intro{grid-template-columns:1fr}.catalog-trust-panel{max-width:none}.catalog-control-row{grid-template-columns:1fr}.catalog-control-right{justify-content:space-between}.itemsatis-source{display:inline-flex}.catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-product-media{height:175px}.catalog-delivery-grid{grid-template-columns:1fr}.catalog-tabs{width:100%}.catalog-tab{flex:1;min-width:0}.catalog-main{padding-top:18px}
}
@media (max-width:640px){
  .catalog-home .shell{width:calc(100% - 20px)}.catalog-topbar-inner{grid-template-columns:auto auto}.catalog-logo .brand-text{font-size:21px}.catalog-login-cta{min-width:105px}.catalog-search{grid-column:1/-1}.catalog-search kbd{display:none}.catalog-intro{padding-top:8px;min-height:0}.catalog-intro h1{font-size:36px}.catalog-intro p{font-size:10px}.catalog-trust-panel{grid-template-columns:1fr;padding:5px 12px}.catalog-trust-panel>div{height:auto;min-height:64px;border-right:0;border-bottom:1px solid rgba(80,148,219,.12);padding:10px 4px}.catalog-trust-panel>div:last-child{border-bottom:0}.catalog-control-row{gap:9px}.catalog-tabs{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px}.catalog-tab{height:38px;border-right:0}.catalog-control-right{align-items:stretch;flex-direction:column}.itemsatis-source{white-space:normal;line-height:1.35;height:auto;min-height:38px}.catalog-control-right .pro-select{width:100%}.catalog-product-grid{grid-template-columns:1fr;gap:10px}.catalog-product-media{height:190px}.catalog-delivery{margin-top:36px}.catalog-code-card,.catalog-account-card{grid-template-columns:40px 1fr;padding:15px}.catalog-card-icon{width:40px;height:40px}.catalog-code-form,.catalog-login-form{grid-template-columns:1fr}.catalog-login-form>label,.catalog-code-form>*{grid-column:1/-1}.catalog-mini-faq{grid-template-columns:1fr;margin-top:28px}.catalog-footer>.shell{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px}.catalog-kicker{font-size:7px;gap:8px}.catalog-delivery-head h2{font-size:25px}
}

/* === 2026-09-10: Ana sayfa ürün kartları / referans görünüm === */
.catalog-product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  min-height:500px;
}
.catalog-product-card.catalog-reference-card{
  --theme-rgb:54,164,255;
  min-height:254px;
  display:grid;
  grid-template-rows:168px minmax(0,1fr);
  overflow:hidden;
  border-radius:15px;
  border:1px solid rgba(var(--theme-rgb),.48);
  background:
    radial-gradient(circle at 88% 4%,rgba(var(--theme-rgb),.11),transparent 34%),
    linear-gradient(180deg,rgba(7,25,53,.98),rgba(3,14,31,.99));
  box-shadow:
    0 15px 34px rgba(0,0,0,.22),
    inset 0 1px rgba(255,255,255,.035),
    0 0 0 1px rgba(var(--theme-rgb),.025);
  isolation:isolate;
}
.catalog-product-card.catalog-reference-card:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--theme-rgb),.78);
  box-shadow:0 19px 42px rgba(0,0,0,.29),0 0 26px rgba(var(--theme-rgb),.12),inset 0 1px rgba(255,255,255,.05);
}
.catalog-reference-card .catalog-product-media{
  position:relative;
  display:block;
  height:168px;
  min-height:0;
  overflow:hidden;
  text-decoration:none;
  background:#06142b;
  border-bottom:1px solid rgba(var(--theme-rgb),.22);
}
.catalog-reference-card .catalog-product-media:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,10,24,.12),transparent 40%,rgba(var(--theme-rgb),.045)),
    linear-gradient(180deg,rgba(2,8,19,.05) 0%,transparent 48%,rgba(2,10,24,.52) 100%);
}
.catalog-reference-card .catalog-product-media:after{display:none}
.catalog-reference-card .catalog-product-media img{
  width:100%;height:100%;display:block;
  object-fit:cover;object-position:center;
  transform:scale(1.002);
  transition:transform .3s ease,filter .3s ease;
  filter:saturate(1.04) contrast(1.02) brightness(.96);
}
.catalog-reference-card:hover .catalog-product-media img{transform:scale(1.025);filter:saturate(1.08) contrast(1.025) brightness(1)}
.catalog-reference-card .catalog-media-shade{
  position:absolute;z-index:2;inset:auto 0 0;height:44%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(2,10,24,.7));
}
.catalog-reference-card .catalog-product-tag{
  left:10px;top:10px;z-index:4;
  height:26px;max-width:70%;padding:0 9px;
  border-radius:9px;
  border:1px solid rgba(var(--theme-rgb),.58);
  background:rgba(6,33,67,.9);
  color:#f3fbff;
  box-shadow:0 8px 20px rgba(0,0,0,.22),0 0 16px rgba(var(--theme-rgb),.1);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  font-size:8.5px;letter-spacing:.01em;
}
.catalog-reference-card .catalog-product-tag b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-reference-card .catalog-product-tag .icon{width:12px;height:12px}
.catalog-reference-card .catalog-product-info{
  min-width:0;
  padding:11px 12px 12px;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:9px;
  background:
    linear-gradient(180deg,rgba(4,18,39,.97),rgba(3,13,29,.99)),
    radial-gradient(circle at 100% 0,rgba(var(--theme-rgb),.08),transparent 38%);
}
.catalog-reference-card .catalog-product-copy{min-width:0;display:grid;gap:3px}
.catalog-reference-card .catalog-product-copy h3{
  margin:0;
  color:#f7fbff;
  font-size:13.5px;
  line-height:1.24;
  font-weight:850;
  letter-spacing:-.018em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.catalog-reference-card .catalog-product-copy p{
  margin:0;min-width:0;
  display:flex;align-items:center;gap:5px;
  color:#8099b6;
  font-size:8.5px;font-weight:650;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.catalog-reference-card .catalog-product-copy p .icon{width:11px;height:11px;flex:0 0 auto;color:rgb(var(--theme-rgb))}
.catalog-reference-card .catalog-product-purchase-row{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(58px,1fr) 125px;
  align-items:end;
  gap:8px;
}
.catalog-reference-card .catalog-product-price{
  color:#fff;
  font-size:16px;
  line-height:34px;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.catalog-reference-card .catalog-product-stock{
  min-width:0;
  height:34px;
  display:flex;align-items:center;gap:5px;
  color:#48e69a;
  font-size:8.5px;font-weight:850;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.catalog-reference-card .catalog-product-stock.low{color:#ffb044}
.catalog-reference-card .catalog-product-stock i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;flex:0 0 auto}
.catalog-reference-card .catalog-item-link{
  width:125px;height:34px;
  justify-self:end;
  border:1px solid rgba(64,171,255,.72);
  border-radius:8px;
  background:linear-gradient(115deg,rgba(9,64,135,.96),rgba(11,95,178,.9));
  box-shadow:inset 0 0 14px rgba(61,178,255,.06);
  color:#f6fbff;
  font-size:8.8px;font-weight:900;
  letter-spacing:-.005em;
}
.catalog-reference-card .catalog-item-link:hover{
  border-color:#64ceff;
  background:linear-gradient(115deg,#0f70e5,#19a2ec);
  box-shadow:0 0 18px rgba(45,163,255,.2),inset 0 0 14px rgba(255,255,255,.05);
}
.catalog-reference-card .catalog-item-link .icon{width:12px;height:12px}

.catalog-product-card.tag-spotify{--theme-rgb:29,185,84}.catalog-product-card.tag-valorant{--theme-rgb:255,74,82}.catalog-product-card.tag-steam{--theme-rgb:56,157,255}.catalog-product-card.tag-windows,.catalog-product-card.tag-software{--theme-rgb:52,151,255}.catalog-product-card.tag-office{--theme-rgb:151,91,255}.catalog-product-card.tag-xbox,.catalog-product-card.tag-minecraft{--theme-rgb:49,194,99}.catalog-product-card.tag-netflix,.catalog-product-card.tag-youtube{--theme-rgb:235,61,71}.catalog-product-card.tag-discord{--theme-rgb:116,104,255}.catalog-product-card.tag-playstation{--theme-rgb:48,126,255}.catalog-product-card.tag-cs{--theme-rgb:255,138,45}.catalog-product-card.tag-roblox{--theme-rgb:235,77,85}.catalog-product-card.tag-pubg{--theme-rgb:245,178,44}.catalog-product-card.tag-fortnite{--theme-rgb:133,97,255}.catalog-product-card.tag-twitch{--theme-rgb:153,75,255}.catalog-product-card.tag-tiktok{--theme-rgb:44,205,213}.catalog-product-card.tag-instagram{--theme-rgb:222,64,127}.catalog-product-card.tag-adobe{--theme-rgb:255,76,76}.catalog-product-card.tag-canva{--theme-rgb:55,202,215}.catalog-product-card.tag-chatgpt{--theme-rgb:44,191,144}
.catalog-reference-card .catalog-product-tag.tag-spotify{background:rgba(11,112,57,.92)}.catalog-reference-card .catalog-product-tag.tag-valorant{background:rgba(130,27,40,.93)}.catalog-reference-card .catalog-product-tag.tag-steam{background:rgba(12,70,135,.93)}.catalog-reference-card .catalog-product-tag.tag-windows,.catalog-reference-card .catalog-product-tag.tag-software{background:rgba(18,83,160,.93)}.catalog-reference-card .catalog-product-tag.tag-office{background:rgba(78,42,137,.93)}.catalog-reference-card .catalog-product-tag.tag-xbox,.catalog-reference-card .catalog-product-tag.tag-minecraft{background:rgba(16,101,50,.93)}.catalog-reference-card .catalog-product-tag.tag-netflix,.catalog-reference-card .catalog-product-tag.tag-youtube{background:rgba(123,25,34,.93)}

@media (max-width:1320px){
  .catalog-product-grid{gap:11px;min-height:460px}
  .catalog-product-card.catalog-reference-card{grid-template-rows:150px minmax(0,1fr);min-height:235px}
  .catalog-reference-card .catalog-product-media{height:150px}
  .catalog-reference-card .catalog-product-info{padding:9px 10px 10px;gap:7px}
  .catalog-reference-card .catalog-product-copy h3{font-size:12px}
  .catalog-reference-card .catalog-product-purchase-row{grid-template-columns:auto minmax(45px,1fr) 112px;gap:6px}
  .catalog-reference-card .catalog-product-price{font-size:14px}
  .catalog-reference-card .catalog-item-link{width:112px;font-size:8px}
  .catalog-reference-card .catalog-product-stock{font-size:7.8px}
}
@media (max-width:1050px){
  .catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .catalog-product-card.catalog-reference-card{grid-template-rows:185px minmax(0,1fr);min-height:274px}
  .catalog-reference-card .catalog-product-media{height:185px}
  .catalog-reference-card .catalog-product-copy h3{font-size:14px}
  .catalog-reference-card .catalog-product-purchase-row{grid-template-columns:auto 1fr 128px}
  .catalog-reference-card .catalog-item-link{width:128px;font-size:8.8px}
}
@media (max-width:640px){
  .catalog-product-grid{grid-template-columns:1fr;gap:11px;min-height:0}
  .catalog-product-card.catalog-reference-card{grid-template-rows:200px minmax(0,1fr);min-height:294px}
  .catalog-reference-card .catalog-product-media{height:200px}
  .catalog-reference-card .catalog-product-info{padding:11px 12px 12px}
  .catalog-reference-card .catalog-product-copy h3{font-size:14px}
  .catalog-reference-card .catalog-product-purchase-row{grid-template-columns:auto 1fr 132px}
  .catalog-reference-card .catalog-item-link{width:132px;font-size:9px}
}
@media (prefers-reduced-motion:reduce){.catalog-product-card.catalog-reference-card,.catalog-reference-card .catalog-product-media img{transition:none!important}}

/* === 2026-09-10 r3: ürün kartı yükseklik / cache sonrası görünüm / giriş CTA === */
.catalog-product-grid{
  min-height:0!important;
  align-items:start!important;
  grid-auto-rows:auto!important;
  align-content:start!important;
}
.catalog-product-card.catalog-reference-card{
  align-self:start!important;
  height:auto!important;
  min-height:228px!important;
  grid-template-rows:145px auto!important;
}
.catalog-reference-card .catalog-product-media{
  height:145px!important;
  min-height:145px!important;
}
.catalog-reference-card .catalog-product-info{
  min-height:82px!important;
  grid-template-rows:auto auto!important;
  align-content:space-between!important;
  padding:10px 12px 11px!important;
  gap:7px!important;
}
.catalog-reference-card .catalog-product-copy h3{
  font-size:13px!important;
  line-height:1.22!important;
}
.catalog-reference-card .catalog-product-copy p{
  font-size:8.4px!important;
}
.catalog-reference-card .catalog-product-purchase-row{
  align-items:center!important;
  grid-template-columns:auto minmax(54px,1fr) 124px!important;
  gap:8px!important;
}
.catalog-reference-card .catalog-product-price{
  font-size:15.5px!important;
  line-height:34px!important;
}
.catalog-reference-card .catalog-product-stock{
  height:34px!important;
  font-size:8.4px!important;
}
.catalog-reference-card .catalog-item-link{
  width:124px!important;
  height:34px!important;
  font-size:8.6px!important;
}
.catalog-login-cta{
  border-radius:10px!important;
  min-width:122px!important;
  padding-inline:16px!important;
}

@media (max-width:1320px){
  .catalog-product-grid{min-height:0!important;align-items:start!important}
  .catalog-product-card.catalog-reference-card{
    min-height:214px!important;
    grid-template-rows:136px auto!important;
  }
  .catalog-reference-card .catalog-product-media{height:136px!important;min-height:136px!important}
  .catalog-reference-card .catalog-product-info{min-height:78px!important;padding:9px 10px 10px!important}
  .catalog-reference-card .catalog-product-copy h3{font-size:11.8px!important}
  .catalog-reference-card .catalog-product-purchase-row{grid-template-columns:auto minmax(44px,1fr) 108px!important;gap:6px!important}
  .catalog-reference-card .catalog-product-price{font-size:13.5px!important}
  .catalog-reference-card .catalog-product-stock{font-size:7.6px!important}
  .catalog-reference-card .catalog-item-link{width:108px!important;font-size:7.8px!important}
}
@media (max-width:1050px){
  .catalog-product-card.catalog-reference-card{min-height:260px!important;grid-template-rows:176px auto!important}
  .catalog-reference-card .catalog-product-media{height:176px!important;min-height:176px!important}
  .catalog-reference-card .catalog-product-info{min-height:84px!important;padding:10px 11px 11px!important}
  .catalog-reference-card .catalog-product-copy h3{font-size:13.5px!important}
  .catalog-reference-card .catalog-product-purchase-row{grid-template-columns:auto minmax(52px,1fr) 124px!important}
  .catalog-reference-card .catalog-item-link{width:124px!important;font-size:8.5px!important}
}
@media (max-width:640px){
  .catalog-product-card.catalog-reference-card{min-height:282px!important;grid-template-rows:192px auto!important}
  .catalog-reference-card .catalog-product-media{height:192px!important;min-height:192px!important}
  .catalog-reference-card .catalog-product-info{min-height:90px!important;padding:11px 12px 12px!important}
  .catalog-reference-card .catalog-product-purchase-row{grid-template-columns:auto minmax(50px,1fr) 126px!important}
  .catalog-reference-card .catalog-item-link{width:126px!important}
}

/* === 2026-09-10: Ana sayfa kategori rozetleri sol hizalama === */
.catalog-reference-card .catalog-product-tag{
  left:0!important;
  top:10px!important;
  margin:0!important;
  padding-left:10px!important;
  padding-right:10px!important;
  border-left:0!important;
  border-radius:0 8px 8px 0!important;
  transform:none!important;
}
.catalog-reference-card .catalog-product-tag .icon{
  margin:0!important;
  flex:0 0 12px!important;
}
.catalog-reference-card .catalog-product-tag b{
  margin:0!important;
  padding:0!important;
}
@media(max-width:640px){
  .catalog-reference-card .catalog-product-tag{
    left:0!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
}

/* === 2026-09-10: Home trust/source readability + epic delivery + About/SSS === */
.catalog-intro{
  grid-template-columns:minmax(0,1fr) 570px!important;
  gap:34px!important;
  align-items:stretch!important;
  padding-bottom:24px!important;
}
.catalog-trust-panel{
  min-height:156px!important;
  padding:10px!important;
  gap:8px!important;
  align-items:stretch!important;
  border-radius:18px!important;
  border-color:rgba(66,171,255,.34)!important;
  background:
    linear-gradient(135deg,rgba(7,31,68,.88),rgba(3,16,38,.86))!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.22),
    0 0 28px rgba(36,150,255,.07),
    inset 0 1px rgba(255,255,255,.04)!important;
}
.catalog-trust-panel>.catalog-trust-card{
  position:relative!important;
  height:auto!important;
  min-height:134px!important;
  padding:18px 16px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  align-content:center!important;
  border:1px solid rgba(70,147,224,.13)!important;
  border-right:1px solid rgba(70,147,224,.13)!important;
  border-radius:13px!important;
  background:linear-gradient(160deg,rgba(10,42,86,.52),rgba(5,22,48,.28))!important;
  overflow:hidden!important;
}
.catalog-trust-panel>.catalog-trust-card:after{
  content:"";position:absolute;left:13px;right:13px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(75,195,255,.58),transparent);
}
.catalog-trust-panel>.catalog-trust-card:hover{
  border-color:rgba(75,184,255,.28)!important;
  background:linear-gradient(160deg,rgba(12,54,106,.62),rgba(5,24,54,.34))!important;
}
.catalog-trust-card .trust-icon{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  border:1px solid rgba(65,183,255,.42);color:#59c9ff;
  background:linear-gradient(145deg,rgba(14,92,175,.55),rgba(4,31,72,.72));
  box-shadow:0 0 20px rgba(28,151,255,.16),inset 0 0 18px rgba(80,194,255,.06)
}
.catalog-trust-card .trust-icon .icon{width:23px!important;height:23px!important;color:#59c9ff!important}
.catalog-trust-card em{display:block;margin-bottom:5px;color:#4bbfff;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.18em}
.catalog-trust-card b{font-size:13px!important;line-height:1.2!important;margin-bottom:7px!important;color:#f4faff!important}
.catalog-trust-card small{font-size:10px!important;line-height:1.5!important;color:#a3b9d0!important}

.catalog-control-row{gap:15px!important;margin-bottom:14px!important}
.catalog-control-right{gap:10px!important;align-items:stretch!important}
.itemsatis-source{
  height:44px!important;min-width:270px!important;padding:0 14px!important;gap:10px!important;
  border-radius:11px!important;border-color:rgba(65,171,247,.34)!important;
  background:linear-gradient(145deg,rgba(6,34,72,.9),rgba(3,18,41,.92))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 7px 20px rgba(0,0,0,.13)!important;
  color:#bdd3e9!important;white-space:nowrap!important
}
.itemsatis-source>.icon{width:17px!important;height:17px!important;flex:0 0 auto;color:#52c5ff!important}
.itemsatis-source>span{display:grid;gap:1px;min-width:0}
.itemsatis-source small{font-size:6.8px;line-height:1;color:#6f94ba;font-weight:900;letter-spacing:.16em}
.itemsatis-source b{font-size:9.7px;line-height:1.2;color:#cce0f3;font-weight:700}
.itemsatis-source strong{font-size:inherit!important;color:#55c7ff!important}
.catalog-control-right .pro-select{width:205px!important;align-self:stretch}
.catalog-control-right .pro-select-trigger{height:44px!important;font-size:10.5px!important}

/* Delivery section modeled after the provided full-width reference */
.catalog-delivery{
  position:relative!important;isolation:isolate;overflow:hidden;
  scroll-margin-top:80px!important;
  margin:58px auto 0!important;padding:46px 48px 34px!important;
  max-width:1220px!important;
  border:1px solid rgba(63,176,255,.34);border-radius:22px;
  background:rgba(2,11,26,.88);
  box-shadow:0 28px 72px rgba(0,0,0,.36),0 0 38px rgba(25,137,255,.08),inset 0 1px rgba(255,255,255,.04)
}
.catalog-delivery:before{
  content:"";position:absolute;inset:-8px;z-index:-3;
  background:
    linear-gradient(180deg,rgba(1,8,20,.78),rgba(1,9,22,.86)),
    radial-gradient(circle at 50% 22%,rgba(32,145,255,.24),transparent 38%),
    url('/vow-home-reference.webp') center 46%/cover no-repeat;
  filter:blur(1.4px) saturate(.86) brightness(.72);
  transform:scale(1.018)
}
.catalog-delivery:after{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,10,23,.7),rgba(4,16,37,.26) 48%,rgba(2,10,23,.7)),
    linear-gradient(180deg,rgba(1,7,18,.12),rgba(1,7,18,.52));
}
.catalog-delivery-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(48,169,255,.09),transparent 42%)}
.catalog-delivery-head{max-width:760px!important;margin:0 auto 23px!important;text-align:center!important}
.catalog-delivery-head .catalog-kicker{justify-content:center!important;font-size:8px!important;letter-spacing:.28em!important}
.catalog-delivery-head h2{margin:10px 0 7px!important;font-size:34px!important;line-height:1.08!important;letter-spacing:-.04em!important;color:#f8fbff!important}
.catalog-delivery-head h2 span{color:#55ccff;text-shadow:0 0 24px rgba(53,180,255,.2)}
.catalog-delivery-head p{max-width:690px;margin:0 auto!important;color:#a8bdd2!important;font-size:11.5px!important;line-height:1.55!important}
.catalog-delivery-steps{display:grid;grid-template-columns:1fr 52px 1fr 52px 1fr;gap:8px;align-items:center;max-width:930px;margin:0 auto 25px}
.delivery-step{min-width:0;display:grid;grid-template-columns:30px 50px minmax(0,1fr);align-items:center;gap:10px}
.delivery-step .step-no{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900;border:1px solid #2aaeff;background:#0959b9;box-shadow:0 0 18px rgba(33,154,255,.34)}
.delivery-step .step-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#eaf9ff;border:1px solid rgba(52,185,255,.7);background:radial-gradient(circle,rgba(18,101,195,.72),rgba(3,24,56,.92));box-shadow:0 0 20px rgba(34,151,255,.19),inset 0 0 15px rgba(80,200,255,.07)}
.delivery-step .step-icon .icon{width:22px;height:22px}
.delivery-step b{display:block;color:#f7fbff;font-size:12px;line-height:1.2;margin-bottom:3px}
.delivery-step small{display:block;color:#8ea8c3;font-size:9px;line-height:1.35}
.delivery-step-line{height:1px;background:linear-gradient(90deg,transparent,#39baff 25%,#39baff 75%,transparent);box-shadow:0 0 10px rgba(57,186,255,.45)}
.catalog-delivery-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;max-width:100%!important;margin:0!important}
.catalog-code-card,.catalog-account-card{
  min-width:0!important;min-height:305px!important;padding:24px!important;
  display:flex!important;flex-direction:column!important;gap:17px!important;
  border:1px solid rgba(55,176,255,.56)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(5,30,65,.92),rgba(2,15,35,.94))!important;
  box-shadow:0 15px 36px rgba(0,0,0,.22),0 0 24px rgba(24,143,255,.08),inset 0 1px rgba(255,255,255,.04)!important
}
.catalog-account-card{border-color:rgba(73,188,255,.7)!important;box-shadow:0 15px 36px rgba(0,0,0,.22),0 0 26px rgba(24,151,255,.12),inset 0 1px rgba(255,255,255,.04)!important}
.catalog-card-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start}
.catalog-card-head .catalog-card-icon{width:64px!important;height:64px!important;border-radius:16px!important;flex:0 0 auto;border-color:rgba(66,184,255,.55)!important;background:linear-gradient(145deg,rgba(17,102,194,.52),rgba(4,31,71,.74))!important;box-shadow:0 0 22px rgba(28,151,255,.16),inset 0 0 18px rgba(82,199,255,.07)!important}
.catalog-card-head .catalog-card-icon .icon{width:28px!important;height:28px!important}
.catalog-card-head .eyebrow{display:block;margin:2px 0 5px;color:#56c8ff;font-size:7.5px!important;font-weight:900;letter-spacing:.18em}
.catalog-code-card h3,.catalog-account-card h3{margin:0 0 7px!important;font-size:20px!important;line-height:1.15!important;color:#fff!important}
.catalog-code-card p,.catalog-account-card p{margin:0!important;color:#a0b5cb!important;font-size:10.5px!important;line-height:1.5!important}
.catalog-code-form{display:grid!important;grid-template-columns:minmax(0,1fr) 160px!important;gap:11px!important;margin-top:auto!important}
.catalog-code-input{position:relative;height:56px!important;grid-template-columns:23px minmax(0,1fr) auto!important;gap:8px!important;padding:0 15px!important;border-radius:12px!important;border-color:rgba(75,171,255,.5)!important;background:rgba(1,13,31,.9)!important;box-shadow:inset 0 0 22px rgba(0,0,0,.22)}
.catalog-code-input .icon{width:18px!important;height:18px!important}
.catalog-code-input input{font-size:11px!important;letter-spacing:.04em!important}
.catalog-code-input>span{color:#617f9e;font-size:7.8px;white-space:nowrap}
.catalog-code-form .btn{height:56px!important;min-height:56px!important;font-size:11px!important;border-radius:12px!important}
.catalog-safe-note{margin-top:-3px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#8fa7c1!important;font-size:8.8px!important;line-height:1.3!important}
.catalog-safe-note .icon{width:14px!important;height:14px!important;color:#59e5a5!important}
.catalog-login-form{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:auto!important}
.catalog-login-form>label{height:48px!important;grid-template-columns:22px minmax(0,1fr) auto!important;padding:0 13px!important;border-radius:11px!important;border-color:rgba(75,171,255,.46)!important;background:rgba(1,13,31,.9)!important}
.catalog-login-form>label>.icon{width:17px!important;height:17px!important}
.catalog-login-form input{font-size:10.8px!important;color:#edf8ff!important}
.catalog-login-options{min-height:28px!important}.catalog-login-options .remember-check,.catalog-login-options>button{font-size:9.4px!important}
.catalog-login-form>.btn{height:52px!important;min-height:52px!important;font-size:11px!important;border-radius:12px!important}
.catalog-delivery-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px;border-top:1px solid rgba(76,161,234,.18);padding-top:20px}
.catalog-delivery-benefits>div{min-width:0;display:grid;grid-template-columns:43px minmax(0,1fr);gap:11px;align-items:center;padding:0 18px;border-right:1px solid rgba(78,149,218,.18)}
.catalog-delivery-benefits>div:first-child{padding-left:4px}.catalog-delivery-benefits>div:last-child{border-right:0;padding-right:4px}
.catalog-delivery-benefits>div>.icon{width:31px;height:31px;color:#45c2ff;filter:drop-shadow(0 0 9px rgba(44,175,255,.22))}
.catalog-delivery-benefits b{display:block;color:#f0f8ff;font-size:10.5px;margin-bottom:3px}.catalog-delivery-benefits small{display:block;color:#829db8;font-size:8.5px;line-height:1.35}

/* Static public pages */
.catalog-static{min-height:100vh;display:flex;flex-direction:column}
.catalog-static-main{position:relative;z-index:1;flex:1;padding-top:52px!important;padding-bottom:70px!important}
.static-hero{position:relative;max-width:900px;padding:18px 0 42px}
.static-hero:after{content:"";position:absolute;left:0;bottom:18px;width:160px;height:1px;background:linear-gradient(90deg,#4fc4ff,transparent);box-shadow:0 0 14px rgba(79,196,255,.42)}
.static-hero h1{max-width:850px;margin:14px 0 14px;color:#fff;font-size:48px;line-height:1.05;letter-spacing:-.045em}.static-hero h1 span{color:#55c7ff;text-shadow:0 0 25px rgba(49,169,255,.16)}
.static-hero p{max-width:780px;margin:0;color:#a8bfd6;font-size:13px;line-height:1.7}
.static-hero-actions{display:flex;gap:10px;margin-top:22px}.static-hero-actions .btn{height:45px;padding:0 17px;border-radius:10px;font-size:10px}
.about-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:8px 0 18px}
.about-value-card{position:relative;min-height:220px;padding:22px;border:1px solid rgba(67,159,245,.27);border-radius:16px;background:linear-gradient(145deg,rgba(8,31,66,.82),rgba(3,17,39,.9));overflow:hidden}
.about-value-card:after{content:"";position:absolute;left:0;right:45%;bottom:0;height:2px;background:linear-gradient(90deg,#35baff,transparent)}
.about-value-card>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#53c5ff;background:rgba(12,70,139,.48);border:1px solid rgba(61,171,255,.34);box-shadow:0 0 20px rgba(35,151,255,.1)}
.about-value-card>span .icon{width:23px;height:23px}.about-value-card>small{position:absolute;right:18px;top:18px;color:#254c72;font-size:24px;font-weight:900}
.about-value-card h3{margin:18px 0 8px;color:#fff;font-size:15px}.about-value-card p{margin:0;color:#8fa8c1;font-size:10.5px;line-height:1.6}
.about-process{margin-top:16px;padding:28px;border:1px solid rgba(65,157,244,.28);border-radius:18px;background:linear-gradient(145deg,rgba(8,31,67,.8),rgba(3,17,39,.88));display:grid;grid-template-columns:360px 1fr;gap:30px;align-items:center}
.about-process-copy h2{margin:7px 0 9px;color:#fff;font-size:25px;letter-spacing:-.03em}.about-process-copy p{margin:0;color:#91aac3;font-size:10.5px;line-height:1.6}
.about-process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.about-process-steps>div{position:relative;min-height:145px;padding:17px;border:1px solid rgba(68,151,230,.2);border-radius:13px;background:rgba(4,20,45,.58);display:grid;align-content:start;gap:7px}.about-process-steps>div>span{position:absolute;right:12px;top:10px;color:#1d4c76;font-size:22px;font-weight:900}.about-process-steps .icon{width:25px;height:25px;color:#4fc2ff}.about-process-steps b{color:#edf8ff;font-size:11px}.about-process-steps small{color:#819bb6;font-size:9px;line-height:1.45}
.about-contact-strip{margin-top:18px;padding:22px 24px;border:1px solid rgba(66,160,245,.28);border-radius:16px;background:linear-gradient(110deg,rgba(8,35,74,.88),rgba(3,18,42,.9));display:flex;align-items:center;justify-content:space-between;gap:20px}.about-contact-strip h2{margin:6px 0;color:#fff;font-size:20px}.about-contact-strip p{margin:0;color:#8fa9c2;font-size:10px}.about-contact-strip .btn{height:44px;white-space:nowrap;border-radius:10px}
.faq-hero{max-width:760px}.faq-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:17px;align-items:start}.faq-side{position:sticky;top:90px;padding:24px;border:1px solid rgba(66,158,243,.28);border-radius:17px;background:linear-gradient(145deg,rgba(8,31,67,.86),rgba(3,17,39,.92))}.faq-side-icon{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;color:#52c5ff;border:1px solid rgba(61,174,255,.35);background:rgba(11,72,144,.45)}.faq-side-icon .icon{width:27px;height:27px}.faq-side h2{margin:7px 0 8px;color:#fff;font-size:21px}.faq-side p{margin:0 0 18px;color:#91aac3;font-size:10.5px;line-height:1.6}.faq-side .btn{height:44px;font-size:10px;border-radius:10px}
.faq-list{display:grid;gap:9px}.faq-item{overflow:hidden;border:1px solid rgba(67,151,230,.25);border-radius:13px;background:linear-gradient(145deg,rgba(7,27,58,.75),rgba(3,16,37,.86));transition:border-color .18s ease,box-shadow .18s ease}.faq-item.open{border-color:rgba(66,179,255,.5);box-shadow:0 0 24px rgba(38,149,255,.07)}
.faq-item>button{width:100%;min-height:66px;padding:0 18px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer;font:inherit}.faq-item>button>span{display:flex;align-items:center;gap:13px}.faq-item>button em{font-style:normal;color:#3e7eb5;font-size:10px;font-weight:900}.faq-item>button b{font-size:12px;line-height:1.35}.faq-item>button>.icon{width:18px;height:18px;color:#58c7ff;transition:transform .18s ease}.faq-item.open>button>.icon{transform:rotate(45deg)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.faq-answer>p{overflow:hidden;margin:0;padding:0 49px;color:#96aec6;font-size:10.5px;line-height:1.65}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer>p{padding-bottom:18px}

@media (max-width:1320px){
  .catalog-intro{grid-template-columns:minmax(0,1fr) 500px!important;gap:24px!important}
  .catalog-trust-panel>.catalog-trust-card{grid-template-columns:40px minmax(0,1fr)!important;padding:14px 12px!important;gap:9px!important}.catalog-trust-card .trust-icon{width:39px;height:39px}.catalog-trust-card b{font-size:11.5px!important}.catalog-trust-card small{font-size:8.7px!important}.catalog-trust-card em{font-size:6.8px}
  .itemsatis-source{min-width:245px!important}.itemsatis-source b{font-size:8.8px}.catalog-control-right .pro-select{width:190px!important}
  .catalog-delivery{padding:40px 34px 30px!important}.catalog-delivery-steps{max-width:860px}.delivery-step{grid-template-columns:26px 43px 1fr}.delivery-step .step-no{width:25px;height:25px}.delivery-step .step-icon{width:42px;height:42px}.delivery-step b{font-size:10.5px}.delivery-step small{font-size:8px}
  .catalog-code-card,.catalog-account-card{padding:20px!important}.catalog-card-head{grid-template-columns:54px 1fr}.catalog-card-head .catalog-card-icon{width:54px!important;height:54px!important}.catalog-code-card h3,.catalog-account-card h3{font-size:18px!important}
  .about-value-card{padding:18px}.about-process{grid-template-columns:300px 1fr}
}
@media (max-width:1050px){
  .catalog-intro{grid-template-columns:1fr!important}.catalog-trust-panel{grid-template-columns:repeat(3,1fr)!important}.catalog-trust-panel>.catalog-trust-card{min-height:118px!important}
  .catalog-control-right{justify-content:flex-start!important}.itemsatis-source{display:inline-flex!important;min-width:0!important;flex:1}.catalog-control-right .pro-select{width:210px!important}
  .catalog-delivery{padding:34px 24px 28px!important}.catalog-delivery-steps{grid-template-columns:1fr!important;max-width:620px;gap:8px}.delivery-step-line{display:none}.delivery-step{grid-template-columns:28px 44px 1fr}.catalog-delivery-grid{grid-template-columns:1fr!important;max-width:720px!important;margin:0 auto!important}.catalog-code-card,.catalog-account-card{min-height:0!important}.catalog-delivery-benefits{grid-template-columns:repeat(2,1fr);gap:14px}.catalog-delivery-benefits>div{border-right:0;padding:8px 12px!important}
  .about-value-grid{grid-template-columns:repeat(2,1fr)}.about-process{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr}.faq-side{position:relative;top:auto}
}
@media (max-width:640px){
  .catalog-trust-panel{grid-template-columns:1fr!important;gap:7px!important}.catalog-trust-panel>.catalog-trust-card{min-height:94px!important;grid-template-columns:42px 1fr!important;padding:12px!important}.catalog-trust-card small{font-size:9px!important}
  .catalog-control-right{flex-direction:column!important}.itemsatis-source{width:100%!important;white-space:normal!important;min-height:50px!important;height:auto!important;padding:9px 12px!important}.itemsatis-source b{font-size:9.5px}.catalog-control-right .pro-select{width:100%!important}
  .catalog-delivery{margin-top:38px!important;padding:28px 14px 22px!important;border-radius:16px}.catalog-delivery-head h2{font-size:27px!important}.catalog-delivery-head p{font-size:10px!important}.catalog-delivery-steps{margin-bottom:18px}.delivery-step{grid-template-columns:26px 40px 1fr;gap:8px}.delivery-step .step-icon{width:39px;height:39px}.delivery-step b{font-size:10px}.delivery-step small{font-size:7.8px}
  .catalog-code-card,.catalog-account-card{padding:16px!important;gap:13px!important}.catalog-card-head{grid-template-columns:45px 1fr;gap:11px}.catalog-card-head .catalog-card-icon{width:45px!important;height:45px!important;border-radius:12px!important}.catalog-card-head .catalog-card-icon .icon{width:22px!important;height:22px!important}.catalog-code-card h3,.catalog-account-card h3{font-size:16px!important}.catalog-code-card p,.catalog-account-card p{font-size:9.5px!important}.catalog-code-form{grid-template-columns:1fr!important}.catalog-code-input>span{display:none}.catalog-delivery-benefits{grid-template-columns:1fr 1fr;gap:7px;margin-top:17px;padding-top:14px}.catalog-delivery-benefits>div{grid-template-columns:30px 1fr;padding:7px 4px!important}.catalog-delivery-benefits>div>.icon{width:24px;height:24px}.catalog-delivery-benefits b{font-size:9px}.catalog-delivery-benefits small{font-size:7.5px}
  .catalog-static-main{padding-top:28px!important}.static-hero{padding-bottom:32px}.static-hero h1{font-size:34px}.static-hero p{font-size:11px}.static-hero-actions{flex-direction:column}.about-value-grid{grid-template-columns:1fr}.about-value-card{min-height:0}.about-process{padding:18px}.about-process-steps{grid-template-columns:1fr}.about-contact-strip{align-items:stretch;flex-direction:column}.faq-item>button{padding:0 13px}.faq-item>button b{font-size:10.5px}.faq-answer>p{padding-left:42px;padding-right:15px;font-size:9.5px}
}

@media (prefers-reduced-motion:reduce){.faq-answer,.faq-item,.faq-item>button>.icon,.catalog-trust-panel>.catalog-trust-card{transition:none!important}}

/* === 2026-09-10 r6: ürün kartları + sade güven blokları + icon/CDN görünürlüğü === */
.catalog-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.catalog-nav a>.icon{width:15px!important;height:15px!important;flex:0 0 auto;color:#6fbde8!important}
.catalog-nav a.active>.icon,.catalog-nav a:hover>.icon{color:#53c9ff!important}
.catalog-login-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:126px!important;
  padding:0 16px!important;
  text-align:center!important;
}
.catalog-login-cta>.icon{width:17px!important;height:17px!important;flex:0 0 auto!important}
.catalog-login-cta .catalog-login-text{display:block!important;line-height:1!important}

/* Product cards: only a little taller, but visually richer and more even */
.catalog-product-card.catalog-reference-card{
  min-height:248px!important;
  grid-template-rows:154px auto!important;
  border:1px solid rgba(var(--theme-rgb,52,151,255),.48)!important;
  box-shadow:
    0 15px 34px rgba(0,0,0,.24),
    0 0 0 1px rgba(var(--theme-rgb,52,151,255),.045),
    0 0 24px rgba(var(--theme-rgb,52,151,255),.07),
    inset 0 1px rgba(255,255,255,.035)!important;
  background:linear-gradient(180deg,rgba(6,24,53,.98),rgba(2,14,32,.99))!important;
}
.catalog-product-card.catalog-reference-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;
  box-shadow:inset 0 0 26px rgba(var(--theme-rgb,52,151,255),.025);
}
.catalog-reference-card .catalog-product-media{height:154px!important;min-height:154px!important}
.catalog-reference-card .catalog-product-info{
  min-height:94px!important;
  padding:11px 13px 12px!important;
  gap:8px!important;
}
.catalog-reference-card .catalog-product-copy h3{font-size:13.4px!important;line-height:1.24!important}
.catalog-reference-card .catalog-product-copy p{font-size:8.8px!important;line-height:1.35!important}
.catalog-product-card.catalog-reference-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--theme-rgb,52,151,255),.78)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.28),0 0 29px rgba(var(--theme-rgb,52,151,255),.12),inset 0 1px rgba(255,255,255,.045)!important;
}

/* Trust area: less text, more breathing room, clear icon hierarchy */
.catalog-trust-panel{
  min-height:142px!important;
  padding:9px!important;
  gap:9px!important;
}
.catalog-trust-panel>.catalog-trust-card{
  min-height:122px!important;
  padding:17px 15px!important;
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  align-content:center!important;
}
.catalog-trust-card .trust-icon{
  width:48px!important;height:48px!important;border-radius:13px!important;
}
.catalog-trust-card .trust-icon .icon{width:24px!important;height:24px!important}
.catalog-trust-card em{display:none!important}
.catalog-trust-card b{font-size:13.5px!important;margin-bottom:5px!important}
.catalog-trust-card small{font-size:10px!important;line-height:1.42!important;max-width:165px!important}

/* ItemSatış source chip: no empty left gutter, readable and visually balanced */
.itemsatis-source{
  height:52px!important;
  min-width:344px!important;
  padding:7px 13px 7px 8px!important;
  gap:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:normal!important;
}
.itemsatis-source-icon{
  width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;
  border-radius:9px;border:1px solid rgba(67,184,255,.34);
  background:linear-gradient(145deg,rgba(15,83,161,.56),rgba(4,29,66,.75));
  box-shadow:0 0 17px rgba(42,158,255,.12),inset 0 1px rgba(255,255,255,.04);
}
.itemsatis-source-icon .icon{width:18px!important;height:18px!important;color:#58c9ff!important}
.itemsatis-source>span:last-child{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;min-width:0!important}
.itemsatis-source b{font-size:10.5px!important;line-height:1.18!important;color:#dcecff!important}
.itemsatis-source small{font-size:8.6px!important;line-height:1.25!important;color:#829fbd!important;letter-spacing:0!important;font-weight:600!important}
.itemsatis-source strong{color:#55c7ff!important}
.catalog-control-right .pro-select,.catalog-control-right .pro-select-trigger{height:52px!important}

/* Delivery icons and form alignment */
.catalog-card-icon,.delivery-step .step-icon,.faq-side-icon,.about-value-card>span,.static-hero-mark{
  color:#5acbff!important;
}
.catalog-card-icon .icon,.delivery-step .step-icon .icon,.faq-side-icon .icon,.about-value-card>span .icon,.static-hero-mark .icon{
  display:block!important;
}
.catalog-login-form>.btn,.catalog-code-form>.btn{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  text-align:center!important;
}
.catalog-login-form>.btn>.icon,.catalog-code-form>.btn>.icon{width:17px!important;height:17px!important;flex:0 0 auto!important}
.static-hero-mark{
  width:54px;height:54px;display:grid;place-items:center;margin-bottom:17px;border-radius:15px;
  border:1px solid rgba(66,183,255,.38);background:linear-gradient(145deg,rgba(13,83,160,.5),rgba(4,27,62,.78));
  box-shadow:0 0 24px rgba(37,154,255,.12),inset 0 1px rgba(255,255,255,.04);
}
.static-hero-mark .icon{width:27px!important;height:27px!important}

@media (max-width:1320px){
  .catalog-product-card.catalog-reference-card{min-height:232px!important;grid-template-rows:144px auto!important}
  .catalog-reference-card .catalog-product-media{height:144px!important;min-height:144px!important}
  .catalog-reference-card .catalog-product-info{min-height:88px!important}
  .catalog-trust-panel>.catalog-trust-card{min-height:112px!important;grid-template-columns:42px 1fr!important;padding:14px 12px!important}
  .catalog-trust-card .trust-icon{width:41px!important;height:41px!important}.catalog-trust-card .trust-icon .icon{width:21px!important;height:21px!important}
  .catalog-trust-card b{font-size:12px!important}.catalog-trust-card small{font-size:9px!important}
  .itemsatis-source{min-width:300px!important}.itemsatis-source b{font-size:9.7px!important}.itemsatis-source small{font-size:8px!important}
}
@media (max-width:1050px){
  .catalog-product-card.catalog-reference-card{min-height:270px!important;grid-template-rows:180px auto!important}
  .catalog-reference-card .catalog-product-media{height:180px!important;min-height:180px!important}
  .itemsatis-source{min-width:0!important;flex:1!important}
}
@media (max-width:640px){
  .catalog-product-card.catalog-reference-card{min-height:294px!important;grid-template-rows:196px auto!important}
  .catalog-reference-card .catalog-product-media{height:196px!important;min-height:196px!important}
  .catalog-trust-panel>.catalog-trust-card{min-height:88px!important;grid-template-columns:44px 1fr!important;padding:12px!important}
  .catalog-trust-card small{max-width:none!important}
  .itemsatis-source{width:100%!important;min-height:58px!important;height:auto!important;padding:8px!important}
}

/* === 2026-09-10 r7: panel genel hizalama + native kontrol temizliği + icon düzeni === */

/* Tüm panelde temel hizalama ve taşma güvenliği */
.workspace,
.epic-workspace,
.admin-workspace{
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 78% 10%,rgba(25,111,230,.08),transparent 32%),
    linear-gradient(180deg,#020b19 0%,#031024 55%,#020a16 100%);
}
.workspace .shell{width:min(1560px,calc(100% - 28px));margin-inline:auto}
.workspace-top{
  min-height:72px!important;
  height:auto!important;
  padding:10px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(190px,240px) minmax(340px,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  border-bottom:1px solid rgba(77,154,245,.16)!important;
  background:rgba(2,10,23,.9)!important;
  backdrop-filter:blur(18px)!important;
}
.workspace-top>a.clean{display:flex;align-items:center;min-width:0}
.workspace-top .brand-text{font-size:24px!important;line-height:1!important;white-space:nowrap}
.workspace-search-wrap{min-width:0;position:relative}
.workspace-search{
  min-width:0!important;
  width:100%!important;
  min-height:44px!important;
  padding:0 13px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid rgba(72,151,241,.22)!important;
  border-radius:12px!important;
  background:rgba(4,18,40,.78)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.workspace-search>.icon{width:16px!important;height:16px!important;color:#5dbbff!important}
.workspace-search input{
  width:100%!important;min-width:0!important;height:40px!important;
  border:0!important;outline:0!important;background:transparent!important;
  color:#eaf5ff!important;font-size:12.5px!important;padding:0!important;box-shadow:none!important;
}
.workspace-search input::placeholder{color:#6f86a8!important}
.workspace-search kbd{
  min-width:24px!important;height:21px!important;padding:0 6px!important;
  border:1px solid rgba(76,149,235,.22)!important;border-radius:6px!important;
  display:grid!important;place-items:center!important;background:rgba(10,34,72,.6)!important;
  color:#8ca7c8!important;font-size:8px!important;line-height:1!important;
}
.workspace-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  min-width:max-content!important;
}
.workspace-actions>.btn,.workspace-actions>.admin-tag{
  min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;padding:0 13px!important;border-radius:9px!important;line-height:1!important;
}
.profile-pill{
  min-height:44px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;gap:9px!important;padding:5px 12px 5px 6px!important;
  border:1px solid rgba(73,147,235,.2)!important;border-radius:11px!important;
  background:rgba(5,21,46,.72)!important;
}
.profile-pill .avatar{width:34px!important;height:34px!important;border-radius:9px!important;display:grid!important;place-items:center!important;font-size:13px!important}
.profile-pill>div:last-child{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;min-width:0!important}
.profile-pill b{font-size:11px!important;line-height:1.15!important;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-pill small{font-size:8.5px!important;line-height:1.15!important;color:#7f94b2!important}

.workspace-grid{
  display:grid!important;
  grid-template-columns:228px minmax(0,1fr)!important;
  gap:20px!important;
  padding:18px 14px 34px!important;
  min-height:calc(100vh - 72px)!important;
  align-items:start!important;
}
.main{width:100%!important;min-width:0!important;overflow:visible!important}
.page{width:100%!important;max-width:1460px!important;margin:0 auto!important;padding:4px 0 34px!important}

/* Sol menü: bitişik görünümü ve küçük ikonları düzelt */
.sidebar.epic-sidebar{
  position:sticky!important;top:88px!important;height:calc(100vh - 106px)!important;
  min-height:560px!important;padding:16px 13px!important;border-radius:16px!important;
  gap:6px!important;background:linear-gradient(180deg,rgba(8,31,67,.92),rgba(4,18,40,.96))!important;
  border:1px solid rgba(74,151,242,.25)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.03)!important;
}
.side-brand{padding:7px 9px 15px!important;margin-bottom:4px!important;border-bottom:1px solid rgba(78,148,230,.13)!important}
.side-brand .mini-brand{font-size:21px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.03em!important}
.side-brand>span{display:block!important;margin-top:8px!important;color:#7e98bb!important;font-size:9px!important;line-height:1.4!important}
.sidebar a,.sidebar button{
  min-height:44px!important;padding:0 11px!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  font-size:11px!important;font-weight:700!important;line-height:1.2!important;
}
.sidebar .si{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#58bdff!important}
.sidebar a.active{box-shadow:0 0 20px rgba(35,133,255,.15),inset 0 1px rgba(255,255,255,.04)!important}
.side-promo{min-height:132px!important;padding:14px!important;border-radius:13px!important;gap:5px!important}
.side-promo .promo-icon{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;margin-bottom:5px!important}
.side-promo .promo-icon .icon{width:25px!important;height:25px!important;color:#7fcaff!important}
.side-promo b{font-size:11.5px!important;line-height:1.42!important}.side-promo small{font-size:9px!important;line-height:1.45!important;margin-top:2px!important}

/* Genel panel tipografi: küçük / kayan metinleri toparla */
.workspace .page-head{min-height:86px!important;padding:4px 3px 14px!important;align-items:center!important}
.workspace .page-head h1{font-size:34px!important;line-height:1.05!important;margin:5px 0 7px!important}
.workspace .page-head p{font-size:11.5px!important;line-height:1.55!important;max-width:780px!important}
.workspace .eyebrow{font-size:8.5px!important;line-height:1.2!important;letter-spacing:.18em!important;color:#61c3ff!important}
.workspace h2{line-height:1.15!important}.workspace p{overflow-wrap:anywhere}

/* Tüm butonlar: ikon + yazı aynı eksende */
.workspace .btn,.modal .btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;min-height:40px!important;padding:0 14px!important;
  border-radius:9px!important;font-size:11px!important;font-weight:800!important;line-height:1!important;
  white-space:nowrap!important;
}
.workspace .btn .icon,.modal .btn .icon{width:16px!important;height:16px!important;flex:0 0 16px!important;display:block!important}
.workspace .btn.primary{box-shadow:0 7px 20px rgba(20,113,239,.12),inset 0 1px rgba(255,255,255,.08)!important}

/* Ana sayfa teslimat Giriş Yap: metin ve ok kesin ortada */
.catalog-login-form>.catalog-login-submit{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  padding:0 18px!important;text-align:center!important;line-height:1!important;
}
.catalog-login-form>.catalog-login-submit>span{display:block!important;line-height:1!important;transform:none!important}
.catalog-login-form>.catalog-login-submit>.icon{display:block!important;position:static!important;margin:0!important;transform:none!important}

/* Windows/native görünümlü input/select/textarea/checkbox'ları panel tasarımına çevir */
.workspace input:not([type="checkbox"]):not([type="radio"]),
.workspace textarea,
.workspace select,
.modal input:not([type="checkbox"]):not([type="radio"]),
.modal textarea,
.modal select{
  width:100%;min-width:0;box-sizing:border-box;
  border:1px solid rgba(73,151,241,.26)!important;
  border-radius:10px!important;
  background:#041329!important;
  color:#e8f4ff!important;
  outline:0!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
  font-family:inherit!important;font-size:11.5px!important;line-height:1.35!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.workspace input:not([type="checkbox"]):not([type="radio"]),.workspace select,
.modal input:not([type="checkbox"]):not([type="radio"]),.modal select{height:42px!important;padding:0 12px!important}
.workspace textarea,.modal textarea{padding:11px 12px!important;resize:vertical;min-height:92px!important}
.workspace input:focus,.workspace textarea:focus,.workspace select:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{
  border-color:rgba(73,187,255,.7)!important;background:#051832!important;
  box-shadow:0 0 0 3px rgba(39,141,255,.08)!important;
}
.workspace input::placeholder,.workspace textarea::placeholder,.modal input::placeholder,.modal textarea::placeholder{color:#607b9d!important;opacity:1!important}
.workspace select,.modal select{
  appearance:none!important;-webkit-appearance:none!important;
  padding-right:35px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237aa9d8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 11px center!important;
}
.workspace input[type="checkbox"],.modal input[type="checkbox"]{
  appearance:none!important;-webkit-appearance:none!important;width:17px!important;height:17px!important;
  flex:0 0 17px!important;margin:0!important;border:1px solid rgba(88,178,255,.52)!important;border-radius:5px!important;
  background:#041329!important;display:grid!important;place-items:center!important;cursor:pointer!important;
}
.workspace input[type="checkbox"]:checked,.modal input[type="checkbox"]:checked{background:#1b8cf4!important;border-color:#55c7ff!important}
.workspace input[type="checkbox"]:checked:after,.modal input[type="checkbox"]:checked:after{content:"";width:7px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}

.field{display:flex!important;flex-direction:column!important;gap:7px!important;color:#8eabd0!important;font-size:10px!important;font-weight:700!important;line-height:1.25!important}
.form-grid{gap:14px!important}.form-grid.two{gap:14px!important}

/* Araç çubukları ve filtreler: birbirine yapışmasın */
.toolbar,.admin-filterbar,.premium-controls,.store-controls{
  min-height:64px!important;padding:10px 12px!important;gap:12px!important;
  border-radius:13px!important;border:1px solid rgba(72,149,237,.2)!important;
  background:rgba(5,21,47,.72)!important;
}
.toolbar .search,.admin-filterbar .search,.library-searchsort .search,.store-search{
  min-height:42px!important;display:flex!important;align-items:center!important;gap:9px!important;
  padding:0 12px!important;border:1px solid rgba(73,151,241,.2)!important;border-radius:10px!important;background:#041329!important;
}
.toolbar .search>.icon,.admin-filterbar .search>.icon,.library-searchsort .search>.icon,.store-search>.icon{width:16px!important;height:16px!important;color:#5dbbff!important;flex:0 0 16px!important}
.toolbar .search input,.admin-filterbar .search input,.library-searchsort .search input,.store-search input{height:38px!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.toolbar .count{font-size:10px!important;padding:7px 10px!important;border-radius:8px!important;background:rgba(27,95,179,.12)!important;color:#8fb4dc!important}

/* Kartlar: aralarında nefes, eşit padding ve premium çerçeve */
.glass{border-color:rgba(76,151,240,.22)!important}
.admin-panel,.panel,.keybox,.account-panel,.library-redeem,.library-overview,.store-hero{
  border-radius:16px!important;
  box-shadow:0 15px 42px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;
}
.admin-panel{padding:19px!important;margin-bottom:14px!important}
.admin-grid2{gap:16px!important}.stats,.admin-summary-row,.stock-cards{gap:12px!important}
.stat,.summary-card,.lib-stat{min-height:90px!important;padding:15px!important;border-radius:14px!important}
.stat .sicon,.summary-card>.icon,.lib-stat-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:11px!important}
.stat b,.summary-card b,.lib-stat>b{font-size:21px!important}.stat small,.summary-card small{font-size:9.5px!important;line-height:1.35!important}

.panel-title,.panel-head,.account-panel-head{
  min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:13px!important;
}
.panel-title.icon-title{justify-content:flex-start!important}
.panel-title.icon-title>span,.icon-title>span{
  width:38px!important;height:38px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;border:1px solid rgba(75,165,247,.28)!important;background:rgba(19,85,163,.22)!important;color:#61c5ff!important;
}
.panel-title.icon-title>span .icon,.icon-title>span .icon{width:19px!important;height:19px!important}
.panel-title>div,.panel-head>div,.account-panel-head>div{min-width:0!important}
.panel-title h2,.panel-head h2,.account-panel-head h2{font-size:17px!important;line-height:1.15!important;margin:0!important}
.panel-title p,.panel-head p,.account-panel-head p{font-size:9.8px!important;line-height:1.45!important;margin:4px 0 0!important;color:#7f99bb!important}

/* Tablolar: beyaz / sıkışık görünümü ortadan kaldır */
.table-wrap{
  width:100%!important;overflow:auto!important;border:1px solid rgba(71,145,230,.14)!important;
  border-radius:12px!important;background:rgba(2,13,29,.42)!important;
  scrollbar-width:thin;scrollbar-color:rgba(70,147,231,.38) transparent;
}
.table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:760px!important}
.table th{
  height:42px!important;padding:0 13px!important;background:rgba(11,43,83,.5)!important;
  color:#7899bd!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.08em!important;
  border-bottom:1px solid rgba(78,150,232,.16)!important;vertical-align:middle!important;
}
.table td{
  min-height:48px!important;padding:11px 13px!important;color:#a8bdd6!important;font-size:10.5px!important;line-height:1.35!important;
  border-bottom:1px solid rgba(74,143,221,.09)!important;vertical-align:middle!important;background:transparent!important;
}
.table tbody tr:last-child td{border-bottom:0!important}.table tbody tr:hover td{background:rgba(25,87,165,.075)!important}
.table td b{font-size:10.8px!important}.sub{font-size:8.8px!important;line-height:1.35!important;margin-top:3px!important}
.row-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}
.row-btn,.link-btn{
  min-height:31px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  padding:0 9px!important;border-radius:7px!important;font-size:9px!important;line-height:1!important;
}
.row-btn .icon,.link-btn .icon{width:13px!important;height:13px!important}

/* Kütüphane / ürün detay / hesap panelinde kayma ve küçük yazılar */
.library-stats,.library-product-grid,.account-grid,.product-layout{gap:14px!important}
.library-overview{padding:22px!important}.library-overview h1{font-size:33px!important;line-height:1.05!important}.library-overview p{font-size:11px!important;line-height:1.55!important}
.library-overview-badges{gap:8px!important}.library-overview-badges>span{font-size:9px!important;display:inline-flex!important;align-items:center!important;gap:5px!important}
.lib-stat strong{font-size:11.5px!important;line-height:1.25!important}.lib-stat small,.lib-stat em{font-size:8.8px!important;line-height:1.35!important}
.library-redeem{padding:18px!important}.library-redeem h2{font-size:17px!important}.library-redeem p,.redeem-help{font-size:9.5px!important;line-height:1.45!important}
.library-card{border-radius:15px!important;overflow:hidden!important}.library-card .card-main{padding:15px!important}.library-card h3{font-size:15px!important;line-height:1.25!important}.library-card .card-desc{font-size:9.8px!important;line-height:1.45!important}
.card-info-row{gap:9px!important}.added-date,.card-platform{min-width:0!important;padding:9px!important;border-radius:9px!important;background:rgba(8,31,64,.6)!important;border:1px solid rgba(71,146,231,.13)!important}.added-date small,.card-platform small{font-size:7.8px!important}.added-date b,.card-platform b{font-size:9.4px!important;white-space:normal!important;overflow-wrap:anywhere!important}

.product-showcase{padding:18px!important;gap:18px!important}.showcase-copy h1{font-size:36px!important;line-height:1.05!important}.showcase-copy p{font-size:11px!important;line-height:1.55!important}.spec-strip{gap:10px!important}.spec-strip>div{padding-right:12px!important}.spec-strip small{font-size:8px!important}.spec-strip b{font-size:10.5px!important;line-height:1.3!important}
.showcase-side{gap:10px!important}.showcase-copycode{min-height:72px!important;padding:12px!important;border-radius:12px!important}.showcase-copycode small{font-size:7.8px!important}.showcase-copycode b{font-size:10.5px!important}.showcase-copycode em{font-size:8px!important}
.keybox{padding:18px!important}.key-field{font-size:11px!important;min-height:50px!important}.instruction p,.panel li,.panel>p{font-size:10px!important}

.account-panel{padding:18px!important}.account-panel p{font-size:10px!important;line-height:1.5!important}.account-password-grid{gap:12px!important}.password-rules{gap:7px!important}.password-rules span{font-size:9px!important}

/* Admin özel bloklar */
.admin-titlebar{margin-bottom:2px!important}.admin-summary-row{margin:8px 0 14px!important}.summary-card{display:flex!important;align-items:center!important;gap:12px!important}.summary-card>span{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important}
.validator-readiness{padding:15px 16px!important;border-radius:13px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;margin-bottom:14px!important}.validator-readiness>span{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(16,113,91,.22)!important}.validator-readiness>span .icon{width:20px!important;height:20px!important}.validator-readiness b{font-size:11px!important}.validator-readiness small{font-size:9px!important;line-height:1.45!important}.validator-readiness em{font-size:8.5px!important;white-space:nowrap!important}
.settings-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:13px!important}
.warning{padding:12px!important;border-radius:10px!important;font-size:9.5px!important;line-height:1.5!important;margin-top:12px!important}
.stock-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}.stock-card{min-width:0!important;padding:15px!important}.stock-title{min-width:0!important}.stock-title b{font-size:11px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stocknums{gap:8px!important}.stocknums b{font-size:18px!important}.stocknums small{font-size:8.5px!important}
.quick{gap:10px!important}.quick a{min-height:56px!important;padding:12px!important;border-radius:10px!important;font-size:10.5px!important}.quick a .icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
.recent>div{padding:11px 2px!important;gap:10px!important}.recent b{font-size:10.5px!important}.recent small{font-size:8.8px!important}

/* Modal / popup düzeni */
.modal-bg{padding:20px!important}.modal{padding:20px!important;border-radius:17px!important}.modal-head{margin-bottom:16px!important;gap:15px!important}.modal-head h2{font-size:23px!important;line-height:1.1!important}.close{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:9px!important}.modal-actions{gap:9px!important}.keylist{padding:10px!important;border-radius:10px!important}.keylist>div{min-height:43px!important;padding:8px 3px!important}.keylist small{font-size:8.5px!important}

/* Responsive: genişlik daraldığında panel kırılmasın */
@media (max-width:1320px){
  .workspace-top{grid-template-columns:190px minmax(280px,1fr) auto!important;gap:10px!important}
  .workspace-grid{grid-template-columns:210px minmax(0,1fr)!important;gap:14px!important}
  .sidebar.epic-sidebar{padding:13px 11px!important}.sidebar a,.sidebar button{font-size:10.5px!important;padding:0 9px!important}
  .workspace-actions>.btn,.workspace-actions>.admin-tag{padding:0 10px!important;font-size:10px!important}.profile-pill{padding-right:9px!important}
  .stats.admin{grid-template-columns:repeat(3,minmax(0,1fr))!important}.stock-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:980px){
  .workspace-top{grid-template-columns:auto minmax(0,1fr) auto!important}.workspace-top .brand-text{font-size:20px!important}
  .workspace-search kbd{display:none!important}.workspace-search{grid-template-columns:18px minmax(0,1fr)!important}
  .workspace-grid{grid-template-columns:1fr!important;padding-top:12px!important}.sidebar.epic-sidebar{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}.side-brand,.side-promo{display:none!important}.sidebar button.logout{grid-column:auto!important}
  .admin-grid2,.account-grid,.product-layout{grid-template-columns:1fr!important}.form-grid.two{grid-template-columns:1fr!important}.validator-readiness{grid-template-columns:40px 1fr!important}.validator-readiness em{grid-column:2!important;justify-self:start!important}
}
@media (max-width:720px){
  .workspace .shell{width:min(100% - 16px,1560px)!important}.workspace-top{grid-template-columns:1fr auto!important;padding:9px 8px!important}.workspace-search-wrap,.workspace-top>.workspace-search{grid-column:1/-1!important;grid-row:2!important}.workspace-actions{grid-column:2!important;grid-row:1!important}.profile-pill>div:last-child,.workspace-actions>.admin-tag,.workspace-actions>.btn{display:none!important}.profile-pill{grid-template-columns:34px!important;padding:4px!important}
  .sidebar.epic-sidebar{grid-template-columns:repeat(2,1fr)!important}.sidebar a,.sidebar button{justify-content:flex-start!important}
  .workspace .page-head{align-items:flex-start!important;flex-direction:column!important}.workspace .page-head h1{font-size:29px!important}.stats,.stats.admin,.admin-summary-row.four,.library-stats{grid-template-columns:1fr!important}.stock-cards{grid-template-columns:1fr!important}.toolbar,.admin-filterbar{flex-direction:column!important;align-items:stretch!important}.toolbar select,.admin-filterbar select{width:100%!important}.table{min-width:680px!important}.quick{grid-template-columns:1fr!important}
  .catalog-login-form>.catalog-login-submit{width:100%!important}
}

/* === 2026-09-10 r8: üst menü Giriş Yap hizalama düzeltmesi === */
.catalog-login-cta{
  height:44px!important;
  min-width:130px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border-radius:9px!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.catalog-login-cta>.icon{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  display:block!important;
}
.catalog-login-cta>.catalog-login-text{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:inherit!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-align:center!important;
}
@media(max-width:640px){
  .catalog-login-cta{min-width:112px!important;height:42px!important;padding:0 13px!important;gap:7px!important}
  .catalog-login-cta>.catalog-login-text{font-size:10.5px!important}
}