:root{--primary-color:#259922;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--dark-color:#259922;--secondary-color:#6c757d;--shadow:0 2px 4px rgba(0,0,0,0.1);--light-color:#f8f9fa;--border-color:#dee2e6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-color:#f5f7fa}.hero-content{top:50%;left:50%;text-align:center;color:var(--dark-color)}.hero-content h1{font-size:2.5rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.hero-content .btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:var(--transition)}.hero-content .btn:hover{background:var(--dark-color)}.hero-content .btn:disabled{background:var(--secondary-color);cursor:not-allowed}.hero-content .btn:disabled:hover{background:var(--secondary-color)}.quick-topup{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-top:2rem;background:#fff;border-radius:10px;box-shadow:var(--shadow);margin-bottom:1rem;flex-direction:column}.quick-topup img{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;object-fit:contain}.section-title{text-align:center;margin:2rem 0}.section-title h2{font-size:2rem;color:var(--dark-color)}.section-title p{font-size:1.2rem;color:var(--secondary-color)}.quick-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.quick-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.quick-form .form-group label{font-weight:500;color:var(--secondary-color)}.quick-form .form-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.quick-form .form-group select:focus{border-color:var(--border-color);outline:0}.quick-form .form-group select option{padding:.5rem;font-size:.9rem}.quick-form .form-group select option:hover{background:var(--light-color)}.quick-form .form-group select option:active{background:var(--primary-color);color:#fff}.quick-form .form-group input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.pnum{display:flex;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;align-items:center}.quick-form .form-group input:focus{border-color:var(--primary-color);outline:0}.quick-form .form-group .btn{width:100%;padding:.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:var(--transition)}.quick-form .form-group .btn:hover{background:var(--dark-color)}.hero-image{padding-top:2vh;width:100%;position:relative;overflow:hidden;height:77vh}.hero-img{width:100%;height:95%;object-fit:cover;border-radius:10px;position:absolute}.how-it-works{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-top:2rem;background:#fff;border-radius:10px;box-shadow:var(--shadow);margin-bottom:1rem;flex-direction:column}.steps{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;flex-direction:column}.steps .step{display:flex;align-items:center;gap:10px;padding:1rem;flex-direction:column}.steps .step-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background-color:var(--primary-color);color:#fff}.steps .step-icon i{font-size:1.5rem}.steps .step h3{font-size:1.5rem;color:var(--dark-color)}.steps .step p{font-size:1rem;color:var(--secondary-color)}.auth-links a{text-decoration:none;color:var(--dark-color);font-weight:600}.auth-container{display:flex;padding-top:20px;align-items:center;height:90vh;background-color:#f5f7fa;flex-direction:column}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--dark-color);margin-bottom:.5rem}.auth-header p{color:var(--secondary-color)}.auth-form{background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:2rem;max-width:400px;width:100%}.auth-form h2{margin-bottom:1.5rem;color:var(--dark-color)}.auth-form .form-group{display:flex;margin-bottom:1.5rem;flex-direction:column}.auth-form .form-group label{font-weight:500;color:var(--secondary-color)}.auth-form .form-group input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.auth-form .form-group input:focus{border-color:var(--primary-color);outline:0}.auth-form .form-group .btn{width:100%;padding:.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:var(--transition)}.auth-form .form-group .btn:hover{background:var(--dark-color)}.auth-form .form-group .btn:disabled{background:var(--secondary-color);cursor:not-allowed}.auth-form .form-group .btn:disabled:hover{background:var(--secondary-color)}.auth-form .form-group .btn:disabled:active{background:var(--secondary-color)}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:40px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:0;cursor:pointer;color:var(--secondary-color);display:flex;align-items:center;justify-content:center;width:30px;height:30px;transition:color .3s ease}.toggle-password:hover{color:var(--primary-color)}.toggle-password:focus{outline:0}.form-message{display:none;padding:1rem;border-radius:4px;margin-bottom:1rem;animation:slideIn .3s ease}.form-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideIn{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.method{display:flex;background:#fff;height:81px;border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:1rem 0;align-items:center;justify-content:space-between}.method img{width:150px;height:40px;object-fit:contain}.payment-details-box{background:#f8f9fa;border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin:1rem 0;display:none}.active{display:block}.payment-method-info{display:flex;align-items:center;gap:1rem;flex-direction:column}.payment-icon{width:260px;object-fit:contain}.payment-info{display:flex;width:100%;flex-direction:column;align-items:center;gap:.5rem}.method-name{display:block;margin-bottom:.5rem;color:var(--dark-color)}.username-box{display:flex;width:260px;align-items:center;gap:1rem;background:#fff;padding:.5rem;border-radius:4px;border:1px solid var(--border-color);justify-content:space-between;flex-direction:column}#username_display{font-family:monospace;color:var(--secondary-color)}.copy-btn{font-size:.875rem}.copy-btn i{margin-right:.25rem}.copy-btn.copied{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.form-message{display:none;padding:1rem;border-radius:4px;margin-bottom:1rem;position:sticky;top:0;z-index:1000}.form-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.form-actions{display:flex;justify-content:space-between}.btn-loader{display:flex;align-items:center;gap:.5rem}.btn:disabled{cursor:not-allowed;opacity:.7}.fa-spinner{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.amount-to-pay{background:#e9ecef;padding:.5rem 1rem;border-radius:4px;margin:.5rem 0;text-align:center;width:260px}.amount-to-pay strong{color:var(--primary-color);font-size:1.25rem}.payment-info{display:flex;width:100%;flex-direction:column;align-items:center;gap:.5rem}.payment-methods{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:10px;box-shadow:var(--shadow);margin-bottom:1rem;flex-direction:column}.upload-group{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:10px;margin-bottom:1rem;flex-direction:column}.upload-group h2{font-size:1.5rem;color:var(--dark-color)}.upload-group .upload-btn{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:var(--transition)}.file-upload{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:10px;margin-bottom:1rem;flex-direction:column}.payment-methods h2{font-size:1.5rem;color:var(--dark-color)}.payment-wrapper{display:flex;padding-top:20px;align-items:flex-start;height:100%;background-color:#f5f7fa;flex-direction:row-reverse;justify-content:center}.order-summary{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:10px;margin-bottom:1rem;flex-direction:column;position:sticky;top:20px}.order-summary h2{font-size:1.5rem;color:var(--dark-color)}.summary-details{display:flex;justify-content:center;padding:1rem;background:#fff;border-radius:10px;box-shadow:var(--shadow);margin-bottom:1rem;flex-direction:column}.summary-details .summary-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.summary-details .summary-item:last-child{border-bottom:none}.summary-details .summary-item .label{color:var(--secondary-color);font-weight:500}.summary-details .summary-item .value{font-weight:600}.payment-options{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:10px;box-shadow:var(--shadow);margin-bottom:1rem}.payment-options img{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;object-fit:contain}.payment-steps{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;flex-direction:column}.payment-steps .step{display:flex;align-items:center;gap:10px;padding:1rem}.summary-item{display:flex;gap:9px;align-items:center}.value{display:grid;align-items:stretch;justify-content:start;justify-items:center}.value img{width:20px;border-radius:100%;align-content:center}.topup-page{padding:2rem;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.topup-container{background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:2rem}.page-title{text-align:center;padding:2rem;border-bottom:1px solid var(--border-color)}.page-title h1{color:var(--dark-color);margin-bottom:.5rem}.page-title p{color:var(--secondary-color)}.topup-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.topup-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.topup-form .form-group label{font-weight:500;color:var(--secondary-color)}.topup-form .form-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.topup-form .form-group select:focus{border-color:var(--primary-color);outline:0}.topup-form .form-group select option{padding:.5rem;font-size:.9rem}.topup-form .form-group select option:hover{background:var(--light-color)}.topup-form .form-group select option:active{background:var(--primary-color);color:#fff}.topup-form .form-group input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.topup-form .form-group input:focus{border-color:var(--primary-color);outline:0}.topup-form .form-group .btn{width:100%;padding:.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:var(--transition)}.topup-form .form-group .btn:hover{background:var(--dark-color)}.topup-form .form-group .btn:disabled{background:var(--secondary-color);cursor:not-allowed}.admin-page{padding:2rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.admin-header{text-align:center;margin-bottom:2rem}.admin-header h1{color:var(--dark-color);margin-bottom:.5rem}.admin-header p{color:var(--secondary-color)}.admin-header .btn{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:var(--transition)}.admin-header .btn:hover{background:var(--dark-color)}.admin-header .btn:disabled{background:var(--secondary-color);cursor:not-allowed}.admin-content .content-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem}.admin-content .content-header h2{font-size:1.5rem;color:var(--dark-color)}.method-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;object-fit:contain}.admin-table .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.modal{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.modal-content{position:relative;background-color:#fefefe;margin:5% auto;padding:20px;width:80%;max-width:700px;border-radius:8px}.close{position:absolute;right:20px;top:10px;font-size:28px;font-weight:700;cursor:pointer}.modal-body{margin-top:20px}#screenshotImage{max-width:100%;height:auto;border-radius:4px}.alert{padding:1rem;margin-bottom:1rem;border-radius:4px;animation:slideIn .3s ease}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideIn{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.admin-header{margin-bottom:2rem}.admin-header h1{color:var(--dark-color);font-size:2rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem}.stat-icon i{font-size:1.5rem;color:#fff}.stat-icon.pending{background-color:var(--warning-color)}.stat-icon.success{background-color:var(--success-color)}.stat-icon.danger{background-color:var(--danger-color)}.stat-icon.info{background-color:var(--info-color)}.transaction-table-wrapper{background:#fff;border-radius:10px;padding:1rem;overflow-x:auto;box-shadow:0 2px 4px rgba(0,0,0,.1)}.transaction-table{width:100%;border-collapse:collapse}.transaction-table td,.transaction-table th{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.transaction-table th{background-color:var(--light-color);font-weight:600}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000}.modal-content{position:relative;background-color:#fff;margin:5% auto;padding:20px;width:90%;max-width:800px;border-radius:10px}.close{position:absolute;right:20px;top:10px;font-size:28px;cursor:pointer}#screenshotImage{max-width:100%;height:auto}.confirmation-page{padding:3rem 1rem;max-width:800px;margin:0 auto}.confirmation-container{background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:2rem}.confirmation-header{text-align:center;margin-bottom:2rem}.success-icon{font-size:4rem;color:var(--success-color);margin-bottom:1rem}.confirmation-header h1{color:var(--dark-color);margin-bottom:.5rem}.confirmation-header p{color:var(--secondary-color)}.order-details{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin:2rem 0}.order-details h2{margin-bottom:1.5rem;color:var(--dark-color)}.details-grid{display:grid;gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.detail-item:last-child{border-bottom:none}.detail-item .label{color:var(--secondary-color);font-weight:500}.detail-item .value{font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.confirmation-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.transaction-details{display:grid;gap:2rem;padding:1rem}.detail-card{background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:1.5rem}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--secondary-color);font-weight:500}.detail-row .value{font-weight:600}.screenshot-card{background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:1.5rem}.screenshot-wrapper{margin-top:1rem;border-radius:8px;overflow:hidden}.screenshot-wrapper img{width:100%;height:auto;display:block}.detail-footer{margin-top:2rem;display:flex;gap:1rem;justify-content:flex-end}.transactions-page{padding:2rem}.filters-section{background:#fff;border-radius:10px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow)}.filters-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;color:var(--secondary-color)}.filter-group input,.filter-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.filter-actions{display:flex;gap:1rem;align-items:flex-end}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}@media (max-width:768px){.transaction-details{grid-template-columns:1fr}.transactions-page{padding:1rem}.filters-form{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions .btn{width:100%}}@media (max-width:576px){.confirmation-page{padding:1rem}.confirmation-container{padding:1rem}.success-icon{font-size:3rem}.confirmation-header h1{font-size:1.5rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.confirmation-actions{flex-direction:column}.confirmation-actions .btn{width:100%}}.dashboard-page{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.transaction-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.transaction-card{background:#fff;border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.card-header{padding:1rem;background:#f8f9fa;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:25px}.transaction-id{font-weight:600;color:var(--primary-color)}.transaction-date{font-size:.875rem;color:var(--secondary-color)}.card-body{padding:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--secondary-color);font-size:.875rem}.detail-row .value{font-weight:500}.provider-badge{display:flex;align-items:center;gap:.5rem}.provider-icon{width:20px;height:20px;object-fit:contain}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.card-footer{padding:1rem;background:#f8f9fa;border-top:1px solid var(--border-color);text-align:right}.no-transactions{text-align:center;padding:3rem 1rem}.no-transactions i{font-size:3rem;color:var(--secondary-color);margin-bottom:1rem}@media (max-width:768px){.dashboard-page{padding:1rem}.transaction-cards{grid-template-columns:1fr}}.upload-group{margin-bottom:2rem}.file-upload{position:relative}.file-upload input[type=file]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:2}.upload-area{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;background:#f8f9fa;transition:all .3s ease}.upload-area i{font-size:2.5rem;color:var(--secondary-color);margin-bottom:1rem}.upload-area span{display:block;margin-bottom:.5rem;color:var(--dark-color)}.upload-area small{color:var(--secondary-color)}.upload-area.dragover{background:#e9ecef;border-color:var(--primary-color)}.file-preview{margin-top:1rem;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:#fff}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-bottom:1px solid var(--border-color)}.preview-filename{color:var(--dark-color);font-size:.875rem}.preview-image-wrapper{position:relative;padding-top:56.25%;background:#f8f9fa}#preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:1rem}.remove-preview{padding:.25rem .5rem;font-size:.875rem}.providers{padding:4rem 2rem;background:linear-gradient(to bottom,#f8f9fa,#fff)}.provider-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.provider-card{position:relative;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.provider-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.1)}.provider-icon{width:120px;height:120px;padding:1.5rem;background:#f8f9fa;border-radius:50%;margin-bottom:1.5rem;transition:all .3s ease}.provider-card:hover .provider-icon{transform:scale(1.1)}.provider-icon img{width:100%;height:100%;object-fit:contain}.provider-info h3{color:var(--dark-color);margin-bottom:1rem;font-size:1.5rem}.provider-features{display:flex;flex-direction:column;gap:.5rem}.feature{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--secondary-color);font-size:.875rem}.feature i{color:var(--primary-color)}.provider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(255,255,255,.9),transparent);display:flex;align-items:flex-end;justify-content:center;padding:2rem;opacity:0;transition:all .3s ease}.provider-card:hover .provider-overlay{opacity:1}.quick-topup-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.quick-topup-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.quick-topup-btn i{transition:transform .3s ease}.quick-topup-btn:hover i{transform:translateX(5px)}@media (max-width:768px){.provider-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.provider-card{padding:1.5rem}.provider-icon{width:100px;height:100px;padding:1.25rem}}.page-header{text-align:center;padding:4rem 2rem;background:linear-gradient(to right,var(--primary-color),var(--primary-dark));color:#fff}.page-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.page-header p{color:#000}.about-section{padding:4rem 2rem}.about-content,.contact-content,.terms-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{text-align:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:var(--shadow)}.feature-card i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.contact-card{text-align:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:var(--shadow)}.contact-card p{margin-bottom:20px}.contact-form-wrapper{max-width:600px;margin:0 auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:var(--shadow)}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form .form-group{display:flex;flex-direction:column;margin-bottom:1rem}.contact-form .form-group label{font-weight:500;color:var(--secondary-color)}.contact-form .form-group input,.contact-form .form-group textarea{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:var(--primary-color);outline:0}.contact-form .form-group textarea{resize:vertical;min-height:100px}.terms-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:var (--shadow);margin-bottom:2rem}.terms-section h2{color:var(--primary-color);margin-bottom:1rem}