/* DESKTOP STYLES - Premium Modal Card */
@media (min-width: 1025px) {
    .p-modal-content { 
        width: 550px; 
        max-height: 92vh; 
        border-radius: 20px; 
        box-shadow: 0 40px 100px rgba(0,0,0,0.6);
    }
    
    .hdr { padding: 20px; }
    .htitle h2 { font-size: 15px; }
    .hsub { font-size: 12px; }
    
    .stepper { padding: 15px 20px; gap: 8px; }
    .sc { width: 28px; height: 28px; font-size: 13px; }
    .sl { font-size: 9px; }
    
    .m-form-master { padding: 0 5px; }
    .fc-scrollable { padding: 20px 25px; }
    
    .card { padding: 25px; margin-bottom: 20px; }
    .stitle { font-size: 16px; }
    
    .aab { padding: 25px; margin: 20px 0; }
    .aav { font-size: 44px; }
    
    .comp-wrap { gap: 30px; }
    .compass-svg-container svg { width: 200px; height: 200px; }
    .dir-grid { grid-template-columns: repeat(4, 1fr); gap: 10px; }
    .db { padding: 12px 5px; font-size: 12px; }
    
    .gg { grid-template-columns: repeat(3, 1fr); gap: 15px; }
    .lg-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; }
    
    .nav-fit { padding: 20px 30px; }
    .btn-next, .btn-submit { padding: 14px 45px; font-size: 15px; }
    .btn-back { padding: 13px 35px; font-size: 15px; }
}