*{box-sizing:border-box}html{background:#0f1f2a}body{margin:0;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit}h1,h2,p{overflow-wrap:anywhere}.pageShell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(125deg,#0f172af5,#134e4af0 58%,#0891b2e0),repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 1px,transparent 1px 18px)}.topBar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px clamp(20px,5vw,64px);color:#fff}.brandInline{min-width:0;display:flex;align-items:center;gap:14px}.brandMark{width:54px;height:54px;display:grid;flex:0 0 auto;place-items:center;border:1px solid rgba(153,246,228,.45);border-radius:8px;background:#0f172a8c;color:#99f6e4;font-size:17px;font-weight:900}.brandInline h1{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:0}.brandInline p{margin:6px 0 0;color:#b6fff2;font-size:14px;font-weight:800}.storeLink{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:6px;background:#fff;color:#0f172a;font-weight:800;text-decoration:none;white-space:nowrap}.redeemStage{min-width:0;display:grid;place-items:center;padding:18px clamp(18px,5vw,64px) 32px}.adRedeemLayout{width:min(100%,1180px);display:grid;align-items:center;justify-content:center;gap:18px}.adRedeemLayout.centerOnly{grid-template-columns:minmax(0,520px);grid-template-areas:"form" "bottom"}.adRedeemLayout.withSideAds{grid-template-columns:minmax(180px,260px) minmax(320px,520px) minmax(180px,260px);grid-template-areas:"left form right" "bottom bottom bottom"}.redeemSurface{width:min(100%,520px);display:grid;grid-area:form;gap:18px;padding:24px;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:#f8fafcf7;color:#0f172a;box-shadow:0 26px 70px #0206174d}.adColumn{min-width:0;display:grid;gap:12px}.leftAds{grid-area:left}.rightAds{grid-area:right}.bottomAds{grid-area:bottom;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}.adLink{min-width:0;color:inherit;text-decoration:none}.adCard{min-width:0;display:grid;gap:10px;padding:14px;border:1px solid rgba(153,246,228,.42);border-radius:8px;background:#ffffffe6;color:#0f172a;box-shadow:0 18px 40px #02061729}.adCard h3{margin:0;font-size:15px;letter-spacing:0}.adCard p{margin:5px 0 0;color:#475569;font-size:13px;font-weight:700;line-height:1.55}.imageAdCard img{width:100%;max-height:180px;object-fit:cover;border-radius:6px;background:#e2e8f0}.surfaceHeading{display:flex;gap:12px;align-items:flex-start}.surfaceHeading svg{flex:0 0 auto;margin-top:3px;color:#0f766e}.surfaceHeading h2{margin:0;font-size:24px;letter-spacing:0}.surfaceHeading p{margin:4px 0 0;color:#475569;line-height:1.6}.redeemSurface label{font-weight:800}.inputRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.inputRow input{width:100%;min-width:0;min-height:48px;border:1px solid #cbd5e1;border-radius:6px;padding:0 14px;color:#0f172a;background:#fff}.inputRow input:focus{border-color:#0f766e;outline:3px solid rgba(20,184,166,.2)}.inputRow button,.copyButton{min-height:48px;border:0;border-radius:6px;padding:0 16px;background:#0f766e;color:#fff;font-weight:900;cursor:pointer}.inputRow button:disabled{opacity:.72;cursor:progress}.resultPanel{min-height:230px;padding:18px;border:1px solid #99f6e4;border-radius:8px;background:#ecfeff}.resultTopline{display:flex;gap:12px;justify-content:space-between;color:#134e4a}.resultTopline span{color:#475569;font-size:14px}.cardDetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.cardDetails div{min-width:0;padding:12px;border-radius:6px;background:#fff}.cardDetails dt,.fieldDetails dt{color:#64748b;font-size:12px;font-weight:800}.cardDetails dd{margin:4px 0 0;font-size:16px;font-weight:900}.billingText{margin:0 0 14px;color:#475569}.fieldDetails{display:grid;gap:10px;margin:18px 0}.fieldDetails div{display:grid;grid-template-columns:minmax(90px,.35fr) minmax(0,1fr);gap:12px;align-items:start;padding:12px;border-radius:6px;background:#fff}.fieldDetails dd{min-width:0;margin:0;color:#0f172a;font-weight:900;overflow-wrap:anywhere}.plainTextResult{min-height:96px;margin:18px 0;padding:14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-family:inherit;font-weight:800;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.statusMessage{margin:12px 0 0;font-weight:800}.errorStatus{color:#be123c}.copyButton{width:100%;display:inline-flex;gap:8px;align-items:center;justify-content:center}.emptyResult{min-height:190px;display:grid;place-items:center;align-content:center;gap:12px;color:#475569;text-align:center}.emptyResult p{max-width:320px;margin:0;line-height:1.7}.expiredResult{color:#334155}.announcementBar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;padding:12px clamp(18px,5vw,64px) 18px;background:#ffffffe6;color:#334155;font-size:13px;font-weight:700}@media (max-width: 640px){.topBar{align-items:stretch;flex-direction:column;padding:20px}.storeLink{width:fit-content}.redeemSurface{padding:18px}.inputRow,.cardDetails,.fieldDetails div{grid-template-columns:1fr}.inputRow button{width:100%}.resultTopline{flex-direction:column}}@media (max-width: 920px){.adRedeemLayout.withSideAds{grid-template-columns:minmax(0,520px);grid-template-areas:"form" "left" "right" "bottom"}.bottomAds{grid-template-columns:1fr}}
