.purchase{padding:120px 0 80px;background:#222a32;min-height:100vh;position:relative;overflow:hidden}
button,div,h1,h2,h3,h4,h5,h6,label,li,ol,option,p,section,span{font-family:Vazir,sans-serif}
.purchase::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(0,221,235,.1),transparent);z-index:0}
.container{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.section-title{font-size:36px;color:#00ddeb;text-align:center;margin-bottom:20px;text-shadow:0 0 10px rgba(0,221,235,.5)}
.section-subtitle{font-size:18px;color:#ccc;text-align:center;margin-bottom:40px}
.control-panel-selector,.country-selector,.duration-selector,.price-display,.resources-selector{background:rgba(44,52,60,.95);backdrop-filter:blur(10px);padding:30px;border-radius:15px;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,221,235,.2)}
.control-panel-selector h3,.country-selector h3,.duration-selector h3,.price-display h3,.resources-selector h3{font-size:24px;color:#00ddeb;margin-bottom:20px}
.duration-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
.duration-btn{padding:12px 20px;border:none;border-radius:10px;background:#3a4550;color:#fff;font-size:16px;cursor:pointer;transition:background .3s,transform .3s,box-shadow .3s}
.duration-btn:hover{background:#00ddeb;color:#222a32;transform:translateY(-2px)}
.duration-btn.active{background:linear-gradient(45deg,#00ddeb,#00b7c2);color:#222a32;box-shadow:0 5px 15px rgba(0,221,235,.4)}
.country-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}
.country-btn{padding:15px;border:none;border-radius:10px;background:#3a4550;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .3s,transform .3s,box-shadow .3s}
.country-btn:hover{background:#00ddeb;color:#222a32;transform:translateY(-2px)}
.country-btn.active{background:linear-gradient(45deg,#00ddeb,#00b7c2);color:#222a32;box-shadow:0 5px 15px rgba(0,221,235,.4)}
.country-btn i{font-size:20px}
.resources-selector{display:grid;gap:20px}
.resource-item{display:flex;flex-direction:column;gap:10px}
.resource-item label{font-size:16px;color:#ccc}
.resource-item input[type=range]{-webkit-appearance:none;width:100%;height:8px;background:#3a4550;border-radius:5px;outline:0;transition:background .3s}
.resource-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#00ddeb;border-radius:50%;cursor:pointer;box-shadow:0 0 10px rgba(0,221,235,.5)}
.resource-item input[type=range]::-webkit-slider-thumb:hover{background:#00b7c2}
.resource-item input[type=range]:focus{background:#4a5560}
.resource-item span{font-size:14px;color:#00ddeb;text-align:left}
.control-panel-options{display:flex;gap:20px;justify-content:center}
.control-panel-option{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#3a4550;border-radius:10px;cursor:pointer;transition:background .3s,transform .3s}
.control-panel-option input{display:none}
.control-panel-option span{font-size:16px;color:#fff}
.control-panel-option:hover{background:#00ddeb;color:#222a32;transform:translateY(-2px)}
.control-panel-option input:checked+span{background:linear-gradient(45deg,#00ddeb,#00b7c2);color:#222a32;padding:10px 20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,221,235,.4)}
.price-display{text-align:center}
.price-display h3{font-size:28px;margin-bottom:20px}
#total-price{color:#00ddeb;text-shadow:0 0 10px rgba(0,221,235,.5)}
.purchase-btn{padding:15px 30px;border-radius:15px;font-size:18px;background:linear-gradient(45deg,#00ddeb,#00b7c2);color:#222a32;border:none;cursor:pointer;transition:transform .3s,box-shadow .3s}
.purchase-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,221,235,.5)}
@media (max-width:768px){
.purchase{padding:100px 20px 60px}
.duration-buttons{flex-direction:column;align-items:center}
.country-buttons{grid-template-columns:1fr}
.control-panel-options{flex-direction:column;align-items:center}
}