*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#fff;background:#06111e url('assets/frosty-background.png') center/cover fixed no-repeat;min-height:100vh}.page{display:none;min-height:100vh;background:linear-gradient(180deg,rgba(2,10,20,.28),rgba(2,10,20,.62))}.page.active{display:block}header,.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;background:rgba(0,8,18,.48);backdrop-filter:blur(8px)}.brand{font-weight:900;letter-spacing:3px;font-size:20px}.brand span{color:#65d8ff}.tag{opacity:.75}.small{font-size:16px}.hero{display:grid;place-items:center;min-height:calc(100vh - 85px);padding:25px}.hero-card{max-width:760px;text-align:center;padding:55px 30px;border:1px solid rgba(125,220,255,.35);border-radius:28px;background:rgba(3,18,31,.48);box-shadow:0 0 70px rgba(0,180,255,.12);backdrop-filter:blur(10px)}h1{font-size:clamp(48px,9vw,92px);line-height:.88;margin:0 0 20px;letter-spacing:5px}h1 span,h2{color:#6be0ff}.hero-card p{font-size:18px;opacity:.8}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}button,.discord{border:0;border-radius:12px;padding:14px 20px;font-weight:800;letter-spacing:.6px;cursor:pointer;text-decoration:none}.actions button,.submit{background:#69dcff;color:#04101b}.discord{background:#5865f2;color:white}.topbar button{background:rgba(255,255,255,.1);color:#fff}main{padding:30px 5%;max-width:1200px;margin:auto}h2{text-align:center;font-size:36px}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.game{background:rgba(2,15,27,.58);border:1px solid rgba(112,221,255,.25);border-radius:18px;padding:18px;backdrop-filter:blur(8px)}.game h3{margin:0 0 14px;font-size:23px}.serviceList{display:grid;gap:9px}.serviceList button{display:flex;justify-content:space-between;gap:10px;text-align:left;background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.08)}.serviceList button:hover{background:rgba(100,220,255,.15)}.checkout{max-width:760px}.summary{background:rgba(2,15,27,.58);border:1px solid rgba(112,221,255,.25);border-radius:18px;padding:22px;margin-bottom:18px;text-align:center}.summary h2{margin:0 0 8px}.pay{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0}.pay a{background:rgba(255,255,255,.1);padding:12px 16px;border-radius:10px;color:#fff;text-decoration:none;font-weight:bold}.policy{font-size:12px;opacity:.7}form{display:grid;gap:14px;background:rgba(2,15,27,.58);padding:22px;border-radius:18px;border:1px solid rgba(112,221,255,.25)}label{display:grid;gap:7px;font-weight:bold}input,select,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #385468;background:#071522;color:#fff}textarea{min-height:90px}.submit{margin-top:4px}.admin{max-width:1000px}.adminbar{display:flex;gap:10px;margin-bottom:20px}.adminbar input{flex:1}.adminbar button,.status button{background:#69dcff;color:#04101b}.order{background:rgba(2,15,27,.7);border:1px solid rgba(112,221,255,.25);padding:18px;border-radius:15px;margin:12px 0}.order h2{font-size:22px;text-align:left;margin:0 0 8px}.order h2 span{float:right;font-size:13px}.order a{color:#6be0ff}.status{display:flex;gap:8px;margin-top:12px}@media(max-width:600px){header,.topbar{padding:18px 4%}.hero-card{padding:38px 18px}.games{grid-template-columns:1fr}.adminbar{flex-direction:column}}

.paymentBox{margin:16px 0;padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(0,0,0,.25)}.paymentBox[hidden],.accountDetails[hidden]{display:none}.payNow{display:inline-block;margin:8px 0;padding:11px 16px;border-radius:10px;text-decoration:none;font-weight:800}.statusPage{display:grid;place-items:center;min-height:70vh;padding:24px}.statusCard{max-width:620px;width:100%;padding:32px;border-radius:18px;text-align:center;background:rgba(10,16,28,.78);border:1px solid rgba(255,255,255,.12)}.statusBadge{display:inline-block;margin:18px 0;padding:10px 18px;border-radius:999px;font-weight:900;background:rgba(80,180,255,.16)}.accountDetails{margin:20px 0;padding:20px;text-align:left;border-radius:14px;background:rgba(0,0,0,.3)}.accountDetails .secret{filter:blur(5px);transition:.15s}.accountDetails .secret.revealed{filter:none}.accountDetails button{margin-left:8px}.delivery{margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.delivery label{display:block;margin:10px 0}.delivery input,.delivery textarea{width:100%;box-sizing:border-box}.delivery textarea{min-height:80px}

.copy-account-btn{margin-top:14px;width:100%;cursor:pointer}
.copy-account-status{display:block;margin-top:8px;font-size:.9rem;opacity:.85}

.headerActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.headerActions button{background:rgba(255,255,255,.1);color:#fff}.accountMain{max-width:1100px}.authGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.authCard{background:rgba(2,15,27,.58)}.authCard h3{margin:0 0 12px}.accountHeading{display:flex;justify-content:space-between;gap:16px;align-items:center;background:rgba(2,15,27,.58);border:1px solid rgba(112,221,255,.25);border-radius:18px;padding:20px;margin-bottom:18px}.accountHeading h2{margin:0;text-align:left}.accountHeading p{margin:8px 0 0;opacity:.75}.accountHeading button{background:rgba(255,255,255,.1);color:#fff}.sectionTitle{text-align:left;color:#6be0ff;font-size:24px}.customerOrder{display:flex;justify-content:space-between;align-items:center;gap:16px;background:rgba(2,15,27,.62);border:1px solid rgba(112,221,255,.22);border-radius:15px;padding:18px;margin:10px 0}.customerOrder h3{margin:0 0 7px}.customerOrder p{margin:6px 0;opacity:.78}.customerOrderActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.customerOrderActions button,.chatForm button,.chatHeader button,.adminChatHeader button{background:#69dcff;color:#04101b}.statusBadge{display:inline-block;padding:8px 12px;border-radius:999px;font-weight:900;background:rgba(80,180,255,.16)}.customerChat,.adminChat{margin-top:18px;background:rgba(2,15,27,.58);border:1px solid rgba(112,221,255,.25);border-radius:15px;padding:16px}.chatHeader,.adminChatHeader{display:flex;justify-content:space-between;align-items:center;gap:10px}.chatHeader h3,.adminChatHeader h3{margin:0}.chatMessages{max-height:380px;overflow:auto;display:grid;gap:10px;margin:14px 0;padding:8px;background:rgba(0,0,0,.2);border-radius:12px}.chatMessage{padding:10px 12px;border-radius:12px;max-width:86%}.fromCustomer{justify-self:end;background:rgba(105,220,255,.14);border:1px solid rgba(105,220,255,.2)}.fromAdmin{justify-self:start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.chatMeta{font-size:.78rem;opacity:.65;margin-bottom:5px}.chatText{white-space:normal;word-break:break-word}.chatEmpty{text-align:center;opacity:.6}.chatForm{display:grid;grid-template-columns:1fr auto;gap:10px;background:none;border:0;padding:0}.chatForm textarea{min-height:72px}.adminChat{margin-top:18px}.unreadBadge{display:inline-block;font-size:.7rem;padding:4px 7px;border-radius:999px;background:rgba(255,130,100,.2);margin-left:7px}.adminHeading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.adminHeading h1{font-size:32px;letter-spacing:2px;margin:8px 0 0}.adminHome{color:#6be0ff;text-decoration:none;font-weight:800}.errorMsg{color:#ff9d91}.successMsg{color:#8ff0b7}.emptyCard{background:rgba(2,15,27,.58);border:1px solid rgba(112,221,255,.25);border-radius:15px;padding:22px;text-align:center}.adminChatPanel[hidden]{display:none}
@media(max-width:700px){.authGrid{grid-template-columns:1fr}.customerOrder{align-items:flex-start;flex-direction:column}.customerOrderActions{width:100%}.customerOrderActions button{flex:1}.accountHeading{align-items:flex-start;flex-direction:column}.chatForm{grid-template-columns:1fr}.adminHeading{align-items:flex-start;flex-direction:column}.headerActions{justify-content:flex-end}}

.deleteOrder{background:rgba(255,90,90,.18)!important;color:#ffb0aa!important;border:1px solid rgba(255,110,110,.25)!important}.deleteOrder:hover{background:rgba(255,90,90,.28)!important}

.serviceList button>span{display:block;flex:1;min-width:0}.serviceList .serviceDescription{display:block;margin-top:7px;line-height:1.45;font-size:.86rem;opacity:.78;font-weight:400}

.servicesHeading{margin-bottom:24px}.eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:3px;font-weight:900;color:#6be0ff;opacity:.9}.servicesIntro{margin:0 auto;max-width:720px;text-align:center;opacity:.72}.categoryGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.categoryCard{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:330px}.categoryImage{position:relative;aspect-ratio:16/8.4;overflow:hidden;background:#09131e}.categoryImage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease}.categoryCard:hover .categoryImage img{transform:scale(1.035)}.categoryBody{padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:end;flex:1}.categoryBody h3{margin:2px 0 4px;font-size:23px}.categoryTag{margin:0;color:#6be0ff;font-size:.72rem;letter-spacing:2px;font-weight:900}.categoryCount{margin:0;opacity:.68;font-size:.9rem}.exploreServices{background:#69dcff;color:#04101b;white-space:nowrap}.serviceModal[hidden]{display:none}.serviceModal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px}.serviceModalBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.serviceModalCard{position:relative;z-index:1;width:min(850px,100%);max-height:min(82vh,760px);overflow:auto;padding:22px;border-radius:22px;background:rgba(2,15,27,.95);border:1px solid rgba(112,221,255,.3);box-shadow:0 20px 80px rgba(0,0,0,.55)}.serviceModalTop{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.serviceModalTop h2{text-align:left;margin:0}.modalClose{width:44px;height:44px;padding:0;background:rgba(255,255,255,.09);color:#fff;font-size:30px;line-height:1}.serviceModalCard .serviceList{display:grid;gap:10px}.serviceModalCard .serviceList button{min-height:64px}.serviceModalCard .serviceList button>span{display:block}.serviceModalCard .serviceDescription{display:block;margin-top:7px;line-height:1.45;font-size:.86rem;opacity:.78;font-weight:400}
@media(max-width:700px){.categoryBody{align-items:stretch;flex-direction:column}.exploreServices{width:100%}.serviceModal{padding:10px}.serviceModalCard{max-height:90vh;padding:16px}.serviceModalTop h2{font-size:28px}}

/* v13 visual refresh — closely matches the Frosty Solutions services mockup */
:root{--frost-blue:#19bfff;--frost-cyan:#6be0ff;--frost-bg:#03101d;--frost-panel:rgba(2,14,28,.86);--frost-line:rgba(82,195,255,.30)}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#020b14 url('assets/frosty-background.png') center top/cover fixed no-repeat;color:#f6fbff;letter-spacing:.1px}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,9,18,.32),rgba(1,9,18,.88));pointer-events:none}
.page{min-height:calc(100vh - 88px);background:transparent}
.siteHeader{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:88px;padding:0 4.1%;background:rgba(1,9,18,.88);border-bottom:1px solid rgba(41,168,236,.26);backdrop-filter:blur(16px)}
.siteBrand{display:flex;align-items:center;gap:12px;justify-self:start;cursor:pointer;user-select:none}
.brandMark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:34px;line-height:1;color:#dff9ff;text-shadow:0 0 18px rgba(103,224,255,.85)}
.siteBrand .brand{font-size:21px;letter-spacing:3px;line-height:1}
.siteBrand .tag{margin-top:6px;font-size:11px;letter-spacing:3px;color:#8eb2c8;text-transform:uppercase}
.mainNav{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.navLink{position:relative;display:inline-flex;align-items:center;gap:8px;padding:31px 16px 27px;border-radius:0;background:transparent!important;color:#d9e9f5!important;font-size:15px;font-weight:700;letter-spacing:.2px;opacity:.92}
.navLink:hover{color:#fff!important}
.navLink.active{color:#fff!important}
.navLink.active:after{content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:3px;border-radius:3px;background:var(--frost-blue);box-shadow:0 0 16px rgba(25,191,255,.8)}
.navIcon{font-size:17px;color:#d9e9f5;opacity:.9}
.accountNav{justify-self:end;display:flex;align-items:center;gap:10px}
.accountButton{display:inline-flex!important;align-items:center;gap:10px;background:rgba(2,18,32,.78)!important;border:1px solid rgba(54,170,229,.28)!important;color:#fff!important;border-radius:14px!important;padding:12px 14px!important;min-width:190px;justify-content:center}
.accountButton:hover{border-color:rgba(77,200,255,.55)!important;background:rgba(4,26,45,.88)!important}
.accountIcon{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(118,201,255,.16);color:#bfeaff;font-size:13px}
.accountChevron{font-size:16px;opacity:.75;margin-left:auto}
.logoutButton{background:rgba(255,255,255,.06)!important;color:#dff3ff!important;border:1px solid rgba(255,255,255,.09)!important}
.homeHero{position:relative;min-height:calc(100vh - 88px);padding:48px 5%;overflow:hidden}
.heroGlow{position:absolute;width:600px;height:300px;left:50%;top:23%;transform:translateX(-50%);background:radial-gradient(circle,rgba(31,188,255,.16),rgba(31,188,255,0) 68%);filter:blur(20px);pointer-events:none}
.hero-card{position:relative;z-index:1;max-width:860px;width:min(100%,860px);padding:72px 42px;border:1px solid rgba(112,212,255,.25);border-radius:28px;background:linear-gradient(180deg,rgba(5,26,44,.72),rgba(2,13,25,.82));box-shadow:0 25px 90px rgba(0,0,0,.35),0 0 75px rgba(26,180,255,.10);backdrop-filter:blur(13px)}
.heroEyebrow{margin:0 0 12px;color:var(--frost-cyan);font-size:12px;letter-spacing:4px;font-weight:900}
.heroRule{width:76px;height:3px;border-radius:3px;background:var(--frost-blue);margin:26px auto 0;box-shadow:0 0 18px rgba(25,191,255,.7)}
.hero-card h1{font-size:clamp(58px,9vw,100px);margin-bottom:22px}
.hero-card p{color:#c6dae7}
.actions button,.submit{background:linear-gradient(180deg,#7ae2ff,#45c8f7)!important;box-shadow:0 0 24px rgba(56,199,250,.15)}
.actions button span{margin-left:9px;font-size:18px}
.discord{background:rgba(91,102,255,.9)!important;box-shadow:0 0 24px rgba(83,92,255,.13)}
.servicesMain{max-width:1500px!important;padding:34px 4.2% 44px!important;margin:0 auto!important}
.servicesHeading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin:4px 0 8px}
.servicesHeading h2{margin:0;text-align:left;font-size:clamp(38px,5vw,56px);line-height:1;color:#f8fbff}
.servicesHeading .servicesIntro{margin:12px 0 0;text-align:left;max-width:680px;font-size:17px;color:#b8cfde}
.headingTag{font-size:13px;letter-spacing:2.5px;font-weight:900;color:var(--frost-blue);white-space:nowrap;margin-bottom:8px;text-align:right;text-shadow:0 0 14px rgba(25,191,255,.35)}
.headingAccent{width:53px;height:4px;border-radius:4px;background:var(--frost-blue);margin:12px 0 24px;box-shadow:0 0 16px rgba(25,191,255,.7)}
.categoryGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.categoryCard{min-height:0!important;padding:0!important;overflow:hidden;border-radius:15px!important;background:linear-gradient(180deg,rgba(4,18,31,.88),rgba(2,10,18,.96))!important;border:1px solid rgba(63,181,238,.28)!important;box-shadow:0 12px 40px rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.categoryCard:hover{transform:translateY(-3px);border-color:rgba(73,199,255,.52)!important;box-shadow:0 18px 48px rgba(0,0,0,.3),0 0 28px rgba(25,191,255,.09)}
.categoryImage{aspect-ratio:1.54!important;background:#06131f!important}
.categoryImage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,17,.02) 18%,rgba(2,9,17,.06) 46%,rgba(1,9,17,.82) 100%);pointer-events:none}
.categoryImage img{object-fit:cover!important;object-position:center!important}
.categoryBody{padding:16px!important;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start!important;gap:14px!important}
.categoryBody>div{min-height:88px}
.categoryTag{font-size:10px!important;letter-spacing:2.4px!important;color:#80dfff!important;margin:0 0 6px!important}
.categoryBody h3{margin:0!important;font-size:20px!important;color:#fff!important;line-height:1.2!important}
.categoryCount{margin:7px 0 0!important;font-size:13px!important;color:#c0d3df!important}
.exploreServices{width:100%!important;min-height:41px;padding:10px 12px!important;border-radius:10px!important;background:transparent!important;border:1px solid #15b7fb!important;color:#55d6ff!important;font-size:11px!important;letter-spacing:.9px!important}
.exploreServices:hover{background:rgba(18,184,251,.10)!important;box-shadow:0 0 16px rgba(25,191,255,.12)}
.serviceModalCard{background:rgba(2,12,23,.97)!important;box-shadow:0 24px 100px rgba(0,0,0,.62),0 0 38px rgba(29,172,255,.08)!important}
.serviceModalCard .serviceList button{background:rgba(255,255,255,.045)!important;border-color:rgba(82,195,255,.17)!important}
.serviceModalCard .serviceList button:hover{background:rgba(34,174,241,.10)!important}
.secondaryBar{display:flex;align-items:center;justify-content:space-between;padding:18px 4.2%;color:#88aabc;font-size:12px;letter-spacing:2px;font-weight:900;border-bottom:1px solid rgba(65,158,202,.12);background:rgba(1,9,18,.48)}
.secondaryBar button{background:rgba(255,255,255,.06)!important;color:#d9effa!important}
.summary,.statusCard,.accountHeading,.authCard,.customerOrder,.customerChat,.order,form{background:linear-gradient(180deg,rgba(4,20,34,.82),rgba(2,11,21,.88))!important;border-color:rgba(71,184,239,.2)!important;box-shadow:0 16px 50px rgba(0,0,0,.18)}
.checkout{max-width:800px!important}
.authCard h3{font-size:22px;margin:4px 0 12px}
.sectionHero{margin-bottom:20px;padding:30px;border-radius:20px;border:1px solid rgba(75,186,240,.2);background:linear-gradient(135deg,rgba(7,33,54,.74),rgba(2,12,21,.86))}
.sectionHero h2{margin:2px 0 10px;text-align:left;font-size:40px;color:#fff}
.sectionHero p{margin:0;max-width:720px;color:#b7cdda}
.chatMessages{border:1px solid rgba(72,174,226,.12)}
@media(max-width:1400px){.categoryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1080px){.siteHeader{grid-template-columns:auto 1fr auto}.mainNav{order:3;grid-column:1/-1;overflow-x:auto;justify-content:flex-start;border-top:1px solid rgba(65,158,202,.10)}.siteHeader{padding-top:8px;padding-bottom:0}.navLink{padding:17px 14px 15px}.siteHeader{min-height:132px}.page{min-height:calc(100vh - 132px)}.homeHero{min-height:calc(100vh - 132px)}.categoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.siteHeader{grid-template-columns:1fr auto;min-height:82px}.mainNav{display:none}.siteBrand .tag{display:none}.brandMark{width:38px;height:38px;font-size:28px}.siteBrand .brand{font-size:17px}.accountButton{min-width:0!important;padding:10px 11px!important}.accountButton .accountChevron{display:none}.accountButton #accountLabel{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{min-height:calc(100vh - 82px)}.homeHero{min-height:calc(100vh - 82px);padding:28px 5%}.hero-card{padding:52px 22px}.servicesMain{padding:26px 4.5% 34px!important}.servicesHeading{align-items:flex-start;flex-direction:column}.headingTag{text-align:left}.servicesHeading h2{font-size:42px}.categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.categoryBody{padding:14px!important}.categoryBody h3{font-size:18px!important}.categoryCount{font-size:12px!important}.servicesHeading .servicesIntro{font-size:15px}.secondaryBar{padding:14px 4.5%}}
@media(max-width:520px){.categoryGrid{grid-template-columns:1fr}.categoryImage{aspect-ratio:1.72!important}.hero-card h1{font-size:58px}.actions{flex-direction:column}.actions>*{width:100%;text-align:center}.authGrid{grid-template-columns:1fr}}