.portal-login{min-height:100vh;margin:0;padding:48px 32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 10% 85%,#dbefe6,transparent 48%),#f5f8f6;color:#173f35;font-family:"Segoe UI",Arial,sans-serif}
.portal-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:100px;width:100%;max-width:1120px}.portal-art{position:relative;min-height:610px;display:flex;flex-direction:column;overflow:hidden}.art-brand{display:flex;align-items:center;gap:13px;font-size:23px;letter-spacing:2px}.art-brand strong{overflow-wrap:anywhere}.art-logo,.portal-mark{display:grid;place-items:center;width:42px;height:42px;background:#087a58;color:white;border-radius:12px;font-size:24px;font-weight:750;flex-shrink:0}.art-copy{position:relative;z-index:2;margin-top:65px}.art-copy>span{font-size:10px;letter-spacing:3px;color:#608377;font-weight:700}.art-copy h2{font-size:57px;line-height:1.1;letter-spacing:-2px;margin-top:17px;font-weight:650}.art-copy p{font-size:15px;color:#74887e;margin-top:20px}.art-foot{position:absolute;bottom:10px;color:#6b8578;font-size:12px;letter-spacing:1px}.sculpture{position:absolute;width:310px;height:280px;bottom:28px;right:20px;transform:rotate(-23deg)}.sculpture i{position:absolute;inset:25px 65px;border:32px solid transparent;border-radius:70px;background:linear-gradient(145deg,#d9fff0aa,#008861,#064d39) border-box;box-shadow:inset 10px 9px 18px #a2ffd288,inset -15px -12px 24px #004b37,14px 24px 32px #03573725;transform:rotate(36deg)}.sculpture i:nth-child(2){transform:translate(44px,-16px) rotate(67deg);opacity:.85}.sculpture i:nth-child(3){transform:translate(-34px,25px) rotate(10deg);opacity:.6}
.portal-card{width:100%;max-width:470px;background:#fff;border:1px solid #e0eae4;border-radius:25px;box-shadow:0 25px 70px #163d2810,0 3px 10px #163d2805;padding:35px 39px;position:relative}.portal-head{display:flex;align-items:center;gap:10px;margin-bottom:36px;font-size:17px;letter-spacing:1.6px;overflow-wrap:anywhere}.portal-mark{width:32px;height:32px;font-size:18px;border-radius:9px}.portal-badge{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.7px;color:#168663;font-weight:700;margin-bottom:14px}.portal-badge svg{width:15px;height:15px}.portal-body h1{font-size:32px;letter-spacing:-1px;color:#193d31}.portal-body>p{font-size:13px;color:#87958d;margin:9px 0 29px}.portal-body label{display:block;font-size:12px;font-weight:650;color:#3c5548;margin:19px 0 8px}.portal-input{display:flex;align-items:center;gap:10px;padding:0 15px;height:51px;border:1px solid #dfe8e2;border-radius:10px;background:#fbfdfb}.portal-input:focus-within{border-color:#139d73;box-shadow:0 0 0 3px #139d7314}.portal-input svg{width:17px;height:17px;color:#8a9e92}.portal-input input{border:0;background:transparent;min-width:0;flex:1;width:100%;outline:none;padding:0;color:#244335;font-size:13px}.portal-input input::placeholder{color:#a2ada6}.portal-input button{background:none;border:0;color:#087c57;font-size:11px;padding:8px 0}.portal-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:51px;border:0;border-radius:10px;background:linear-gradient(100deg,#07885f,#067650);color:white;font-weight:650;font-size:14px;margin-top:25px;box-shadow:0 7px 16px #087c5720}.portal-submit:hover{filter:brightness(1.07)}.portal-submit svg{width:17px;height:17px}.portal-downloads{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.portal-downloads a,.portal-downloads span{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e2eae5;border-radius:9px;min-height:41px;padding:8px 4px;color:#46705b;font-size:10px;font-weight:600}.portal-downloads span{opacity:.55;cursor:not-allowed}.portal-downloads a:hover{background:#eef8f2}.portal-downloads svg{width:14px;height:14px}.portal-help{font-size:10px;text-align:center;color:#97a39b;border-top:1px solid #edf1ee;padding-top:19px;margin-top:22px}.portal-footer{margin-top:32px;color:#8b9e91;font-size:10px;letter-spacing:1.2px}.portal-body .alert{font-size:12px;margin-bottom:15px;background:#fff0ef;color:#9c3029;border:1px solid #efd5d2;border-radius:9px;padding:12px}
@media(max-width:900px){.portal-layout{gap:40px}.art-copy h2{font-size:45px}.sculpture{right:-20px;width:250px}.portal-card{padding:30px}.portal-art{min-height:580px}}@media(max-width:680px){.portal-login{padding:28px 18px}.portal-layout{display:block;max-width:440px}.portal-art{display:none}.portal-card{max-width:none;padding:28px 25px;border-radius:22px}.portal-head{margin-bottom:29px}.portal-body h1{font-size:30px}.portal-footer{margin-top:24px}}