*{box-sizing:border-box}body{color:#333;background-color:#fff;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font-family:inherit}.volunteer-dashboard-page{background-color:#f8f9fc;min-height:100vh;padding:50px 20px}.volunteer-dashboard-container{width:100%;max-width:1000px;margin:0 auto}.volunteer-dashboard-heading{text-align:center;margin-bottom:35px}.volunteer-dashboard-heading h1{color:#26345d;margin:0 0 12px;font-size:38px}.volunteer-dashboard-heading p:last-child{color:#667085;max-width:650px;margin:0 auto;font-size:16px;line-height:1.6}.volunteer-opportunities-list{flex-direction:column;gap:22px;display:flex}.volunteer-opportunity-card{background-color:#fff;border:1px solid #e1e5ee;border-radius:10px;padding:28px;box-shadow:0 4px 14px #0000000d}.opportunity-card-top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.volunteer-opportunity-card h2{color:#2446a8;margin:0 0 6px;font-size:24px}.opportunity-organization{color:#3157c8;margin:0 0 6px;font-weight:600}.opportunity-category{color:#e88932;margin:0;font-weight:600}.opportunity-details p{color:#667085;margin:8px 0;line-height:1.6}.opportunity-details strong{color:#26345d}.register-opportunity-button{color:#fff;cursor:pointer;background-color:#3157c8;border:none;border-radius:5px;min-width:115px;padding:11px 20px;font-size:14px;font-weight:600}.register-opportunity-button:hover{background-color:#2446a8}.registration-status-badge{color:#027a48;letter-spacing:.5px;text-transform:uppercase;background-color:#ecfdf3;border:1px solid #a7f3d0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.withdraw-registration-button{color:#b42318;cursor:pointer;background-color:#fef3f2;border:1px solid #fecdca;border-radius:5px;padding:11px 15px;font-size:14px;font-weight:600}.withdraw-registration-button:hover:not(:disabled){background-color:#fee4e2}.withdraw-registration-button:disabled{cursor:wait;opacity:.65}.registration-popup-overlay{z-index:1000;background-color:#26345d8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.registration-popup{box-sizing:border-box;background-color:#fff;border-radius:10px;width:100%;max-width:500px;padding:35px;position:relative;box-shadow:0 15px 40px #0003}.registration-popup-close{color:#667085;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:12px;right:16px}.registration-popup-label{color:#e88932;letter-spacing:1.4px;text-align:center;margin-bottom:8px;font-size:12px;font-weight:700}.registration-popup h2{color:#2446a8;text-align:center;margin:0 0 10px}.registration-popup-description{color:#667085;text-align:center;margin-bottom:25px}.registration-popup form{flex-direction:column;gap:18px;display:flex}.registration-form-group{flex-direction:column;gap:8px;display:flex}.registration-form-group label{color:#26345d;font-weight:600}.registration-form-group input{box-sizing:border-box;border:1px solid #d6d9e0;border-radius:5px;width:100%;padding:12px;font-size:15px}.registration-form-group input:focus{border-color:#3157c8;outline:none;box-shadow:0 0 0 2px #3157c81f}.submit-registration-button{color:#fff;cursor:pointer;background-color:#3157c8;border:none;border-radius:5px;width:100%;padding:13px 18px;font-size:15px;font-weight:600}.submit-registration-button:hover{background-color:#2446a8}@media (width<=650px){.volunteer-dashboard-page{padding:35px 15px}.volunteer-dashboard-heading h1{font-size:31px}.volunteer-opportunity-card{padding:22px}.opportunity-card-top{flex-direction:column}.register-opportunity-button{width:100%}.registration-popup{padding:30px 22px}}.volunteer-access-page{background-color:var(--background-light);justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex}.volunteer-access-container{text-align:center;width:100%;max-width:900px}.volunteer-dashboard-label{color:var(--accent-orange);letter-spacing:1.5px;margin-bottom:10px;font-size:13px;font-weight:700}.volunteer-access-container h1{color:var(--heading-color);margin:0 0 15px;font-size:42px}.volunteer-access-description{max-width:650px;color:var(--text-color);margin:0 auto 40px;font-size:17px;line-height:1.6}.volunteer-access-options{justify-content:center;gap:25px;display:flex}.volunteer-access-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius);max-width:390px;box-shadow:var(--card-shadow);text-align:left;flex:1;padding:35px;transition:transform .2s,box-shadow .2s}.volunteer-access-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.volunteer-access-card h2{color:var(--primary-blue);margin-top:0;margin-bottom:12px;font-size:23px}.volunteer-access-card p{min-height:85px;color:var(--text-color);margin-bottom:25px;line-height:1.6}.volunteer-access-card button{background-color:var(--primary-blue);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:5px;padding:13px 18px;font-size:15px;font-weight:600;transition:background-color .2s}.volunteer-access-card button:hover{background-color:var(--primary-blue-dark)}.volunteer-access-card:nth-child(2) h2{color:var(--accent-orange-dark)}.volunteer-access-card:nth-child(2) button{background-color:var(--accent-orange)}.volunteer-access-card:nth-child(2) button:hover{background-color:var(--accent-orange-dark)}.volunteer-form-section{box-sizing:border-box;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius);width:100%;max-width:600px;box-shadow:var(--card-shadow);text-align:left;margin:45px auto 0;padding:35px}.volunteer-form-section h2{color:var(--heading-color);text-align:center;margin-top:0;margin-bottom:25px}.volunteer-form-section form{flex-direction:column;gap:20px;display:flex}.volunteer-form-group{flex-direction:column;gap:8px;display:flex}.volunteer-form-group label{color:var(--heading-color);font-weight:600}.volunteer-form-group input,.volunteer-form-group select,.volunteer-form-group textarea{box-sizing:border-box;background-color:var(--white);color:#333;border:1px solid var(--input-border);border-radius:5px;width:100%;padding:12px;font-family:inherit;font-size:16px}.volunteer-form-group input:focus,.volunteer-form-group select:focus,.volunteer-form-group textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 2px #3157c81f}.volunteer-form-button{background-color:var(--primary-blue);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:5px;padding:13px 18px;font-size:15px;font-weight:600;transition:background-color .2s}.volunteer-form-button:hover{background-color:var(--primary-blue-dark)}.volunteer-login-error{color:#b42318;text-align:center;background-color:#fef3f2;border-radius:5px;margin:0;padding:10px;font-size:14px}@media (width<=700px){.volunteer-access-page{padding:40px 20px}.volunteer-access-options{flex-direction:column;align-items:center}.volunteer-access-card{box-sizing:border-box;width:100%}.volunteer-access-container h1{font-size:34px}.volunteer-form-section{padding:25px}}:root{--primary-blue:#3157c8;--primary-blue-dark:#2446a8;--accent-orange:#e88932;--accent-orange-dark:#d97822;--heading-color:#26345d;--text-color:#667085;--background-light:#f8f9fc;--white:#fff;--border-color:#e1e5ee;--input-border:#d6d9e0;--card-shadow:0 4px 14px #0000000d;--card-shadow-hover:0 8px 22px #26345d1a;--radius:10px}.dashboard-label{color:var(--accent-orange);letter-spacing:1.5px;margin-bottom:10px;font-size:13px;font-weight:700}.organization-access-card,.organization-option-card,.organization-form-section,.post-opportunity-container{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--card-shadow)}.organization-access-card,.organization-option-card{transition:transform .2s,box-shadow .2s}.organization-access-card:hover,.organization-option-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.organization-access-card button,.organization-option-card button,.organization-form-button,.post-button,.back-home-button{background-color:var(--primary-blue);color:var(--white);cursor:pointer;border:none;border-radius:5px;padding:13px 18px;font-size:15px;font-weight:600;transition:background-color .2s}.organization-access-card button:hover,.organization-option-card button:hover,.organization-form-button:hover,.post-button:hover,.back-home-button:hover{background-color:var(--primary-blue-dark)}.organization-access-page{background-color:var(--background-light);justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex}.organization-access-container{text-align:center;width:100%;max-width:900px}.organization-access-container h1{color:var(--heading-color);margin:0 0 15px;font-size:42px}.organization-access-description{max-width:650px;color:var(--text-color);margin:0 auto 40px;font-size:17px;line-height:1.6}.organization-access-options{justify-content:center;gap:25px;display:flex}.organization-access-card{text-align:left;flex:1;max-width:390px;padding:35px}.organization-access-card h2{color:var(--primary-blue);margin-top:0;margin-bottom:12px;font-size:23px}.organization-access-card p{min-height:85px;color:var(--text-color);margin-bottom:25px;line-height:1.6}.organization-access-card button{width:100%}.organization-access-card:nth-child(2) h2{color:var(--accent-orange-dark)}.organization-access-card:nth-child(2) button{background-color:var(--accent-orange)}.organization-access-card:nth-child(2) button:hover{background-color:var(--accent-orange-dark)}.organization-form-section{text-align:left;width:100%;max-width:600px;margin:45px auto 0;padding:35px}.organization-form-section h2{color:var(--heading-color);text-align:center;margin-top:0;margin-bottom:25px}.organization-form-section form,.post-opportunity-container form{flex-direction:column;gap:20px;display:flex}.organization-form-section label,.post-opportunity-container label{color:var(--heading-color);font-weight:600}.organization-form-section input,.organization-form-section select,.organization-form-section textarea,.post-opportunity-container input,.post-opportunity-container select,.post-opportunity-container textarea{box-sizing:border-box;background-color:var(--white);color:#333;border:1px solid var(--input-border);border-radius:5px;width:100%;padding:12px;font-family:inherit;font-size:16px}.organization-form-section input:focus,.organization-form-section select:focus,.organization-form-section textarea:focus,.post-opportunity-container input:focus,.post-opportunity-container select:focus,.post-opportunity-container textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 2px #3157c81f}.organization-form-section textarea,.post-opportunity-container textarea{resize:vertical}.organization-form-button,.post-button{width:100%}.organization-dashboard-page{background-color:var(--background-light);min-height:100vh;padding:70px 20px}.organization-dashboard-container{width:100%;max-width:1100px;margin:0 auto}.organization-dashboard-heading{text-align:center;max-width:700px;margin:0 auto 45px}.organization-dashboard-heading h1{color:var(--heading-color);margin:0 0 15px;font-size:40px}.organization-dashboard-heading>p:last-child{color:var(--text-color);margin:0;font-size:17px;line-height:1.6}.organization-dashboard-options{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.organization-option-card{flex-direction:column;padding:30px;display:flex}.organization-option-card h2{color:var(--primary-blue);margin-top:0;margin-bottom:12px;font-size:22px}.organization-option-card p{color:var(--text-color);flex-grow:1;margin-bottom:25px;line-height:1.6}.organization-option-card:nth-child(3){border-top:4px solid var(--accent-orange)}.organization-option-card:nth-child(3) button{background-color:var(--accent-orange)}.organization-option-card:nth-child(3) button:hover{background-color:var(--accent-orange-dark)}.post-opportunity-page{background-color:var(--background-light);justify-content:center;min-height:100vh;padding:50px 20px;display:flex}.post-opportunity-container{width:100%;max-width:750px;padding:40px}.post-opportunity-container h1{color:var(--primary-blue-dark);margin-top:0;margin-bottom:10px}.post-opportunity-container>p{color:var(--text-color);margin-bottom:30px;line-height:1.6}.post-button{margin-top:10px;padding:14px 20px;font-size:16px}.cancel-button{color:var(--heading-color);border:1px solid var(--input-border);cursor:pointer;background-color:#fff;border-radius:5px;margin-top:10px;padding:14px 20px;font-size:16px;font-weight:600;transition:background-color .2s,border-color .2s}.cancel-button:hover{border-color:var(--primary-blue);background-color:#f4f6fb}.post-success-section{text-align:center;margin-top:25px}.success-message{color:var(--primary-blue-dark);border-left:4px solid var(--accent-orange);text-align:center;background-color:#f7f8fc;border-radius:4px;margin:0 0 15px;padding:14px;font-weight:600}.back-home-button{min-width:180px}.login-error{color:#b42318;text-align:center;background-color:#fef3f2;border-radius:5px;margin:0;padding:10px;font-size:14px}@media (width<=750px){.organization-dashboard-page{padding:50px 20px}.organization-dashboard-heading h1{font-size:32px}.organization-dashboard-options{grid-template-columns:1fr}.post-opportunity-container{padding:30px 22px}}@media (width<=700px){.organization-access-options{flex-direction:column;align-items:center}.organization-access-card{width:100%}.organization-access-container h1{font-size:34px}.organization-form-section{padding:25px}}.posted-opportunities-page{background:#f4f6fb;min-height:100vh;padding:56px 24px 72px}.posted-opportunities-container{width:100%;max-width:1120px;margin:0 auto}.posted-opportunities-heading{text-align:center;max-width:760px;margin:0 auto 38px}.posted-opportunities-heading h1{color:#26345d;margin:0 0 12px;font-size:clamp(32px,5vw,46px);line-height:1.08}.posted-opportunities-heading>p:last-child{color:#667085;margin:0;font-size:17px;line-height:1.6}.posted-opportunities-list{flex-direction:column;gap:18px;display:flex}.posted-opportunity-card{background-color:#fff;border:1px solid #e1e5ee;border-radius:8px;padding:26px;box-shadow:0 5px 18px #26345d0f}.opportunity-card-heading{border-bottom:1px solid #e1e5ee;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.opportunity-card-heading h2{color:#2446a8;margin:0 0 8px;font-size:25px;line-height:1.2}.opportunity-category{letter-spacing:.8px;text-transform:uppercase;font-size:13px;font-weight:700;color:#d97822!important;margin:0!important}.registered-count{text-align:center;background:#f4f6fb;border-radius:6px;min-width:104px;padding:10px 14px}.registered-count span{color:#26345d;font-size:25px;font-weight:700;line-height:1;display:block}.registered-count p{font-size:12px;line-height:1.2;color:#667085!important;margin:6px 0 0!important}.opportunity-description{color:#667085;line-height:1.6;margin:20px 0!important}.opportunity-details-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.opportunity-detail{background:#f8f9fc;border:1px solid #edf0f5;border-radius:6px;min-width:0;padding:13px}.opportunity-detail strong,.opportunity-requirements strong{color:#26345d;letter-spacing:.35px;text-transform:uppercase;margin-bottom:5px;font-size:12px;display:block}.opportunity-detail span{overflow-wrap:anywhere;color:#667085;font-size:14px;line-height:1.4;display:block}.opportunity-requirements{border-top:1px solid #e1e5ee;margin-top:18px;padding-top:18px}.opportunity-requirements p{color:#667085;margin:0;line-height:1.6}.opportunity-action-buttons{border-top:1px solid #e1e5ee;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;display:flex}.opportunity-action-buttons button{cursor:pointer;border:none;border-radius:5px;padding:11px 15px;font-size:14px;font-weight:600;transition:background-color .2s}.opportunity-action-buttons button:first-child{color:#fff;background-color:#3157c8}.opportunity-action-buttons button:first-child:hover{background-color:#2446a8}.opportunity-action-buttons button:nth-child(2){color:#fff;background-color:#e88932}.opportunity-action-buttons button:nth-child(2):hover{background-color:#d97822}.opportunity-action-buttons button:nth-child(3){color:#b42318;background-color:#fef3f2;border:1px solid #fecdca}.opportunity-action-buttons button:nth-child(3):hover{background-color:#fee4e2}.registered-volunteers-modal-overlay{z-index:1000;background:#26345d8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.registered-volunteers-modal{background-color:#fff;border-radius:10px;width:100%;max-width:540px;max-height:80vh;padding:30px 28px;position:relative;overflow-y:auto;box-shadow:0 18px 40px #0003}.registered-volunteers-modal h2{color:#2446a8;margin:0 0 16px}.registered-volunteers-close{color:#667085;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:14px;right:16px}.registered-volunteers-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.registered-volunteers-list li{background:#f8f9fc;border:1px solid #e1e5ee;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.registered-volunteers-list strong,.registered-volunteers-list span{display:block}.registered-volunteers-list strong{color:#26345d}.registered-volunteers-list span{color:#667085;margin-top:4px;font-size:14px}.back-dashboard-button{color:#fff;cursor:pointer;background-color:#3157c8;border:none;border-radius:5px;margin:30px auto 0;padding:12px 22px;font-size:15px;font-weight:600;display:block}.no-opportunities{text-align:center;background:#fff;border:1px solid #e1e5ee;border-radius:8px;padding:52px 24px}.no-opportunities h2{color:#26345d;margin:0 0 10px}.no-opportunities p{color:#667085;margin:0 0 24px}.back-dashboard-button:hover{background-color:#2446a8}@media (width<=700px){.posted-opportunities-page{padding:38px 15px 56px}.posted-opportunities-heading h1{font-size:34px}.posted-opportunity-card{padding:20px}.opportunity-card-heading{flex-direction:column;align-items:stretch;gap:16px}.registered-count{align-self:flex-start}.opportunity-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opportunity-action-buttons{flex-direction:column}.opportunity-action-buttons button{width:100%}}@media (width<=420px){.opportunity-details-grid{grid-template-columns:1fr}}.home-page{background-color:#fff;width:100%}.hero-section{text-align:center;background-color:#fff;padding:90px 20px 80px}.hero-content{width:100%;max-width:850px;margin:0 auto}.hero-label{color:#e88932;letter-spacing:2px;margin-bottom:18px;font-size:14px;font-weight:700}.hero-content h1{color:#26345d;margin:0 0 18px;font-size:58px;line-height:1.1}.hero-content h1 span{color:#3157c8}.hero-content h2{color:#3157c8;margin-bottom:18px;font-size:25px;font-weight:500}.home-description{color:#667085;max-width:650px;margin:0 auto;font-size:18px;line-height:1.7}.role-section{background-color:#f8f9fc;padding:65px 20px 80px}.role-selection{width:100%;max-width:900px;margin:0 auto}.role-heading{text-align:center;max-width:650px;margin:0 auto 40px}.role-accent{color:#e88932;letter-spacing:1.5px;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.role-heading h2{color:#26345d;margin:0 0 14px;font-size:32px}.role-heading p{color:#667085;margin:0;font-size:16px;line-height:1.6}.role-buttons{justify-content:center;gap:25px;display:flex}.role-card{text-align:left;background-color:#fff;border:1px solid #e1e5ee;border-radius:10px;flex:1;max-width:390px;padding:35px;transition:transform .2s,box-shadow .2s}.role-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #26345d1a}.role-card h3{color:#3157c8;margin-top:0;margin-bottom:12px;font-size:22px}.role-card p{color:#667085;min-height:75px;margin-bottom:25px;line-height:1.6}.role-button{color:#fff;cursor:pointer;background-color:#3157c8;border:none;border-radius:5px;width:100%;padding:13px 18px;font-size:15px;font-weight:600;transition:background-color .2s}.role-button:hover{background-color:#2446a8}.role-card:nth-child(2) h3{color:#d97822}.role-card:nth-child(2) .role-button{background-color:#e88932}.role-card:nth-child(2) .role-button:hover{background-color:#d97822}.dashboard-header-row{text-align:left;justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-header-row h1{margin:0}.dashboard-actions-row{align-items:center;gap:12px;display:flex}.settings-button{color:#fff;cursor:pointer;background-color:#3157c8;border:none;border-radius:5px;padding:11px 18px;font-size:14px;font-weight:600;transition:background-color .2s}.settings-button:hover{background-color:#2446a8}.settings-page{background-color:#f8f9fc;justify-content:center;align-items:center;min-height:100vh;padding:60px 20px;display:flex}.settings-card{background-color:#fff;border:1px solid #e1e5ee;border-radius:10px;width:100%;max-width:620px;padding:35px;position:relative;box-shadow:0 4px 14px #0000000d}.settings-back-button{color:#667085;cursor:pointer;background:0 0;border:none;align-items:center;margin-bottom:24px;padding:0;font-size:14px;font-weight:600;transition:color .2s,transform .2s;display:flex}.settings-back-button:hover{color:#3157c8;transform:translate(-2px)}.settings-label{color:#e88932;letter-spacing:1.5px;margin-bottom:12px;font-size:13px;font-weight:700}.settings-card h1{color:#26345d;margin:0 0 25px;font-size:38px}.settings-profile{flex-direction:column;gap:18px;margin-bottom:28px;display:flex}.settings-detail-row{background-color:#f8f9fc;border:1px solid #e1e5ee;border-radius:8px;justify-content:space-between;gap:12px;padding:16px 18px;display:flex}.settings-detail-row span{color:#667085}.settings-detail-row strong{color:#26345d;text-align:right}.settings-actions{gap:16px;margin-bottom:24px;display:flex}.settings-primary-button,.settings-danger-button{cursor:pointer;border:none;border-radius:5px;flex:1;padding:13px 18px;font-size:15px;font-weight:600}.settings-primary-button{color:#fff;background-color:#3157c8}.settings-primary-button:hover{background-color:#2446a8}.settings-danger-button{color:#fff;background-color:#d92d20}.settings-danger-button:hover{background-color:#b42318}.settings-danger-button:disabled{opacity:.7;cursor:wait}.settings-delete-confirmation{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.settings-delete-confirmation label{color:#26345d;font-weight:600}.settings-delete-confirmation input{box-sizing:border-box;border:1px solid #d6d9e0;border-radius:5px;width:100%;padding:12px;font-size:16px}.settings-delete-confirmation input:focus{border-color:#3157c8;outline:none;box-shadow:0 0 0 2px #3157c81f}.settings-message{color:#b42318;background-color:#fef3f2;border-radius:5px;margin:0;padding:10px 12px;font-size:14px}@media (width<=700px){.hero-section{padding:65px 20px}.hero-content h1{font-size:42px}.hero-content h2{font-size:21px}.role-buttons{flex-direction:column;align-items:center}.role-card{width:100%}.dashboard-header-row{flex-direction:column;align-items:flex-start}.settings-actions,.settings-detail-row{flex-direction:column}}