/* Frosted celestial surfaces. Opaque fallback remains readable without blur. */
:root{--glass-edge:#c6e0f04a;--glass-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #b9ddf10a,0 16px 40px #00000024}
#build{position:relative;isolation:isolate}
#build::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:90px -22px 0;background:radial-gradient(ellipse at 8% 20%,#41789d4d,transparent 43%),radial-gradient(ellipse at 93% 36%,#99855c2b,transparent 40%);border-radius:40px;mask-image:linear-gradient(transparent,#000 180px,#000 80%,transparent)}
.package-card,.type-panel,.process-step,.story-intro,.idea-help,.consultation,.price-selection,.featured-offer{background:linear-gradient(135deg,#263d50,#101e2d);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
.package-card{background:linear-gradient(135deg,#304859,#152334);border-radius:18px}
.package-card.is-selected{border-color:#e8ce99a8;box-shadow:inset 0 3px 0 #dec591,inset 0 1px 0 #fff4d366,0 12px 35px #dec5910c,0 16px 40px #00000024}
.package-price{background:linear-gradient(135deg,#dcefff12,#b9ddf105);border-color:#c6e0f040;box-shadow:inset 0 1px 0 #ffffff12}
.package-price:hover{background:linear-gradient(135deg,#dcefff25,#b9ddf110);border-color:#c6e0f080}
.package-price[aria-pressed=true]{background:linear-gradient(135deg,#e9cd9733,#e9cd9711);border-color:#e9cd97;box-shadow:inset 0 1px 0 #fff0ce40}
.package-description,.package-quality,.rates-heading p,.process-step p,.idea-help p{color:#c8d4df}
.featured-offer{background:linear-gradient(115deg,#e4c68a21,#aacfe90a);border-color:#dfc08b70}
.language-control select,.gallery-controls button,.type-tabs button:not([aria-selected=true]),.process-icon,.payment-step .process-icon,.package-celestial-icon{background:linear-gradient(135deg,#b9ddf11c,#b9ddf106);border-color:#c6e0f045;box-shadow:inset 0 1px 0 #ffffff18}
.language-control select option{background:#132538;color:#f0eee7}
.zalo-floating{background:linear-gradient(135deg,#ead7b6ed,#c6ab78e8);box-shadow:inset 0 1px 0 #fff9e6b3,0 8px 26px #00000040;border-color:#fff0cd9c}
.style-card,.duration-cards .visual-duration,.sample-card{background:linear-gradient(135deg,#213448,#102031);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .package-card,.type-panel,.process-step,.story-intro,.idea-help,.consultation,.price-selection{background:linear-gradient(135deg,#badcf01c,#1326388c);-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%)}
 .package-card{background:linear-gradient(135deg,#d5e9f329,#19304780)}
 .featured-offer,.motion-toggle,.zalo-floating{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}
@media(max-width:600px){
 #build::before{inset:80px 0 0;background:radial-gradient(ellipse at 0 17%,#41789d4d,transparent 42%),radial-gradient(ellipse at 100% 48%,#99855c30,transparent 36%)}
 .package-card,.type-panel,.process-step,.story-intro,.idea-help,.consultation,.price-selection{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}
@media(prefers-reduced-transparency:reduce){
 .package-card,.type-panel,.process-step,.story-intro,.idea-help,.consultation,.price-selection,.featured-offer{background:#172b3d;-webkit-backdrop-filter:none;backdrop-filter:none}
 .motion-toggle{background:#101f31;-webkit-backdrop-filter:none;backdrop-filter:none}
 .zalo-floating{background:#d8c092;-webkit-backdrop-filter:none;backdrop-filter:none}
}
