:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b29;background:#f8faf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.layout{display:flex;min-height:100vh;min-height:100svh}.brand{width:50%;background:linear-gradient(140deg,#063e35 0%,#09624e 58%,#168063 100%);color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px}.brand>*:not(.grid-art){position:relative;z-index:1}.grid-art{position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:120px 120px;transform:rotate(-14deg) scale(1.5);opacity:.45;mask-image:linear-gradient(transparent,#000,transparent)}.wordmark,.mobile-brand{display:flex;align-items:center;gap:14px;font-size:18px}.mark{display:inline-flex;align-items:center;justify-content:center;height:44px;width:52px;border-radius:12px;background:#ffffff26;font-size:14px;font-weight:750;letter-spacing:.03em}.muted{color:#cae3d8}.intro{padding:76px 0;max-width:530px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;margin:0 0 22px;color:#b8d7ca}.intro h2{font-size:clamp(32px,3.8vw,56px);line-height:1.13;letter-spacing:-.04em;margin:0 0 25px;font-weight:650}.intro>p:last-child{font-size:18px;line-height:1.7;color:#cde4da;max-width:420px;margin:0}.topics{display:flex;gap:30px}.topics strong,.topics span{display:block}.topics strong{font-size:15px;font-weight:600;margin-bottom:9px}.topics span{font-size:13px;color:#c2dbd0}.content{width:50%;display:flex;align-items:center;justify-content:center;padding:48px}.card{width:100%;max-width:400px}.accent{color:#23715d;margin-bottom:14px}h1{font-size:29px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:anywhere}.subtitle{color:#64716c;font-size:15px;line-height:1.65;margin:0 0 34px;overflow-wrap:anywhere}.button{display:flex;align-items:center;justify-content:center;gap:13px;background:white;border:1px solid #d9e1dd;border-radius:12px;padding:16px 20px;text-decoration:none;color:#33483f;font-size:14px;font-weight:600;box-shadow:0 2px 3px #172b2905;transition:background .15s,border-color .15s}.button:hover{background:#eef3f0;border-color:#91b4a4}.button.primary{background:#09624e;color:white;border-color:#09624e}.button.primary:hover{background:#064a3b}:focus-visible{outline:3px solid #2a946f;outline-offset:4px}.hint{font-size:12px;line-height:1.7;color:#68766f;margin:23px 0 0}.centered{text-align:center}footer{margin-top:64px;text-align:center;font-size:12px;color:#78877f}footer span{margin:0 7px}.notice{font-size:14px;line-height:1.6;border:1px solid #e8dba5;border-radius:10px;padding:16px;background:#fffbed;color:#655324}.notice.error{background:#fff2ef;border-color:#f0cdc3;color:#8b3427}.logout{font:inherit;font-size:13px;color:#386152;background:none;border:0;padding:8px 0;cursor:pointer;margin-top:20px;text-decoration:underline}.mobile-brand{display:none}@media(min-width:1600px){.brand{padding:64px 80px}}@media(max-width:1000px){.topics{gap:18px}.topics strong{font-size:13px}.brand{padding:36px}.content{padding:36px}}@media(max-width:760px){.brand{display:none}.content{width:100%;padding:40px 24px}.mobile-brand{display:flex;margin-bottom:64px;font-size:17px}.mobile-brand .mark{background:#09624e;color:#fff}.accent{display:none}.card{max-width:420px}footer{margin-top:56px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}