/* ERETH ELD V5 — public light design system. Self-contained; no frameworks. */
:root{--ink:#162139;--muted:#6b7587;--line:#e8edf1;--green:#43d739;--green2:#64f443;--green-dark:#168d29;--pale:#f5faf7;--blue:#2686e8;--white:#fff;--shadow:0 12px 40px rgba(27,46,65,.075);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #63c9ff;outline-offset:2px}.container{width:min(1420px,calc(100% - 74px));margin-inline:auto}
.site-header{height:77px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid #eaf0f2}.nav-row{display:flex;align-items:center;gap:38px;height:100%}.brand{display:inline-flex;align-items:center;gap:11px;font-size:26px;letter-spacing:-1.5px;font-weight:850;white-space:nowrap}.brand b{color:#35c331}.brand-symbol{width:29px;display:grid;gap:3px;transform:skew(-13deg)}.brand-symbol i{display:block;height:7px;background:linear-gradient(90deg,#0fbc34,#90f66b);border-radius:1px 5px 1px 5px}.brand-symbol i:nth-child(2){margin-left:5px}.brand-symbol i:nth-child(3){margin-right:5px}.site-nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:650;color:#334052}.site-nav a:hover,.text-link:hover{color:var(--green-dark)}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:11px;padding:14px 22px;border:1px solid transparent;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-lime{background:linear-gradient(110deg,#5af23e,#48dc36);color:#112818;box-shadow:0 9px 20px rgba(77,220,57,.21)}.btn-lime:hover{box-shadow:0 12px 25px rgba(77,220,57,.27)}.btn-outline{background:#fff;border:1px solid #cfd9e0}.btn-outline:hover{background:#f8fcfa}.nav-cta{padding:10px 19px;border:1px solid #b2eea9;background:#effeec;color:#192a20}.menu-toggle{display:none;margin-left:auto;background:#effce9;border:0;border-radius:10px;padding:9px 12px;font-size:22px;line-height:1}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:750;border-radius:999px;color:#167a30;background:#eafaeb;letter-spacing:.015em}.eyebrow::before{content:'✦';font-size:12px}.hero{background:radial-gradient(ellipse 60% 80% at 85% 15%,#e7f6ff 0%,rgba(231,246,255,0) 75%),linear-gradient(130deg,#fff 30%,#f1fbf1 100%);overflow:hidden}.hero-wrap{display:grid;grid-template-columns:45% 55%;min-height:590px;align-items:center;gap:0;padding:67px 0 52px}.hero h1{font-size:clamp(42px,4.3vw,70px);line-height:1.095;letter-spacing:-3.5px;font-weight:840;margin:22px 0}.hero h1 em,.section-heading em{color:#45c946;font-style:normal}.hero p{font-size:16px;line-height:1.85;color:#4d5d6f;max-width:535px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{margin-right:-6vw;margin-left:12px;position:relative}.hero-visual img{width:100%;height:450px;object-fit:cover;object-position:center;display:block;border-radius:24px 0 0 24px;filter:drop-shadow(0 26px 35px rgba(33,54,76,.14))}.visual-badge{position:absolute;bottom:18px;left:17px;background:rgba(255,255,255,.94);border:1px solid #e2e9ee;border-radius:10px;padding:10px 13px;box-shadow:var(--shadow);font-size:11px;color:var(--muted);font-weight:600}.visual-badge strong{display:block;font-size:12px;color:var(--ink)}.fine{font-size:11px;color:#84919b;margin-top:18px!important}.features-ribbon{border-bottom:1px solid var(--line);background:#fff}.ribbon-row{display:grid;grid-template-columns:repeat(6,1fr);padding:21px 0;gap:10px}.ribbon-item{display:flex;align-items:center;gap:11px;padding:7px 12px;border-right:1px solid #e6eef1;font-size:12px;font-weight:750;line-height:1.35}.ribbon-item:last-child{border:0}.ribbon-item span{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:14px;background:#e9fae9;color:#21a631;font-size:22px}.ribbon-item small{display:block;font-size:10px;color:var(--muted);font-weight:500;margin-top:3px}.section{padding:82px 0}.section-heading h2{font-size:clamp(29px,2.6vw,43px);line-height:1.14;letter-spacing:-1.5px;margin:0 0 10px}.section-heading p{color:var(--muted);font-size:15px;line-height:1.75}.section-heading.center{text-align:center}.section-heading.center p{margin-inline:auto;max-width:680px}.section-heading.split{display:flex;justify-content:space-between;align-items:end;gap:20px}.text-link{color:var(--green-dark);font-size:13px;font-weight:750}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.feature-card{border-radius:16px;background:white;border:1px solid #e8edf2;padding:25px 25px 23px;min-height:208px;transition:box-shadow .16s,transform .16s}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.feature-icon{display:grid;place-items:center;height:48px;width:48px;border-radius:14px;background:#e8fae9;color:#1eac33;font-size:22px;margin-bottom:18px}.feature-card h3{font-size:17px;letter-spacing:-.45px;margin-bottom:8px}.feature-card p{font-size:13px;line-height:1.75;color:var(--muted);margin-bottom:13px}.feature-card a{font-size:12px;color:var(--green-dark);font-weight:750}.soft{background:#f7fbfc}.platform-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.platform-image{border-radius:22px;overflow:hidden;background:#eaf4ec;border:1px solid #e2eee6;box-shadow:0 25px 65px rgba(29,45,52,.12)}.platform-image img{width:100%;display:block}.pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.pill{padding:16px 17px;background:#fff;border:1px solid #e5eded;border-radius:13px}.pill b{display:block;margin-bottom:5px;font-size:13px}.pill small{font-size:12px;line-height:1.55;color:var(--muted)}.onroad{background:linear-gradient(120deg,#edfaed,#fff 70%)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.step{border:1px solid #e3eae7;border-radius:16px;padding:28px}.step>span{font-size:12px;color:#15952b;font-weight:800}.step h3{margin:18px 0 9px;font-size:18px}.step p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#17293a;border-radius:22px;padding:38px 44px;color:#fff}.cta-box h2{font-size:32px;letter-spacing:-1px;margin:0 0 7px}.cta-box p{color:#b9c8d4;margin:0}.site-footer{border-top:1px solid var(--line);padding:35px 0 28px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row .brand{font-size:21px}.footer-links{display:flex;gap:24px;font-size:12px;color:#677585}.footer-bottom{margin-top:26px;color:#87929d;font-size:11px;display:flex;justify-content:space-between;gap:10px}
/* Light auth: marketing pane and preserved registration behavior */
.auth-main{min-height:calc(100vh - 77px);background:linear-gradient(135deg,#f6fbff,#fff 43%,#edf9ec);padding:48px 0 70px}.auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:50px;align-items:center}.auth-promo h1{font-size:clamp(38px,3.8vw,57px);line-height:1.13;letter-spacing:-2.5px;margin:22px 0 15px}.auth-promo p{line-height:1.7;color:#647285;max-width:560px}.promo-art{width:100%;border-radius:18px;margin-top:25px;box-shadow:0 15px 45px rgba(32,47,67,.11)}.promo-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:27px}.promo-points div{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:650}.promo-points span{color:#28b536;background:#def7df;border-radius:12px;width:37px;height:37px;display:grid;place-items:center;font-size:19px}.auth-card{background:white;border:1px solid #e4eced;box-shadow:var(--shadow);padding:39px 42px;border-radius:22px}.auth-card h2{font-size:29px;letter-spacing:-1.1px;margin:15px 0 7px}.auth-card>.sub{font-size:13px;color:var(--muted);line-height:1.7}.step-indicator{display:flex;gap:9px;margin-bottom:28px;font-size:11px;color:#8895a5}.step-indicator b{color:#1b9d29;background:#dffbde;border-radius:20px;padding:7px 12px}.step-indicator span{padding:7px 9px}.auth-card label{font-size:12px;font-weight:690;display:block;margin:0 0 7px}.auth-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.auth-card .form-row.single{grid-template-columns:1fr}.auth-card .form-group{margin-bottom:15px}.auth-card .req{color:#d72828}.auth-card .form-input,.auth-card .form-select{width:100%;height:44px;border:1px solid #dbe4e9;background:#fff;border-radius:9px;color:#1d3042;padding:0 13px;outline:0;font-size:13px}.auth-card .form-input:focus,.auth-card .form-select:focus{border-color:#45cf42;box-shadow:0 0 0 3px rgba(74,228,53,.11)}.auth-card .pw-wrap{position:relative}.auth-card .pw-toggle{position:absolute;right:7px;top:6px;background:none;border:0;color:#778391;padding:7px}.auth-card .pw-wrap input{padding-right:42px}.auth-card .tos-row{display:flex;align-items:flex-start;gap:10px;margin:17px 0 20px;font-size:12px}.auth-card .tos-row label{font-weight:450;color:#657385;line-height:1.6}.auth-card .tos-row a{color:#149d2f;text-decoration:underline}.auth-card input[type=checkbox]{accent-color:#36c93a;flex-shrink:0;margin-top:3px}.auth-card .btn-submit{width:100%;height:48px;background:#50e441;color:#132c1b;border:0;border-radius:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px}.auth-card .spinner{display:none;width:17px;height:17px;border:2px solid #aff1b3;border-top-color:#146d1d;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-card .err-box{display:none;background:#fff0f0;color:#9e2828;border:1px solid #ffcdcd;border-radius:9px;padding:11px;margin:15px 0;font-size:12px}.auth-card .card-footer{text-align:center;margin-top:17px;font-size:12px;color:#697685;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.auth-card .card-footer span,.auth-card .card-footer a:hover{color:#199d2e}.auth-card .success-card{display:none;text-align:center;padding:15px 0}.auth-card .success-icon{font-size:46px}.auth-card .success-title{font-size:25px;font-weight:800;margin:12px 0}.auth-card .success-sub,.auth-card .success-note,.auth-card .success-email-note{font-size:13px;line-height:1.65;color:#6b7888;margin:10px 0}.auth-card .success-username{font-weight:750;background:#f1faf1;padding:13px;border-radius:9px}.auth-card .success-btns{display:flex;gap:10px;justify-content:center;margin:20px 0}.auth-card .btn-success{background:#e7fbe5;padding:11px 14px;border-radius:9px;font-weight:700;font-size:12px}.auth-card .btn-success-primary{background:#4be13a;color:#172e21}.auth-card .hint{font-size:12px;color:#8895a5;margin-top:12px}.login-card{max-width:600px;margin-inline:auto}.role-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.role-card{border:1px solid #dae4e8;border-radius:13px;padding:18px;display:flex;flex-direction:column;gap:7px;font-size:13px;transition:.2s}.role-card:hover{border-color:#45d445;background:#f4fff2}.role-card strong{font-size:16px}.role-card span{font-size:11px;color:#738294;line-height:1.6}.role-card .role-icon{font-size:30px;color:#25be39}.login-note{color:var(--muted);font-size:12px;text-align:center;line-height:1.7}.tiny{color:#8694a0;font-size:11px;margin:20px 0 0}
@media(max-width:1080px){.nav-row{gap:20px}.site-nav{gap:16px}.hero-wrap{grid-template-columns:49% 51%}.ribbon-row{grid-template-columns:repeat(3,1fr)}.ribbon-item:nth-child(3){border:0}.auth-grid{gap:26px}.auth-card{padding:30px}.hero-visual img{height:380px}}
@media(max-width:760px){.container{width:min(100% - 34px,620px)}.site-header{height:66px}.brand{font-size:22px}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;box-shadow:0 12px 25px #18304d17;padding:15px 18px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:13px;border-bottom:1px solid var(--line)}.menu-toggle{display:block}.nav-actions{margin-left:0}.nav-actions .nav-login{display:none}.nav-cta{padding:9px 11px;font-size:12px}.hero-wrap{display:flex;flex-direction:column;padding:42px 0 25px}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:14px}.hero-visual{margin:20px -17px 0}.hero-visual img{height:auto;max-height:310px;border-radius:16px;object-fit:contain}.visual-badge{bottom:8px;left:17px}.ribbon-row{grid-template-columns:repeat(2,1fr);padding:12px 0}.ribbon-item{border-right:0;padding:10px 4px}.ribbon-item span{width:34px;height:34px;font-size:19px}.section{padding:53px 0}.section-heading.split{align-items:start;flex-direction:column}.feature-cards{grid-template-columns:1fr}.platform-layout{grid-template-columns:1fr;gap:22px}.pill-grid{gap:10px}.steps{grid-template-columns:1fr}.cta-box{padding:28px;flex-direction:column;align-items:start}.cta-box h2{font-size:28px}.footer-row,.footer-bottom{align-items:start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:15px}.auth-main{padding:25px 0 45px}.auth-grid{grid-template-columns:1fr}.auth-promo h1{font-size:37px}.promo-art{display:none}.auth-card{padding:23px 18px}.auth-card h2{font-size:25px}.auth-card .form-row{grid-template-columns:1fr}.promo-points{margin-top:18px}.role-choices{grid-template-columns:1fr}.step-indicator{flex-wrap:wrap}}
