.modern-pincode .pincode-container{background:var(--container-bg);border-radius:clamp(0.75rem,3vw,1.25rem);padding:clamp(1.5625rem,5vw,2.1875rem);box-shadow:0 1.25rem 2.5rem var(--shadow);backdrop-filter:blur(0.625rem);max-width:28.125rem;margin:0 auto;border:.125rem solid var(--border-color)}.modern-pincode .pincode-header{text-align:center;margin-bottom:clamp(1.5625rem,5vw,1.875rem)}.modern-pincode .pincode-header h1{margin:0 0 clamp(0.5rem,2vw,0.75rem) 0;color:var(--text-color);font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600}.modern-pincode .pincode-subtitle{margin:0;color:#718096;font-size:clamp(0.8125rem,3vw,0.875rem);font-weight:400}.modern-pincode .pincode-section{background:var(--section-bg);border-radius:clamp(0.5rem,2vw,0.75rem);padding:clamp(1.25rem,4vw,1.5625rem);border-left:.25rem solid #667eea}.modern-pincode .form-actions{display:flex;justify-content:center;margin-top:clamp(1.25rem,4vw,1.5625rem)}.modern-pincode .submit-btn{min-width:clamp(7.5rem,25vw,8.75rem);font-weight:600}.modern-pincode #pincode{text-align:center;letter-spacing:.125rem;font-size:clamp(1rem,3.5vw,1.125rem);font-weight:600}.modern-pincode[data-theme="dark"] .pincode-container{border-color:var(--dark-border)}.modern-pincode[data-theme="dark"] .pincode-subtitle{color:#a0aec0}@media(max-width:30rem){.modern-pincode .pincode-container{margin:clamp(1.25rem,5vh,2.5rem) clamp(0.9375rem,4vw,1.25rem);max-width:none}.modern-pincode .form-actions{flex-direction:column}.modern-pincode .submit-btn{width:100%}}