:root{--portal-ink:#173d36;--portal-paper:#f7f6f0;--portal-line:#dbe4df}*{box-sizing:border-box}.portal-shell{min-height:100vh;color:var(--portal-ink);background:radial-gradient(circle at 50% 8%,#eef6f2 0,transparent 34%),var(--portal-paper);padding:0 clamp(18px,5vw,70px) 34px}.portal-header{border-bottom:1px solid var(--portal-line);justify-content:space-between;align-items:center;height:86px;display:flex}.portal-logo{align-items:center;gap:12px;display:flex}.portal-logo>i{color:#d09d33;border:1px solid #78a79a;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;font-style:normal;display:grid}.portal-logo div{flex-direction:column;display:flex}.portal-logo strong{letter-spacing:.04em;font-size:17px}.portal-logo span{color:#628178;letter-spacing:.13em;margin-top:3px;font-size:8px;font-weight:850}.portal-owner{color:#789089;font-size:10px}.portal-hero{text-align:center;max-width:760px;margin:clamp(36px,7vh,72px) auto 30px}.portal-compass{background:#fff;border:1px solid #80a79d;border-radius:50%;place-items:center;width:78px;height:78px;margin:0 auto 22px;display:grid;position:relative;box-shadow:0 10px 25px #24544714}.portal-compass:before,.portal-compass:after{content:"";background:#b3c8c1;position:absolute}.portal-compass:before{width:1px;height:58px}.portal-compass:after{width:58px;height:1px}.portal-compass i{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(#d6a33e 0 50%,#2a7162 50%);width:20px;height:42px;position:absolute;transform:rotate(28deg)}.portal-compass b{z-index:1;color:#fff;background:#245f50;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;display:grid;position:relative}.portal-hero>span{color:#4f8073;letter-spacing:.16em;font-size:9px;font-weight:900}.portal-hero h1{color:#173d36;letter-spacing:-.045em;margin:10px 0 11px;font-size:clamp(34px,5vw,58px);line-height:1}.portal-hero p{color:#667c75;max-width:680px;margin:0 auto;font-size:14px;line-height:1.65}.portal-continue{color:#2c6759;background:#edf6f1;border:1px solid #cbded6;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;width:min(100%,900px);margin:0 auto 14px;padding:13px 17px;text-decoration:none;display:flex}.portal-continue span{font-size:10px}.portal-continue strong{font-size:12px}.portal-continue b{margin-left:7px}.portal-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,1120px);margin:0 auto;display:grid}.portal-role-card{border:1px solid var(--portal-line);min-height:280px;color:inherit;background:#fff;border-radius:22px;flex-direction:column;padding:25px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 35px #22443b12}.portal-role-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px #22443b1f}.portal-role-card:after{content:"";opacity:.12;border-radius:50%;width:145px;height:145px;position:absolute;top:-48px;right:-48px}.portal-role-card>i{color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:28px;font-size:22px;font-style:normal;display:grid}.portal-role-card>span{letter-spacing:.15em;font-size:8px;font-weight:900}.portal-role-card h2{letter-spacing:-.025em;margin:7px 0 9px;font-size:25px}.portal-role-card p{color:#6a7d77;margin:0;font-size:12px;line-height:1.55}.portal-role-card>strong{margin-top:auto;padding-top:23px;font-size:11px}.portal-role-card>strong b{margin-left:6px}.portal-role-card.student>i,.portal-role-card.student:after{background:#477e70}.portal-role-card.student>span,.portal-role-card.student>strong{color:#397365}.portal-role-card.teacher>i,.portal-role-card.teacher:after{background:#176b6b}.portal-role-card.teacher{border-top:4px solid #17324d}.portal-role-card.teacher>span,.portal-role-card.teacher>strong{color:#176b6b}.portal-role-card.parent>i,.portal-role-card.parent:after{background:#a85f48}.portal-role-card.parent{background:#fffdfa}.portal-role-card.parent>span,.portal-role-card.parent>strong{color:#9a533f}.portal-footer{color:#788a84;justify-content:space-between;gap:20px;width:min(100%,1120px);margin:18px auto 0;font-size:9px;display:flex}.portal-footer strong{color:#5a746c}@media (width<=780px){.portal-header{height:72px}.portal-owner{display:none}.portal-hero{margin:30px auto 24px}.portal-role-grid{grid-template-columns:1fr}.portal-role-card{min-height:220px}.portal-role-card>i{margin-bottom:20px}.portal-continue,.portal-footer{flex-direction:column;align-items:flex-start}.portal-footer{gap:4px}}@media (width<=420px){.portal-shell{padding:0 14px 28px}.portal-logo span{max-width:190px}.portal-compass{width:68px;height:68px}.portal-hero h1{font-size:36px}.portal-hero p{font-size:12px}.portal-role-card{border-radius:18px;padding:21px}}