body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#4c5d65;color:#fff} .page{display:flex;min-height:100vh}.sidebar{width:360px;padding:28px}.logo-box{display:flex;align-items:flex-start;gap:12px}.shield{width:90px;height:120px;background:#eee;color:#1d7a47;border:2px solid #333;display:flex;align-items:center;justify-content:center;font-size:52px}.school span{font-size:28px;display:block;color:#222}.school strong{font-size:40px;color:#111}.welcome{margin-top:20px;font-size:20px;font-weight:700}.welcome hr{margin-top:10px}.content{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:220px}.content h1{font-weight:300;font-size:58px;text-shadow:0 1px 2px #000}.login-card{width:420px;background:#37444d;box-shadow:0 2px 12px rgba(0,0,0,.4)}.field{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid #64727b}.field input{flex:1;background:transparent;border:none;color:white;outline:none}.remember{display:block;padding:16px 18px}.login-card button{margin:0 18px 18px;width:calc(100% - 36px);background:#1183d6;color:white;border:none;padding:14px;border-radius:3px;font-size:18px}