*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh;background:radial-gradient(circle at top left,rgba(47,150,55,.14),transparent 34%),radial-gradient(circle at bottom right,rgba(242,126,20,.13),transparent 34%),linear-gradient(135deg,#f5faf6,#eef4f9);color:#243746}
a{text-decoration:none}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px}
.card{width:100%;max-width:1080px;background:#fff;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:43% 57%;box-shadow:0 25px 70px rgba(0,35,75,.17)}
.brand{position:relative;overflow:hidden;padding:45px;color:#fff;background:linear-gradient(145deg,#06366d 0%,#092c61 56%,#0b542d 100%);display:flex;align-items:center}
.brand:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:rgba(64,174,55,.19);top:-180px;left:-180px}
.brand:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(244,132,22,.12);right:-170px;bottom:-175px}
.brand-inner{position:relative;z-index:2}.logo{width:145px;height:145px;border-radius:50%;background:#fff;border:6px solid #45a936;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.25);margin-bottom:25px}
.logo img{width:100%;height:100%;object-fit:contain}.logo-fallback{font-size:52px;font-weight:900;color:#17833a}
.brand h1{font-size:34px;line-height:1.05;font-weight:900}.brand h1 span{color:#58b63b}.brand .sub{font-size:14px;letter-spacing:2.2px;color:#f5b72b;font-weight:800;margin-top:10px}
.line{width:78px;height:4px;border-radius:10px;background:#f1841b;margin:20px 0}.tagline{font-size:15px;line-height:1.7;color:rgba(255,255,255,.92);max-width:410px}
.points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.point{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700}.point i{font-style:normal;width:30px;height:30px;border-radius:50%;background:#fff;color:#14813a;display:flex;align-items:center;justify-content:center}
.form-area{padding:42px 55px;display:flex;flex-direction:column;justify-content:center}.heading{text-align:center;margin-bottom:24px}.heading h2{font-size:29px;color:#07366e;font-weight:900}.heading p{font-size:14px;color:#777;margin-top:7px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.group{margin-bottom:2px}.group label{display:block;font-size:13.5px;font-weight:800;color:#263746;margin-bottom:7px}
.input{position:relative}.input .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;color:#15833a}
.input input,.input select,.input textarea{width:100%;border:1px solid #dce5e0;background:#fbfdfc;border-radius:11px;outline:none;font-size:14px;color:#263746;transition:.25s}
.input input,.input select{height:49px;padding:0 42px}.input textarea{min-height:85px;padding:12px 42px;resize:vertical}
.input input:focus,.input select:focus,.input textarea:focus{border-color:#16813b;background:#fff;box-shadow:0 0 0 4px rgba(22,129,59,.08)}
.toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:15px;color:#777}
.options{display:flex;justify-content:space-between;align-items:center;margin:17px 0 20px;font-size:13px}.remember{display:flex;align-items:center;gap:7px;color:#555}.remember input,.terms input{accent-color:#16833b}.forgot{color:#0a4c89;font-weight:800}
.btn{width:100%;height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,#07366e,#15823a);color:#fff;font-size:15px;font-weight:900;letter-spacing:.4px;cursor:pointer;box-shadow:0 10px 22px rgba(9,78,92,.2);transition:.25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(9,78,92,.27)}.bottom{text-align:center;margin-top:20px;font-size:13.5px;color:#777}.bottom a{color:#13813a;font-weight:900}
.security{margin-top:18px;padding:11px 14px;background:#f2f8f2;border-left:4px solid #16833b;border-radius:8px;color:#52705a;font-size:12px;line-height:1.5}
.terms{display:flex;gap:8px;align-items:flex-start;margin:17px 0 20px;font-size:12.5px;color:#666;line-height:1.45}.terms a{color:#0a4c89;font-weight:700}
.note{padding:11px 13px;background:#f7fbff;border:1px solid #e0ebf4;border-radius:9px;color:#637482;font-size:12px;margin-bottom:16px}
@media(max-width:850px){.card{grid-template-columns:1fr;max-width:600px}.brand{padding:32px;min-height:360px}.form-area{padding:35px 30px}}
@media(max-width:520px){.page{padding:12px}.card{border-radius:18px}.brand{padding:28px 22px;min-height:335px}.logo{width:105px;height:105px}.brand h1{font-size:27px}.points{grid-template-columns:1fr}.form-area{padding:30px 20px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.heading h2{font-size:25px}}