html,body{margin:0;padding:0;width:100%}*{box-sizing:border-box}.homepage{font-family:sans-serif;color:#333;margin:0;padding:0;width:100%}.header{width:100%;height:294px;background:#f6f6f6;padding:2rem 0;margin:0;position:relative;display:flex;align-items:center;justify-content:center}.header-content{display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;gap:2rem}.header-left,.header-right{flex:1;display:flex;justify-content:center;align-items:center}.header-left-content,.header-right-content{text-align:center}.header-divider{width:2px;height:150px;background:#ccc;margin:0 1rem}.header h1{width:359px;height:60px;font-family:Poppins,sans-serif;font-weight:700;font-size:40px;line-height:100%;letter-spacing:0%;color:#726b6b;text-align:center;margin:0 auto}.header h2{width:183px;height:42px;font-family:Poppins,sans-serif;font-weight:600;font-size:28px;line-height:100%;letter-spacing:0%;color:#726b6b;text-align:center;margin:0 auto}.header-divider{width:1.5px;height:224px;background:#726b6b;border:1.5px solid #726B6B;transform:rotate(0);margin:0 2rem}.header p{width:823px;height:120px;font-family:Poppins,sans-serif;font-weight:400;font-size:20px;line-height:100%;letter-spacing:0%;color:#333;margin:1rem auto;text-align:left}.header button{width:190px;height:51px;border-radius:10px;background:#ff3131;box-shadow:0 4px 4px 2px #00000040;color:#fff;border:none;font-size:1rem;font-weight:500;cursor:pointer;display:block;margin:-2rem 0 0;text-align:center}.header button:hover{background:#b91c1c}.mission{padding:2rem 1rem;text-align:center;background:#fff}.mission h2{font-size:2rem;font-weight:800;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.mission-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:300px;gap:16px;width:100%;margin:0}.mission-item{position:relative;overflow:hidden;border-radius:0;height:100%;box-shadow:0 8px 24px #00000014;transition:transform .2s ease,box-shadow .2s ease}.mission-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000024}.mission-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .2s ease}.mission .mission-item img{object-fit:cover!important}.mission-item:hover img{transform:scale(.98)}.mission-item.top{grid-column:span 2}.mission-item.bottom{grid-column:span 3}@media (max-width: 900px){.mission-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:12px}.mission-item.top{grid-column:span 2}.mission-item.bottom{grid-column:span 4}}@media (max-width: 600px){.mission-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;gap:10px}.mission-item.top,.mission-item.bottom{grid-column:span 2}}.mission-item.large img{object-fit:contain}.my-image{width:100%;height:100%;object-fit:contain;object-position:center}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1.5rem;font-size:1.2rem;line-height:1.5rem;text-align:left}.highlights{padding:2rem;text-align:center;box-shadow:0 4px 8px #00000040}.highlights h2{font-family:Poppins,sans-serif;font-weight:600;font-size:36px;line-height:100%;letter-spacing:0;text-align:center;display:inline-block;padding:.5rem 1rem;border-radius:8px}.highlight-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.highlight-wrapper{display:flex;flex-direction:column;align-items:center;max-width:268px;text-align:center}.card{width:268px;height:315px;border:2px solid #000;border-radius:20px;background:linear-gradient(145.03deg,#fa9200 4.01%,#ffeda8 95.58%);box-shadow:0 4px 8px #00000040;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;box-sizing:border-box;transition:all .3s ease}.card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 24px #0000004d;cursor:pointer}.card-link,.card-link:visited,.card-link:hover,.card-link:active{color:#000;text-decoration:none}.card-link .card{box-shadow:0 4px 8px #00000040}.card-link h3{color:#000}.card-icon{width:45px;height:45px}.card h3{font-family:Poppins,sans-serif;font-weight:600;font-size:24px;line-height:150%;width:213px;height:72px;display:flex;align-items:center;justify-content:center;margin:0;text-align:center}.card-logo{width:100px;height:auto;margin-top:1rem}.card-desc{font-family:Poppins,sans-serif;font-weight:500;font-size:20px;line-height:120%;letter-spacing:0%;color:#333;width:270px;height:48px;margin-top:2rem;text-align:center;display:flex;align-items:center;justify-content:center}.faq{padding:0;text-align:left}.faq h2{font-weight:500;font-size:24px;letter-spacing:0;width:564px;height:24px;margin:0 auto 1.5rem;font-family:Poppins,sans-serif;font-weight:600;font-size:36px;line-height:100%;letter-spacing:0%;text-align:center}.faq-items{max-width:600px;margin:0 auto;text-align:left}.faq-container{width:838px;border-radius:15px;padding:1.5rem;box-sizing:border-box;margin:0 auto 0 71px}.faq-item{background:#f6f6f6;padding:.8rem 1rem;margin-bottom:.5rem;border-radius:6px;cursor:pointer;transition:background .2s;font-family:Poppins,sans-serif;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:space-between;color:#000;text-decoration:none}.faq-item:hover{background:#e2e2e2}.faq-icon-left{width:24px;height:24px;margin-right:1rem}.faq-text{flex:1}.faq-icon-right{width:24px;height:24px;flex-shrink:0;margin-left:auto}.faq-row{display:flex;gap:1rem;flex-wrap:wrap}.faq-item.half{width:calc(50% - .5rem)}section{border-bottom:1px solid #ccc;margin-bottom:2rem;padding-bottom:2rem}.campaign-performance{padding:2rem;text-align:center}.campaign-performance h2{padding:2rem 0;text-align:left;font-family:Poppins,sans-serif;font-weight:700;font-size:32px;color:#333}.campaign-title{font-family:Poppins,sans-serif;font-weight:700;font-size:32px;margin-bottom:2rem;color:#333}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.stat-card{flex:1 1 180px;max-width:220px;background:linear-gradient(90deg,#fa9200,#fdab37,#ffdb4e);border-radius:12px;padding:1.5rem;color:#fff;box-shadow:0 4px 6px #0000001a}.stat-card h3{font-size:28px;font-weight:700;margin:0 0 .5rem;color:#fff}.stat-card p{font-size:16px;margin:0;color:#fff}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;padding:0 1rem;align-items:start}.chart-container{width:100%;height:300px;-webkit-user-select:none;user-select:none;overflow:hidden;min-height:250px}.chart-container2{width:100%;height:300px;-webkit-user-select:none;user-select:none;overflow:hidden}@media (max-width: 768px){.chart-container2{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-container2 .recharts-wrapper{min-width:400px}}.chart-box{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;min-height:350px}.chart-box h3{font-family:Poppins,sans-serif;font-weight:600;font-size:18px;color:#333;margin:0 0 15px;text-align:center}.signin-box{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;width:100%}.signin-form{width:100%;max-width:280px;display:flex;flex-direction:column;gap:12px}.signin-select,.signin-input{padding:10px;border:1px solid #ddd;border-radius:15px;font-size:14px;width:100%;box-sizing:border-box}.signin-button{padding:10px;background-color:#fa9200;color:#fff;border:none;border-radius:15px;font-size:14px;cursor:pointer;transition:background-color .3s;width:100%}.signin-button:hover{background-color:#e08300}.welcome{margin-top:5px;margin-bottom:15px;color:#fa9200;font-size:28px;font-family:Poppins,sans-serif}.sign{margin-top:1px;margin-bottom:30px;color:#999696;font-size:16px;font-family:Poppins,sans-serif}.mentor-registration-section{margin-top:20px;text-align:center;width:100%}.mentor-divider{margin:15px 0;color:#999;font-size:14px;font-family:Poppins,sans-serif}.mentor-text{color:#666;font-size:14px;margin-bottom:15px;font-family:Poppins,sans-serif}.mentor-signup-button{background:linear-gradient(135deg,#fa9200,#fdab37);color:#fff;border:none;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:Poppins,sans-serif;width:100%;max-width:200px}.mentor-signup-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fa92004d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1200px){.charts{grid-template-columns:repeat(3,1fr);gap:2rem}.stats-cards{gap:2rem}.stat-card{max-width:250px}}@media (max-width: 1199px) and (min-width: 992px){.charts{grid-template-columns:repeat(3,1fr);gap:1.5rem}.header-content{max-width:1000px}}@media (max-width: 991px) and (min-width: 768px){.charts{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stats-cards{gap:1rem}.stat-card{max-width:200px;padding:1rem}.stat-card h3{font-size:24px}.stat-card p{font-size:14px}.header h1{font-size:32px}.header h2{font-size:24px}.header p{font-size:18px}}@media (max-width: 767px) and (min-width: 576px){.charts{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}.chart-container,.chart-container2{height:250px;min-height:200px}.chart-container2{overflow-x:auto}.chart-box,.signin-box{min-height:300px}.chart-box h3{font-size:16px}.signin-form{max-width:100%;padding:0 1rem}.mentor-registration-section{margin-top:15px}.mentor-signup-button{max-width:100%;padding:8px 16px;font-size:13px}.stats-cards{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{max-width:100%;padding:1rem}.stat-card h3{font-size:20px}.stat-card p{font-size:12px}.header{height:auto;padding:1.5rem 0}.header-content{flex-direction:column;gap:1rem;padding:0 1rem}.header-divider{display:none}.header h1{font-size:28px;width:100%}.header h2{font-size:20px;width:100%}.header p{font-size:16px;width:100%;text-align:center}.campaign-performance{padding:1rem}.campaign-title{font-size:24px;text-align:center}}@media (max-width: 575px) and (min-width: 480px){.charts{grid-template-columns:1fr;gap:1rem;padding:0 .5rem}.chart-container,.chart-container2{height:220px;min-height:180px}.chart-container2{overflow-x:auto}.chart-box,.signin-box{min-height:280px}.chart-box h3{font-size:15px}.signin-form{max-width:100%;padding:0 .5rem}.mentor-registration-section{margin-top:12px}.mentor-divider{font-size:12px;margin:12px 0}.mentor-text{font-size:12px;margin-bottom:12px}.mentor-signup-button{max-width:100%;padding:8px 12px;font-size:12px}.stats-cards{grid-template-columns:repeat(2,1fr);gap:.8rem}.stat-card{padding:.8rem}.stat-card h3{font-size:18px}.stat-card p{font-size:11px}.header h1{font-size:24px}.header h2{font-size:18px}.header p{font-size:14px}.campaign-title{font-size:20px}.signin-select,.signin-input{font-size:16px}}@media (max-width: 479px){.charts{grid-template-columns:1fr;gap:.8rem;padding:0 .5rem}.chart-container,.chart-container2{height:200px;min-height:150px}.chart-container2{overflow-x:auto}.chart-box,.signin-box{min-height:250px;padding:10px}.chart-box h3{font-size:14px}.stats-cards{grid-template-columns:1fr;gap:.8rem}.stat-card{padding:.8rem;max-width:100%}.stat-card h3{font-size:16px}.stat-card p{font-size:10px}.header{height:auto;padding:1rem 0}.header-content{padding:0 .5rem}.header h1{font-size:20px}.header h2{font-size:16px}.header p{font-size:12px}.campaign-performance{padding:.5rem}.campaign-title{font-size:18px;margin-bottom:1rem}.signin-form{max-width:100%;gap:.8rem;padding:0}.mentor-registration-section{margin-top:10px}.mentor-divider{font-size:11px;margin:10px 0}.mentor-text{font-size:11px;margin-bottom:10px}.mentor-signup-button{max-width:100%;padding:6px 10px;font-size:11px;border-radius:20px}.signin-select,.signin-input{font-size:16px;padding:8px}.signin-button{padding:8px;font-size:14px}.welcome{font-size:20px}.sign{font-size:14px}.mission-grid{grid-template-columns:1fr;grid-auto-rows:200px;gap:.8rem}.mission-item{height:100%}.highlight-cards{flex-direction:column;align-items:center;gap:1rem}.card{width:100%;max-width:280px;height:auto;padding:1rem}.card h3{font-size:18px;height:auto}.card-desc{font-size:14px;height:auto}.faq-container{width:100%;margin-left:0;padding:.5rem}.faq-item{font-size:14px;padding:.6rem}.faq h2{font-size:20px;width:100%}}.chart-box img{width:100%;height:auto;border-radius:8px;object-fit:cover}.signup-box{display:flex;flex-direction:column;gap:.8rem;text-align:left}.signup-box select,.signup-box input{padding:.6rem;border:1px solid #ccc;border-radius:6px;font-size:14px}.signup-box button{background:#fa9200;color:#fff;border:none;border-radius:6px;padding:.8rem;cursor:pointer;font-weight:600;transition:.3s}.signup-box button:hover{background:#e67e00}.header-right-content{word-spacing:1px}@media (max-width: 1200px){.header-content{padding:0 2rem}}@media (max-width: 1024px){.header-content{flex-direction:column;gap:1rem;padding:0 1rem}.header-divider{display:none}.header h1,.header h2,.header p{width:100%!important;text-align:center!important;margin:0 auto}.header-right-content{text-align:center!important}.header button{margin:1rem auto 0}.faq-container{width:100%;margin-left:0;padding:1rem}}@media (max-width: 768px){.card,.highlight-wrapper,.card-desc{width:90%!important;max-width:100%}.highlight-cards{gap:1rem}.mission-images img{width:45%}.faq-item.half{width:100%}.faq h2{width:90%;font-size:28px}.faq-container{padding:1rem}.header{height:auto;padding:2rem 1rem}.header p{font-size:16px;height:auto}.header h1{font-size:28px;height:auto}.header h2{font-size:20px;height:auto}.header button{width:160px;height:44px;font-size:16px}.faq-item{font-size:16px;padding:.75rem}.card h3{font-size:20px;height:auto}.card-desc{font-size:16px;height:auto}}@media (max-width: 480px){.mission-images img{width:90%}.faq h2{font-size:24px}.card{height:auto;padding:1rem}.card-logo{width:80px}.card-icon{width:45px;height:45px}.card h3{font-size:24px}.card-desc{font-size:14px}.header h1,.header h2,.header p{font-size:16px!important}.header button{width:140px;height:40px;font-size:14px}.faq-item{font-size:14px}}@media (max-width: 375px){.header h1{font-size:24px!important}.header p{font-size:14px!important}.header button{width:120px;height:36px;font-size:12px}.mission h2,.highlights h2,.faq h2{font-size:28px}}.banner-container{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background-color:#f6f6f6}.banner-image{width:100%;height:auto;object-fit:contain;object-position:center;margin:0;padding:0;display:block}.login-container{width:100vw;height:100vh;background:linear-gradient(135deg,#ff4757,#ff6b47,#ffa502);display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{background:#fff;border-radius:20px;padding:40px 50px;box-shadow:0 20px 40px #0000001a;width:420px;max-width:90vw}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.logo{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.globe{font-size:50px;position:relative;z-index:2}.sparkles{position:absolute;font-size:20px;top:-5px;right:-5px;z-index:3}.login-title{text-align:center;font-size:24px;font-weight:600;color:#333;margin-bottom:30px;margin-top:10px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:16px;font-weight:600;color:#333}.dropdown-container{position:relative}.dropdown-button{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;color:#999;cursor:pointer;display:flex;justify-content:space-between;align-items:center;outline:none;transition:border-color .2s}.dropdown-button:hover{border-color:#ccc}.dropdown-arrow{font-size:12px;color:#666}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;z-index:10;max-height:200px;overflow-y:auto}.dropdown-item{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item:last-child{border-bottom:none}.role-icon{font-size:16px;width:20px}.role-label{flex:1;font-size:14px;color:#333}.role-arrow{font-size:12px;color:#999}.form-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.form-input:focus{border-color:#ffa502}.sign-in-button{background:linear-gradient(135deg,#ffa502,#ff9500);color:#fff;border:none;border-radius:25px;padding:14px 30px;font-size:16px;font-weight:600;cursor:pointer;margin-top:20px;transition:transform .2s,box-shadow .2s;outline:none}.sign-in-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffa5024d}.sign-in-button:active{transform:translateY(0)}.mentor-signup-section{margin-top:25px;text-align:center}.signup-divider{position:relative;margin:20px 0}.signup-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.signup-divider span{background:#fff;padding:0 15px;color:#999;font-size:14px;position:relative;z-index:1}.signup-text{color:#666;font-size:14px;margin-bottom:15px}.signup-button{background:linear-gradient(135deg,#fa9200,#fdab37);color:#fff;border:none;border-radius:25px;padding:12px 25px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;outline:none}.signup-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #fa92004d}.signup-button:active{transform:translateY(0)}@media (max-width: 480px){.login-card{padding:30px 25px;width:90vw}.login-title{font-size:22px}.signup-button{padding:10px 20px;font-size:13px}}.mentor-page{min-height:100vh;background:#f8f9fa;padding:0}.page-container{max-width:1200px;margin:0 auto;padding:40px 20px}.content-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;overflow:hidden}.page-header{background:linear-gradient(135deg,#fa9200,#fdab37);color:#fff;padding:50px 40px;text-align:center}.page-header h1{font-size:2.8rem;font-weight:700;margin:0 0 25px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.main-subtitle{font-size:1.2rem;font-weight:600;margin:0;opacity:.95;line-height:1.5}.content-body{padding:50px 40px}.message-section{margin-bottom:40px}.message-section p{margin:0 0 20px;font-size:1.1rem;line-height:1.8;color:#333}.message-section p:last-child{margin-bottom:0}.message-section a{color:#fa9200;text-decoration:underline;font-weight:600}.message-section a:hover{color:#e8820e}.roles-section{margin-bottom:40px;padding:30px;background:#f8f9fa;border-radius:10px;border-left:5px solid #FA9200}.roles-section h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 20px}.roles-section ol{margin:0 0 25px;padding-left:25px}.roles-section li{margin:0 0 12px;font-size:1.05rem;line-height:1.6;color:#333}.roles-section p{margin:0 0 20px;font-size:1.1rem;line-height:1.8;color:#333}.roles-section p:last-child{margin-bottom:0}.thank-you-section{margin-top:40px;animation:fadeInUp .6s ease-out}.thank-you-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.success-message{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:40px;text-align:center}.success-message h2{font-size:2.2rem;font-weight:700;margin:0 0 15px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.success-message p{font-size:1.2rem;margin:0;opacity:.95;line-height:1.6}.signature-section-wrapper{margin-top:40px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.signature-section{padding:40px;background:linear-gradient(135deg,#fa9200,#fdab37);color:#fff;text-align:center}.signature-section p{margin:0 0 8px;font-size:1rem;opacity:.95}.signature-section p:last-child{margin-bottom:0}.bottom-banner{margin-top:40px;text-align:center}.footer-banner-image{width:100%;max-width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-section-wrapper{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.registration-form{padding:50px 40px}.form-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #f0f0f0}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 25px;padding-bottom:10px;border-bottom:2px solid #FA9200;display:inline-block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:25px}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fafafa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#fa9200;background:#fff;box-shadow:0 0 0 3px #fa92001a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c;background:#fdf2f2}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #e74c3c1a}.error-message{color:#e74c3c;font-size:.85rem;margin-top:5px;display:block;font-weight:500}.form-actions{display:flex;gap:20px;justify-content:center;margin-top:40px;padding-top:30px;border-top:2px solid #f0f0f0}.cancel-btn,.submit-btn{padding:15px 30px;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 5px 15px #6c757d4d}.submit-btn{background:linear-gradient(135deg,#fa9200,#fdab37);color:#fff}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fa920066}.submit-btn:active{transform:translateY(0)}@media (max-width: 768px){.page-container{padding:20px 10px}.page-header{padding:40px 20px}.page-header h1{font-size:2.2rem}.main-subtitle{font-size:1rem}.content-body,.registration-form{padding:30px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column;align-items:center}.cancel-btn,.submit-btn{width:100%;max-width:300px}.roles-section,.signature-section{padding:20px}.signature-section-wrapper{margin-top:30px}.success-message{padding:30px 20px}.success-message h2{font-size:1.8rem}.success-message p{font-size:1rem}.footer-banner-image{border-radius:10px}}@media (max-width: 480px){.page-header h1{font-size:1.8rem}.main-subtitle{font-size:.95rem}.message-section p{font-size:1rem}.roles-section h2{font-size:1.3rem}.form-section h3{font-size:1.2rem}}