html,body{margin:0;padding:0;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif}.header-left{display:flex;align-items:center}.points-badge{background:#f5f5f5;color:#333;padding:8px 18px;border-radius:50px;font-size:15px;white-space:nowrap}.icon{font-size:24px;color:#666;text-decoration:none}.yellow-bar{background-color:#ffeb00;height:60px;width:100%;flex-shrink:0;display:flex;align-items:center}.social-icons{padding-left:40px;display:flex;align-items:center;gap:24px}.social-link{display:flex;align-items:center;justify-content:center;color:#222;transition:color .2s ease,transform .2s ease;text-decoration:none}.social-link:hover,.social-link:focus{color:#f25d00;transform:scale(1.12);outline:none}.social-link svg{width:24px;height:24px;transition:inherit}.main-nav{background:#fff;border-bottom:1px solid #eee;padding:16px 0}.nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;display:flex;gap:35px;justify-content:center}.main-nav a{color:#333;font-size:15px;text-decoration:none;transition:color .2s}.main-nav a:hover{color:#f25d00}.login-page{display:flex;flex-direction:column;min-height:100vh}.yellow-bar{background-color:#ffeb00;height:60px;width:100%;flex-shrink:0}.yellow-bar-bottom{background-color:#ffeb00;height:200px;width:100%;flex-shrink:0}.main-content{flex:1;display:flex;align-items:center;justify-content:center;background-color:#fff;padding-top:50px;padding-bottom:50px}.login-wrapper{display:flex;flex-direction:column;align-items:center;gap:18px;background-color:#fff;padding:50px 40px;border-radius:30px;max-width:420px;width:100%;box-shadow:0 10px 30px #0000001a;margin:0}.site-header{background-color:#fff;padding:18px 0;width:100%;box-shadow:0 2px 8px #0000000f;z-index:10}.header-inner{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.logo{height:60px;width:auto;display:block}.logo-heading{padding-left:100px;padding-right:100px}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:15px}.icon svg{display:block}.back-btn{color:#222;font-size:17px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}.back-btn:hover{color:#f25d00}.button{display:block;width:100%;max-width:320px;background-color:#f25d00;color:#fff;font-size:18px;font-weight:700;padding-top:16px;padding-bottom:16px;border-radius:50px;text-align:center;text-decoration:none;box-shadow:0 6px 15px #f25d004d;transition:all .2s ease}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #f25d0066}@media(max-width:1024px){.header-inner{padding:0 30px}.logo-heading{padding-left:40px;padding-right:40px}}@media(max-width:768px){.header-inner{padding:0 20px;gap:12px}.logo{height:46px}.logo-heading{padding-left:20px!important;padding-right:20px!important}.yellow-bar{height:48px}.yellow-bar-bottom{height:120px}.login-wrapper{padding:40px 30px;max-width:340px;border-radius:24px}}@media(max-width:375px){.yellow-bar,.yellow-bar-bottom{width:100%}.header-inner{padding:0 12px;gap:8px}.logo{height:30px}.points-badge{padding:5px 10px;font-size:12px}.logo-heading{padding-left:8px!important;padding-right:8px!important}.header-right{gap:10px}.yellow-bar-bottom{height:80px}.nav-inner{gap:9px;font-size:13px;padding:0 10px}.login-wrapper{background-color:transparent;box-shadow:none;border:none;padding:40px 30px;max-width:420px;width:100%}.title{font-size:32px;font-weight:700;color:#222;text-align:center;margin-bottom:40px}.button{font-size:16px;padding:14px 30px}.main-content{flex:1;display:flex;justify-content:center;background-color:#ffefdf;padding:60px 20px}.input-container input{width:100%;padding:16px 20px;border:1px solid #ddd;border-radius:12px;font-size:16px;box-sizing:border-box;background:#fff}.password-container input{padding-right:50px}.eye-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;cursor:pointer;-webkit-user-select:none;user-select:none}.forgot-password{color:#f25d00;font-size:15px;text-decoration:none;display:block;text-align:left;margin-bottom:30px}.register-button{background-color:#f25d00}.error-message{text-align:center;margin-top:15px;font-size:15px}}
