@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-50: #ecfdf5;--primary-100: #d1fae5;--primary-200: #a7f3d0;--primary-300: #6ee7b7;--primary-400: #34d399;--primary-500: #10b981;--primary-600: #059669;--primary-700: #047857;--primary-800: #065f46;--primary-900: #064e3b;--accent-400: #fbbf24;--accent-500: #f59e0b;--accent-600: #d97706;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--error: #ef4444;--error-bg: #fef2f2;--error-border: #fca5a5;--success: #10b981;--success-bg: #ecfdf5;--success-border: #6ee7b7;--warning: #f59e0b;--warning-bg: #fffbeb;--info: #3b82f6;--info-bg: #eff6ff;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 0 30px rgba(16, 185, 129, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.form-wrapper{padding:var(--space-12) 0 var(--space-16)}.form-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInUp .6s ease}.form-header{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));padding:var(--space-8) var(--space-8) var(--space-6);color:#fff}.form-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2)}.form-header p{font-size:.9rem;color:#ffffffb3}.form-body{padding:var(--space-8)}.form-section{margin-bottom:var(--space-10)}.form-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--primary-800);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--primary-100)}.section-title .icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-100);color:var(--primary-700);border-radius:var(--radius-md);font-size:1.1rem}.section-title .step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-600);color:#fff;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;flex-shrink:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.form-grid .full-width{grid-column:1 / -1}.form-group{position:relative}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2)}.form-group label .required{color:var(--error);margin-left:2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:.95rem;color:var(--gray-800);background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);transition:all var(--transition-base);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-400)}.form-group input:hover,.form-group select:hover{border-color:var(--gray-300)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 3px #10b9811f}.form-group.error input,.form-group.error select{border-color:var(--error);background:var(--error-bg)}.form-group.error input:focus,.form-group.error select:focus{box-shadow:0 0 0 3px #ef44441f}.form-group.valid input,.form-group.valid select{border-color:var(--success);background:var(--success-bg)}.form-group .error-message{display:none;font-size:.78rem;color:var(--error);margin-top:var(--space-1);padding-left:var(--space-1);animation:fadeIn .2s ease}.form-group.error .error-message{display:block}.form-group .helper-text{font-size:.78rem;color:var(--gray-400);margin-top:var(--space-1);padding-left:var(--space-1)}.auto-field{background:var(--primary-50)!important;border-color:var(--primary-200)!important;color:var(--primary-700)!important;font-weight:600!important;cursor:not-allowed}.file-upload-area{position:relative;border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--gray-50)}.file-upload-area:hover{border-color:var(--primary-400);background:var(--primary-50)}.file-upload-area.dragover{border-color:var(--primary-500);background:var(--primary-50);transform:scale(1.01)}.file-upload-area.has-file{border-color:var(--success);background:var(--success-bg);border-style:solid}.file-upload-area input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-icon{font-size:2rem;color:var(--gray-400);margin-bottom:var(--space-2)}.file-upload-area.has-file .upload-icon{color:var(--success)}.upload-text{font-size:.9rem;color:var(--gray-600);margin-bottom:var(--space-1)}.upload-text strong{color:var(--primary-600)}.upload-hint{font-size:.78rem;color:var(--gray-400)}.file-preview{display:none;margin-top:var(--space-3);padding:var(--space-3);background:#fff;border-radius:var(--radius-md);border:1px solid var(--gray-200)}.file-upload-area.has-file .file-preview{display:flex;align-items:center;gap:var(--space-3)}.file-preview-thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--gray-100);flex-shrink:0}.file-preview-info{flex:1;text-align:left;min-width:0}.file-preview-name{font-size:.85rem;font-weight:600;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:.75rem;color:var(--gray-400)}.file-remove-btn{background:none;border:none;color:var(--error);cursor:pointer;font-size:1.2rem;padding:var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.file-remove-btn:hover{background:var(--error-bg)}.sptm-info{background:var(--info-bg);border:1px solid #bfdbfe;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;align-items:flex-start;gap:var(--space-3);font-size:.88rem;color:var(--gray-700);line-height:1.5}.sptm-info .icon{color:var(--info);font-size:1.25rem;flex-shrink:0;margin-top:2px}.submit-section{padding:var(--space-6) var(--space-8) var(--space-8);background:var(--gray-50);border-top:1px solid var(--gray-100)}.btn-submit{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-8);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 14px #05966959;position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--transition-base)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #05966966}.btn-submit:hover:not(:disabled):before{opacity:1}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-400);box-shadow:none}.btn-submit .spinner{display:none;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-submit.loading .spinner{display:block}.btn-submit.loading .btn-text{display:none}.btn-submit.loading .btn-loading-text{display:inline}.btn-loading-text{display:none}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease}.modal-overlay.active{display:flex}.modal-content{background:#fff;border-radius:var(--radius-2xl);max-width:480px;width:100%;padding:var(--space-8);text-align:center;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}.modal-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);font-size:2rem}.modal-icon.success{background:var(--success-bg);color:var(--success)}.modal-icon.error{background:var(--error-bg);color:var(--error)}.modal-icon.warning{background:var(--warning-bg);color:var(--warning)}.modal-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-3)}.modal-message{font-size:.95rem;color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-6)}.modal-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:#fff;background:var(--primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.modal-btn:hover{background:var(--primary-700);transform:translateY(-1px)}.quota-closed{display:none;background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1.5px solid var(--error-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin-bottom:var(--space-8);animation:fadeIn .3s ease}.quota-closed.active{display:block}.quota-closed h3{font-family:var(--font-heading);font-size:1.15rem;color:var(--error);margin-bottom:var(--space-2)}.quota-closed p{font-size:.9rem;color:var(--gray-600)}.footer{background:var(--gray-900);color:#ffffff80;padding:var(--space-6) 0;text-align:center;font-size:.85rem}.footer a{color:var(--primary-400);transition:color var(--transition-fast)}.footer a:hover{color:var(--primary-300)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.hero{padding:var(--space-10) 0 var(--space-8)}.quota-card{flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-6)}.quota-divider{width:100%;height:1px}.event-info-grid{flex-direction:column;align-items:center;gap:var(--space-3)}.form-grid{grid-template-columns:1fr}.form-body{padding:var(--space-5)}.form-header{padding:var(--space-6) var(--space-5) var(--space-4)}.submit-section{padding:var(--space-4) var(--space-5) var(--space-6)}.section-title{font-size:1.05rem}.form-group input,.form-group select{font-size:16px}}@media (max-width: 480px){.hero h1{font-size:1.75rem}.hero-subtitle{font-size:.9rem}.quota-item .value{font-size:1.4rem}.modal-content{padding:var(--space-6)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.sptm-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--gray-900) 0%,var(--primary-900) 50%,var(--primary-700) 100%)}.sptm-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:560px;width:100%;overflow:hidden;animation:fadeInUp .6s ease}.sptm-card .form-header{text-align:center}.sptm-card .form-body{padding:var(--space-8)}.sptm-download-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--primary-50);color:var(--primary-700);border:1.5px solid var(--primary-200);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-6);width:100%;justify-content:center}.sptm-download-btn:hover{background:var(--primary-100);border-color:var(--primary-300)}
