.main-navbar{z-index:20;width:100%;position:absolute;top:20px}.navbar-inner{background:#fff;border-radius:50px;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 8px 30px #0000001a}.navbar-brand{color:#000;text-decoration:none}.logo-text{line-height:1.2}.logo-text small{color:#666;font-size:12px}.nav-menu{gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav-menu a{color:#333;font-weight:500;text-decoration:none}.nav-menu a.active{color:#e53935}@media (max-width:991px){.nav-menu{display:none}}.hero-section{background:url(/bg-overlay.png) 50%/cover no-repeat;align-items:center;padding:100px 0 60px;display:flex;position:relative}.hero-section:before{content:"";z-index:1;background:linear-gradient(#fff0 10.9%,#fffffff2 74.16%,#fff 79.67%);height:40px;position:absolute;bottom:0;left:0;right:0}.hero-section>*{z-index:2;position:relative}.hero-title{font-size:60px;font-weight:800}.hero-badge{color:#fff;background:#da1f26;border-radius:10px;width:fit-content;margin-top:10px;padding:5px 25px;font-size:50px;font-weight:800;display:inline-block}.hero-desc{max-width:520px;font-size:1.05rem}@media (max-width:768px){.hero-title{font-size:2.3rem}.main-navbar{background:#000;position:relative}}.sign-up-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:0%;background:linear-gradient(89.97deg,#da1f26 .03%,#ff5259 81.44%);border:none;border-radius:100px;padding:7px 24px;font-size:16px;font-weight:600;line-height:150%}.hero-right img{height:570px}.learn-btn{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#1e85fb;border-radius:18px;padding:10px 20px;font-size:24px;font-weight:800;text-decoration:none;transition:all .15s;display:inline-block;position:relative;box-shadow:0 6px #2f56b8,0 12px 20px #00000040}.play-icon{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:14px solid #fff;width:0;height:0;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.learn-btn:hover{color:#fff;transform:translateY(1px);box-shadow:0 5px #2f56b8,0 10px 16px #00000040}.learn-btn:active{transform:translateY(6px);box-shadow:0 2px #2f56b8,0 4px 8px #0003}.shape-pill{color:#fff;width:338px;height:100px;clip-path:path("M 0 20 A 20 20 0 0 1 20 0 L 297 0 A 14 14 0 0 1 307 4 L 332 40 A 18 18 0 0 1 332 60 L 307 96 A 14 14 0 0 1 297 100 L 20 100 A 20 20 0 0 1 0 80 Z");background:#da1f26;border-top-left-radius:16px;border-bottom-left-radius:16px;justify-content:center;align-items:center;font-size:60px;font-weight:800;display:inline-flex;box-shadow:0 6px 18px #da1f2673}@media (max-width:1024px){.shape-pill{font-size:clamp(30px,11vw,60px)}}@media (max-width:768px){.shape-pill{width:100%;max-width:300px;height:auto;min-height:80px;clip-path:path("M 0 16 A 16 16 0 0 1 16 0 L 263 0 A 14 14 0 0 1 273 4 L 294 32 A 14 14 0 0 1 294 48 L 273 76 A 14 14 0 0 1 263 80 L 16 80 A 16 16 0 0 1 0 64 Z");padding:0 0 10px;font-size:clamp(30px,9vw,50px)}}
.custom-login-modal .modal-dialog{width:100%;margin:1rem auto}.custom-login-modal.modal{align-items:center;display:flex}.custom-login-modal .modal-content{border:none;border-radius:18px;max-height:calc(100vh - 2rem);overflow:hidden}.custom-login-modal .modal-body{padding:0;overflow:auto}.login-modal{height:100%;min-height:650px;display:flex}.panel-left{background:#dff1ff;flex:50%;min-height:260px;position:relative}.left-bg{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.logo-card{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 6px 20px #00000026}.panel-right{background:#fbfbfb;flex:50%;justify-content:center;align-items:flex-start;padding:50px;display:flex;box-shadow:0 -2px 10px #00000008}.form-wrapper{flex-direction:column;width:100%;max-width:420px;display:flex}.auth-tabs{background:#f0f0f0;border-radius:999px;gap:10px;width:fit-content;margin:0 auto 22px;padding:6px;display:flex}.auth-tab{color:#6b6b6b;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.auth-tab.active{color:#2a2a2a;background:#fff;box-shadow:0 4px 10px #00000014}.auth-logo{justify-content:center;margin-bottom:8px;display:flex}.auth-title{text-align:center;color:#e53935;margin-bottom:18px;font-size:22px;font-weight:800}.register-form{width:100%;padding-top:6px}.avatar-upload{background:#ddd;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 25px;display:flex;position:relative;overflow:hidden}.camera{color:#fff;cursor:pointer;background:#ff3b3b;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;display:flex;position:absolute;bottom:0;right:0}.camera svg{width:18px!important}.avatar-upload img{object-fit:cover;border-radius:50%;width:100%;height:100%}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#6e6e6e;letter-spacing:.2px;font-size:14px;font-weight:400}.req{color:#ff3b3b;margin-left:2px}.form-grid input,.form-grid select{color:#3a3a3a;background:#f2f2f2;border:none;border-radius:8px;height:38px;padding:0 12px;font-size:13px}.form-grid input::placeholder,.form-grid select{color:#6e6e6e}.field.has-icon{position:relative}.field.has-icon input{padding-right:34px}.input-icon-btn{color:#8c8c8c;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;bottom:6px;right:6px}.input-icon-btn:hover{color:#5f5f5f}.login-form .field{margin-bottom:16px}.login-form input{color:#3a3a3a;background:#f2f2f2;border:none;border-radius:8px;height:40px;padding:0 12px;font-size:13px}.login-form{width:100%}.login-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.form-error{color:#d32f2f;text-align:center;margin-top:10px;font-size:12px}.form-success{color:#1b8d3b;text-align:center;margin-top:10px;font-size:12px}.remember-me{color:#6e6e6e;align-items:center;gap:8px;font-size:12px;display:flex}.remember-me input{accent-color:#2f63ff;width:16px;height:16px}.forgot-btn{color:#e53935;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.login-btn{color:#fff;background:#2f63ff;border:none;border-radius:7px;padding:10px 22px;font-size:18px;font-weight:900;box-shadow:0 4px #1f49cc}.btn-row{justify-content:flex-end;margin-top:18px;display:flex}.register-btn{color:#fff;background:#2f63ff;border:none;border-radius:7px;padding:10px 22px;font-size:24px;font-weight:900;box-shadow:0 4px #1f49cc}@media (max-width:1200px){.login-modal{min-height:600px}.panel-right{padding:40px}}@media (max-width:992px){.custom-login-modal .modal-dialog{max-width:860px}.panel-right{padding:32px}.form-grid{gap:12px}}@media (max-width:768px){.custom-login-modal .modal-dialog{margin:.75rem}.login-modal{flex-direction:column;height:auto;min-height:0}.panel-left{width:100%;min-height:220px}.panel-right{width:100%;padding:24px}.form-grid{grid-template-columns:1fr}.btn-row{justify-content:stretch}.register-btn,.login-btn{width:100%}.custom-login-modal .modal-content{border-radius:14px}}@media (max-width:576px){.custom-login-modal .modal-dialog{margin:.5rem}.panel-left{min-height:180px}.logo-card{padding:8px 12px;top:12px;left:12px}.avatar-upload{width:72px;height:72px;margin-bottom:18px}.camera{width:24px;height:24px;font-size:12px}.form-grid input,.form-grid select{height:38px;font-size:12px}.field label{font-size:11px}.panel-right{padding:18px}}
.footer{background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;font-size:14px;box-shadow:0 4px 24px #00000014}.footer .row{align-items:flex-start}.footer-left{flex-direction:column;justify-content:center;display:flex}.footer-brand img{height:70px;margin-bottom:18px}.social-icons{gap:10px;display:flex}.social-icons a{color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;transition:all .25s;display:flex}.social-icons a:hover{transform:translateY(-3px)}.footer-title{color:#da1f26;margin-bottom:18px;font-weight:500}.footer-links{padding:0;list-style:none}.footer-links li{color:#333;cursor:pointer;margin-bottom:8px;font-size:16px;font-weight:400;transition:all .2s}.footer-links li:hover{color:#d32f2f;padding-left:4px}.contact-item{align-items:center;gap:10px;display:flex}.icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.phone{color:#d32f2f;background:#ffdede}.mail{color:#ff9800;background:#fff3cd}.contact-item small{color:#777}.contact-item p{margin:0;font-weight:500}.footer-bottom{color:#fff;background:#e31e24;padding:12px 0;font-size:13px}.footer-bottom-inner{justify-content:space-between;align-items:center;display:flex}@media (max-width:768px){.footer-left{text-align:center;align-items:center}.social-icons{justify-content:center}.footer-bottom-inner{text-align:center;flex-direction:column;gap:6px}}