:root{--ink:#11231d;--navy:#102a43;--green:#123f32;--lime:#d9fa4e;--coral:#ff6b45;--blue:#4e8cff;--violet:#8268ff;--paper:#f5f7f2;--line:#dce3dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:var(--paper)}.portal-header{position:relative;z-index:10;min-height:76px;padding:12px clamp(20px,6vw,88px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8ece8}.portal-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.portal-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--green),#205d49);color:var(--lime);font:800 15px Manrope;box-shadow:0 8px 20px #123f3225}.portal-brand b{font:800 20px Manrope;letter-spacing:-.04em}.portal-brand b span{color:#4a76f0}.portal-header nav{display:flex;align-items:center;gap:6px}.portal-header nav a{padding:11px 14px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:800;transition:.2s}.portal-header nav a:hover{background:#eff3ef}.portal-header nav .portal-login{margin-left:5px;background:var(--green);color:#fff}.portal-main{position:relative;overflow:hidden;min-height:calc(100vh - 76px);padding:clamp(26px,4vw,54px) clamp(18px,7vw,108px) 38px;background:radial-gradient(circle at 92% 4%,#8268ff2b,transparent 25%),radial-gradient(circle at 8% 20%,#d9fa4e45,transparent 24%),linear-gradient(145deg,#f9fbf6,#eef3f3)}.portal-main:before,.portal-main:after{content:'';position:absolute;border-radius:50%;pointer-events:none}.portal-main:before{width:280px;height:280px;right:-120px;top:280px;background:#ff6b4517}.portal-main:after{width:200px;height:200px;left:-100px;bottom:80px;background:#4e8cff17}.portal-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:34px;align-items:end;max-width:1240px;margin:auto;padding:clamp(30px,5vw,66px);border-radius:34px;background:linear-gradient(125deg,#102a43 0%,#123f32 62%,#1c5945 100%);color:#fff;box-shadow:0 28px 80px #102a4325;overflow:hidden}.portal-hero:before{content:'';position:absolute;width:380px;height:380px;right:-110px;top:-190px;border:70px solid #d9fa4e1e;border-radius:50%}.portal-copy{position:relative;z-index:1}.eyebrow,.choice-heading span,.portal-choice>span{font-size:10px;letter-spacing:.19em;font-weight:900}.eyebrow{color:var(--lime)}.portal-copy h1{margin:12px 0 18px;line-height:.93}.portal-copy h1 strong{display:block;font:800 clamp(50px,8vw,100px) Manrope;letter-spacing:-.075em;background:linear-gradient(90deg,#fff 10%,#d9fa4e 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.portal-copy h1 small{display:flex;flex-wrap:wrap;gap:.22em;margin-top:15px;font:800 clamp(25px,3.8vw,48px) Manrope;letter-spacing:-.055em}.portal-copy h1 i,.portal-copy h1 em{font-style:normal}.portal-copy h1 i{color:var(--lime)}.portal-copy h1 em{color:#ff8b6f}.portal-copy p{max-width:700px;margin:0;color:#d4e1dc;font-size:clamp(14px,1.4vw,18px);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-actions a{min-height:50px;padding:0 20px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff45;border-radius:12px;color:#fff;text-decoration:none;font-size:13px;font-weight:900}.hero-actions a:first-child{border-color:var(--lime);background:var(--lime);color:var(--ink);box-shadow:0 10px 28px #d9fa4e2b}.hero-actions b{margin-left:12px;font-size:20px}.hero-pulse{position:relative;z-index:1;display:grid;gap:10px}.hero-pulse div{padding:18px 20px;border:1px solid #ffffff21;border-radius:16px;background:#ffffff10;backdrop-filter:blur(8px)}.hero-pulse b,.hero-pulse span{display:block}.hero-pulse b{font:800 25px Manrope;color:var(--lime)}.hero-pulse span{margin-top:3px;color:#c9d9d3;font-size:11px;font-weight:700}.choice-heading{position:relative;z-index:1;max-width:1240px;margin:42px auto 18px;display:flex;align-items:end;justify-content:space-between;gap:20px}.choice-heading span{color:#58736a}.choice-heading h2{margin:7px 0 0;font:800 clamp(28px,4vw,44px) Manrope;letter-spacing:-.05em}.choice-heading p{margin:0;color:#697770;font-size:13px}.portal-choices{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1240px;margin:auto}.portal-choice{position:relative;min-height:390px;padding:30px 34px;border:1px solid var(--line);border-radius:25px;background:#fff;color:var(--ink);text-decoration:none;overflow:hidden;box-shadow:0 16px 45px #153a2e0d;transition:transform .25s,box-shadow .25s}.portal-choice:after{content:'↗';position:absolute;right:25px;top:22px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#eff3ef;font-size:18px;font-weight:900;transition:.25s}.portal-choice:hover{transform:translateY(-7px);box-shadow:0 26px 65px #153a2e22}.portal-choice:hover:after{transform:rotate(45deg)}.portal-choice.auto{background:linear-gradient(145deg,#fff,#edf4ff);border-color:#cddcff}.portal-choice.general{background:linear-gradient(145deg,#392c71,#5b4094);color:#fff;border-color:#7059a8}.portal-choice.general:after{background:#ffffff18}.portal-choice.general>span,.portal-choice.general p{color:#ddd5f4}.portal-icon{width:140px;height:140px;margin-bottom:19px;display:grid;place-items:center;border-radius:38px;background:linear-gradient(145deg,#77a8ff,#356fe1);box-shadow:0 15px 32px #356fe136,inset 0 2px 0 #fff7;transition:.25s}.portal-choice.general .portal-icon{background:linear-gradient(145deg,#ff8c6f,#ff5d39);box-shadow:0 15px 32px #ff5d3945,inset 0 2px 0 #fff7}.portal-choice:hover .portal-icon{transform:rotate(-2deg) scale(1.04)}.portal-icon svg{width:106px;height:106px;fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.icon-shadow{fill:#102a4323;stroke:none}.icon-fill{fill:#fff}.portal-choice.general .icon-fill{fill:#fff3ac}.icon-glass{fill:#bceaf1}.icon-tire{fill:#102a43}.icon-hub{fill:var(--lime);stroke:#fff;stroke-width:3}.icon-awning,.icon-door{fill:#fff}.icon-accent{fill:var(--lime);stroke:#fff;stroke-width:4}.icon-plus{stroke:#35266b;stroke-width:5}.portal-choice h2{margin:6px 0 9px;font:800 31px Manrope;letter-spacing:-.045em}.portal-choice p{max-width:460px;margin:0;color:#68766f;font-size:13px;line-height:1.55}.portal-choice strong{position:absolute;left:34px;bottom:26px;font-size:13px}.portal-choice strong i{margin-left:8px;font-size:19px}.trust-ribbon{position:relative;z-index:1;max-width:1240px;margin:20px auto 0;padding:18px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:1px solid var(--line);border-radius:18px;background:#fff;color:#4b6259;font-size:12px;font-weight:800}.trust-ribbon span{text-align:center}.trust-ribbon span:nth-child(1){color:#3168d3}.trust-ribbon span:nth-child(2){color:#684cac}.trust-ribbon span:nth-child(3){color:#c64d31}.trust-ribbon span:nth-child(4){color:#2c7358}footer{min-height:64px;padding:14px clamp(20px,7vw,108px);display:flex;align-items:center;gap:16px;background:#fff;color:#6b7771;font-size:11px}footer b{font:800 16px Manrope;color:var(--ink)}footer span{margin-right:auto}footer nav{display:flex;gap:15px}footer a{color:var(--green);font-weight:800;text-decoration:none}@media(max-width:820px){.portal-hero{grid-template-columns:1fr}.hero-pulse{grid-template-columns:repeat(3,1fr)}.portal-choices{grid-template-columns:1fr}.choice-heading{align-items:flex-start;flex-direction:column}.portal-choice{min-height:370px}.trust-ribbon{grid-template-columns:1fr 1fr}}@media(max-width:600px){.portal-header nav a:not(.portal-login){display:none}.portal-main{padding:16px 12px 28px}.portal-hero{padding:30px 20px;border-radius:22px}.portal-copy h1 strong{font-size:49px}.portal-copy h1 small{font-size:28px}.hero-actions{display:grid}.hero-actions a{width:100%}.hero-pulse{grid-template-columns:1fr 1fr}.hero-pulse div:last-child{grid-column:1/-1}.choice-heading{margin-top:30px}.portal-choice{min-height:350px;padding:25px 22px}.portal-choice strong{left:22px}.portal-icon{width:118px;height:118px}.portal-icon svg{width:90px;height:90px}.trust-ribbon{grid-template-columns:1fr}footer{align-items:flex-start;flex-wrap:wrap}footer span{width:100%;order:2}footer nav{margin-left:auto}}@media(max-width:370px){.portal-brand b{font-size:18px}.portal-copy h1 strong{font-size:42px}.portal-copy h1 small{font-size:24px}.portal-choice{min-height:335px}}