/*
 * ZEGGY · HOJA DE ESTILOS ÚNICA · MASTER WEB 1.0
 * Toda página nueva se estiliza aquí. No se necesitan hojas CSS adicionales.
 * Identidad oficial: Navy #0B1F33 · Verde #00E6B0 · Menta #7FF5D0 · Blanco.
 */
:root{--navy:#0B1F33;--navy-deep:#061726;--navy-soft:#14314b;--green:#00E6B0;--mint:#7FF5D0;--white:#fff;--ink:#0b2037;--muted:#52667a;--light:#f6f9fc;--line:#dde8ee;--shadow:0 20px 60px rgba(5,29,48,.12);--radius:18px;--container:1240px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;background:var(--white);-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img,svg{max-width:100%}
button:disabled,input:disabled{cursor:not-allowed}
:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.container{width:min(calc(100% - 88px),var(--container));margin-inline:auto}
.skip-link{position:absolute;left:12px;top:-100px;padding:10px 18px;background:var(--green);z-index:1000;color:var(--navy);border-radius:10px}
.skip-link:focus{top:12px}
.site-header{background:var(--navy-deep);color:white;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{min-height:78px;display:flex;align-items:center;gap:34px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{display:block;width:174px;height:auto;max-height:58px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,1.6vw,30px);flex:1}
.nav-link{font-size:13px;font-weight:600;color:#edf5fa;position:relative;white-space:nowrap;transition:color .2s}
.nav-link:hover,.nav-link.is-current{color:var(--mint)}
.nav-link.is-current:after{content:"";position:absolute;height:2px;background:var(--green);bottom:-10px;left:0;right:0}
.nav-action{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid rgba(127,245,208,.5);border-radius:12px;padding:8px 13px;color:var(--mint);white-space:nowrap;font-weight:650;font-size:12px}
.nav-action:hover{background:rgba(0,230,176,.12)}
.menu-button{display:none;border:1px solid rgba(255,255,255,.2);background:transparent;border-radius:10px;color:white;padding:8px}
.hero{background:radial-gradient(ellipse at 60% 70%,#124b5e 0%,#0c2c43 34%,#061726 73%);position:relative;overflow:hidden;color:white}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,23,38,.6) 0%,transparent 48%,rgba(6,23,38,.18) 100%);pointer-events:none;z-index:1}
.hero::after{content:"";position:absolute;width:370px;height:370px;border-radius:50%;filter:blur(100px);background:rgba(0,230,176,.16);left:45%;top:20%;pointer-events:none}
.hero-art{position:absolute;inset:0 auto 0 37%;width:38%;background:url('../imagenes/hero-industrial.webp') center 43%/cover no-repeat;opacity:.8;filter:saturate(.8) contrast(1.02);mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 75%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 75%,transparent 100%)}
.hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.38fr) minmax(310px,.94fr);gap:18px;align-items:center;min-height:610px;padding-block:40px 52px}
.hero-copy{padding-block:15px;max-width:560px}
.hero-kicker{display:inline-flex;align-items:center;gap:11px;letter-spacing:.17em;font-size:11px;color:var(--mint);font-weight:800;margin-bottom:17px}
.kicker-line{display:block;background:var(--green);width:21px;height:2px}
.hero h1{font-weight:830;letter-spacing:-.052em;font-size:clamp(46px,4.7vw,72px);line-height:1.07;margin:0 0 20px}
.hero h1 span{color:var(--green)}
.hero-description{font-size:clamp(16px,1.25vw,18px);max-width:490px;line-height:1.62;color:#e9f1f7;margin:0 0 27px}
.hero-list{list-style:none;padding:0;margin:0;display:grid;gap:13px;font-size:14px;font-weight:520;color:#f4fbff}
.hero-list li{display:flex;align-items:center;gap:12px}
.check-circle{width:22px;height:22px;display:grid;place-items:center;border:1.5px solid var(--green);border-radius:50%;color:var(--green);flex:0 0 auto}
.login-card{background:#fff;color:var(--ink);width:100%;border-radius:17px;padding:30px 29px 22px;box-shadow:0 27px 65px rgba(1,13,24,.38);align-self:center}
.login-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#007c73}
.login-card h2{font-size:25px;letter-spacing:-.04em;margin:7px 0 2px}
.login-intro{margin:0 0 17px;color:#6e8091;font-size:12px}
.login-form{display:flex;flex-direction:column;gap:9px}
.login-form label{font-weight:700;font-size:12px;color:#394f63}
.field-wrap{height:49px;border:1px solid #d6e0e8;border-radius:9px;background:#fbfcfd;display:flex;align-items:center;gap:10px;padding-inline:12px;color:#8394a4}
.field-wrap input{background:transparent;outline:0;border:0;width:100%;min-width:0;color:#425568;font-size:13px;opacity:1;-webkit-text-fill-color:#82919c}
.field-wrap input::placeholder{color:#82919c}
.field-end{display:grid;place-items:center;color:#98a9b8}
.btn{border:1px solid transparent;padding:13px 21px;border-radius:9px;font-weight:760;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-align:center;transition:transform .18s,background-color .18s,box-shadow .18s;text-decoration:none}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--green);color:#062337;box-shadow:0 7px 20px rgba(0,230,176,.12)}
.btn-primary:hover{background:#1df1c1;box-shadow:0 10px 24px rgba(0,230,176,.2)}
.btn-outline{background:transparent;border-color:#09aa9e;color:#07556d}
.btn-outline:hover{background:#e9fffa}
.btn-white{background:#fff;color:var(--navy)}
.btn-block{display:flex;width:100%}
.btn-small{padding:9px 14px;font-size:12px;margin-top:4px}
.login-form .btn{margin-top:9px}
.text-link{background:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#007e86;font-weight:660;padding:1px}
.text-link:hover{text-decoration:underline}
.text-link.centered{align-self:center;margin-top:7px}
.or-divider{margin:16px 0;display:flex;align-items:center;gap:12px;color:#8fa3b6;font-size:12px}
.or-divider::before,.or-divider::after{content:"";background:#dbe3e8;height:1px;flex:1}
.industry-invite{text-align:center;margin:19px 0 12px;color:#5f7287;font-size:12px;line-height:1.7}
.demo-note{margin:13px 0 0;font-size:10px;color:#77889b;border-top:1px solid #e9eef2;padding-top:9px;display:flex;gap:5px;align-items:flex-start}
.audiences{background:linear-gradient(180deg,#fff,#f8fbfd);padding:33px 0 34px;border-bottom:1px solid #eff3f6}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.audience-card{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:7px 28px 7px 0}
.audience-card+.audience-card{border-left:1px solid #dce6ed;padding-left:30px}
.audience-icon{width:49px;height:49px;display:grid;place-items:center;background:#e5faf7;border-radius:13px;color:#0b4460}
.audience-card h2{font-size:20px;line-height:1.3;letter-spacing:-.04em;margin:0 0 6px}
.audience-card p{font-size:13px;color:#40576b;line-height:1.6;min-height:83px;margin:0 0 13px}
.section-pad{padding-block:62px 68px}
.eyebrow{display:inline-block;background:#a2f6e8;color:#075a60;font-size:11px;padding:6px 13px;border-radius:40px;letter-spacing:.065em;font-weight:800}
.section-heading{font-size:clamp(29px,3.2vw,43px);line-height:1.18;letter-spacing:-.045em;margin:14px 0 9px;font-weight:820}
.section-lead{font-size:16px;color:var(--muted);line-height:1.55;margin:0}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:35px}
.step-card{position:relative;padding-left:8px}
.step-card:not(:last-child)::after{content:'›';position:absolute;right:-23px;top:20px;font-size:38px;color:#b1d8de;font-weight:200}
.step-top{display:flex;gap:17px;align-items:center;margin-bottom:10px}
.step-number{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:790;flex:0 0 auto;box-shadow:0 4px 8px rgba(0,0,0,.12)}
.step-icon{width:56px;height:56px;border:1px solid #d2e9f2;border-radius:50%;background:#eefafd;color:#0a4562;display:grid;place-items:center}
.step-card h3{margin:0 0 6px 50px;font-size:17px;letter-spacing:-.025em}
.step-card p{font-size:13px;color:#586b7f;line-height:1.65;margin:0 8px 0 50px}
.benefits{background:linear-gradient(112deg,#061726,#0c283d 58%,#082f3e);color:#fff;padding:49px 0;position:relative;overflow:hidden}
.benefits::after{content:"";position:absolute;inset:0;opacity:.12;background:repeating-linear-gradient(90deg,transparent 0,transparent 64px,#7beacf 65px,transparent 66px),linear-gradient(0deg,#39a09d,transparent 40%);pointer-events:none}
.benefits-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center}
.eyebrow-dark{background:var(--mint);color:#07545b}
.benefit-title h2{font-size:clamp(26px,2.7vw,37px);line-height:1.23;letter-spacing:-.04em;margin:14px 0 10px}
.benefit-title p{max-width:520px;margin:0;font-size:14px;line-height:1.6;color:#cfdee7}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.benefit-item{min-height:137px;display:flex;flex-direction:column;gap:11px;align-items:center;justify-content:center;text-align:center;padding:16px 8px;border:1px solid rgba(0,230,176,.33);border-radius:22px;background:rgba(6,28,45,.62);font-size:12px;font-weight:700;line-height:1.4;color:#eafaff}
.benefit-item svg{color:var(--green)}
.membership{padding-block:65px 55px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%)}
.membership-layout{display:grid;grid-template-columns:.74fr 1.3fr;gap:30px;align-items:center}
.membership-copy{max-width:425px;position:relative;z-index:3}
.membership-copy .section-lead{margin-bottom:21px}
.disclaimer{font-size:11px;line-height:1.5;color:#8798a6;margin-top:15px}
.product-showcase{height:290px;position:relative;min-width:0}
.dashboard-mock{position:absolute;left:25%;right:0;top:10px;height:257px;background:#eaf2f7;border:7px solid #172635;border-radius:14px 14px 6px 6px;box-shadow:0 19px 40px rgba(13,49,71,.2);overflow:hidden;transform:perspective(1300px) rotateY(-3deg)}
.dashboard-mock::after{content:"";position:absolute;bottom:-11px;left:20%;right:20%;height:6px;background:#4b626f}
.dashboard-top{height:38px;display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#f8fcff;color:#112d44;font-weight:900;font-size:11px}
.dashboard-top>span{display:flex;align-items:center;gap:3px}
.dashboard-top img{height:20px;width:20px}
.dash-user{font-weight:500;color:#667990;font-size:10px}
.dashboard-body{display:flex;height:calc(100% - 38px)}
.dash-side{background:#0b283d;min-width:114px;padding:15px 8px;display:flex;flex-direction:column;gap:13px;color:#e8f8fa;font-size:9px}
.dash-content{padding:14px;min-width:0;flex:1}
.dash-content h3{font-size:16px;line-height:1.2;margin:0 0 3px}.dash-content p{font-size:9px;margin:0 0 12px;color:#74899b}
.dash-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dash-cards>div{min-height:66px;background:white;border:1px solid #d9e6ec;border-radius:7px;padding:9px 10px;display:flex;flex-direction:column;line-height:1.25}
.dash-cards span{color:#61788e;font-size:9px}.dash-cards strong{font-size:18px;color:#06374f}.dash-cards small{color:#90a1ad;font-size:9px}
.dash-demo-label{font-size:7px;color:#7f98aa;letter-spacing:.12em}
.mobile-mock{position:absolute;z-index:2;left:9%;top:13px;width:166px;height:282px;border:7px solid #071723;border-radius:28px;background:linear-gradient(180deg,#0b2a40,#071726);color:white;box-shadow:0 18px 28px rgba(5,28,41,.4);display:flex;align-items:center;flex-direction:column;padding:12px 10px 8px;transform:rotate(-5deg)}
.mobile-top{width:100%;display:flex;justify-content:space-between;font-size:8px;line-height:1}
.mobile-logo{width:32px;height:32px;margin-top:5px}
.mobile-mock>strong{font-size:14px;letter-spacing:.04em}
.mobile-qr{border-radius:8px;background:#fff;color:#112f42;display:grid;place-items:center;width:109px;height:109px;margin-top:9px}
.mock-person{font-size:9px;margin-top:6px;color:#e5faf9}
.mock-status{font-size:8px;background:#b3ffec;border-radius:20px;color:#0c605a;margin-top:7px;padding:3px 7px;display:flex;gap:4px;align-items:center}
.mobile-dots{font-size:5px;letter-spacing:4px;color:#6e9eaa;margin-top:6px}
.trust-section{background:#e5fbf6;padding:29px 0}
.trust-layout{display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:center}
.trust-symbol{width:64px;height:64px;background:#cbf6ec;color:#0b4e5b;display:grid;place-items:center;border-radius:16px}
.trust-layout h2{font-size:21px;letter-spacing:-.035em;margin:0 0 5px}
.trust-layout p{font-size:13px;line-height:1.6;color:#506e76;margin:0;max-width:700px}
.trust-layout .btn{background:var(--navy);color:#fff}
.site-footer{background:var(--navy-deep);color:white}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:36px;padding-block:46px 35px}
.footer-about img{width:145px;height:auto}
.footer-about p{color:#b7cbd6;max-width:300px;font-size:12px;line-height:1.7}
.footer-col{display:flex;flex-direction:column;gap:9px}
.footer-col h3{font-size:13px;margin:0 0 5px}
.footer-col a,.footer-col p,.footer-legal{font-size:12px;color:#bbccd7;line-height:1.5}
.footer-col a:hover,.footer-legal:hover{color:var(--green)}
.footer-legal{text-align:left;background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:2px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-block:16px 22px;color:#95aab9;font-size:11px;display:flex;justify-content:space-between;gap:12px}
.internal-page{background:linear-gradient(180deg,#ecfbf6,#fff);min-height:calc(100vh - 420px)}
.internal-content{padding-block:90px 110px;max-width:850px}.internal-content h1{font-size:clamp(36px,6vw,60px);margin:15px 0}.internal-content p{color:#52677a;line-height:1.7;max-width:750px;margin-bottom:25px}
.dialog-backdrop{position:fixed;inset:0;background:rgba(4,20,33,.76);display:grid;place-items:center;padding:20px;z-index:100;backdrop-filter:blur(4px)}
.dialog-backdrop[hidden]{display:none}
.dialog-card{position:relative;background:white;color:var(--ink);width:min(100%,430px);border-radius:19px;padding:35px 30px 28px;box-shadow:0 30px 90px rgba(0,0,0,.3)}
.dialog-card h2{margin:11px 0 8px;letter-spacing:-.035em}.dialog-card p{color:#566b7b;font-size:14px;line-height:1.65;margin:0 0 24px}
.dialog-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#086057;background:#ddfbf5}
.dialog-close{position:absolute;top:13px;right:13px;border:0;background:#f2f6f8;color:#667c8d;border-radius:9px;padding:6px;display:grid;place-items:center}
.dialog-ok{width:100%}
@media(max-width:1150px){.container{width:min(calc(100% - 56px),var(--container))}.brand img{width:145px}.nav-inner{gap:18px}.main-nav{gap:14px}.nav-link{font-size:12px}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(90px,.28fr) minmax(310px,.94fr)}.hero h1{font-size:clamp(45px,5.3vw,65px)}.hero-list{font-size:13px}.login-card{padding:25px 23px 20px}.audience-card{padding-right:15px}.audience-card+.audience-card{padding-left:15px}}
@media(max-width:920px){.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0b2034;padding:17px 5%;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 22px rgba(0,0,0,.22)}.main-nav.is-open{display:flex}.nav-link{padding:11px 7px;font-size:14px}.nav-link.is-current:after{display:none}.nav-inner{justify-content:space-between;min-height:71px}.menu-button{display:grid;place-items:center;margin-left:auto}.nav-action{margin-right:8px}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(285px,.7fr);min-height:auto;gap:27px;padding-block:58px}.hero-visual-space{display:none}.hero-art{inset:0 auto 0 29%;width:52%;opacity:.4}.hero-copy{max-width:480px}.hero h1{font-size:clamp(42px,6vw,61px)}.audience-grid{gap:20px}.audience-card,.audience-card+.audience-card{display:block;border-left:0;padding:0}.audience-icon{margin-bottom:12px}.audience-card h2{font-size:18px}.audience-card p{min-height:110px}.steps-grid{gap:15px}.step-card h3,.step-card p{margin-left:0}.steps-grid .step-card:not(:last-child)::after{right:-12px}.benefits-layout{gap:25px}.benefit-grid{gap:8px}.benefit-item{border-radius:13px}.membership-layout{grid-template-columns:.8fr 1fr}.mobile-mock{left:-2%}.dashboard-mock{left:19%;right:-10%}}
@media(max-width:680px){.container{width:min(calc(100% - 36px),var(--container))}.site-header .nav-inner{min-height:67px}.brand img{width:143px}.nav-action{font-size:11px;padding:7px 9px}.hero-layout{grid-template-columns:1fr;padding-block:45px 42px;gap:28px}.hero-art{inset:0 0 auto 28%;height:410px;width:80%;opacity:.25}.hero-kicker{font-size:9px}.hero h1{font-size:clamp(44px,11vw,62px)}.hero-description{font-size:15px}.hero-list{grid-template-columns:1fr 1fr;gap:13px;font-size:12px}.hero-list li{align-items:flex-start}.login-card{max-width:470px;margin:auto;padding:26px}.audiences{padding:24px 0}.audience-grid{grid-template-columns:1fr;gap:0}.audience-card,.audience-card+.audience-card{display:grid;grid-template-columns:54px 1fr;border:0;padding:20px 0;border-bottom:1px solid #e3edf1}.audience-card:last-child{border-bottom:0}.audience-icon{margin:0}.audience-card p{min-height:0;margin-bottom:9px}.section-pad{padding-block:47px}.steps-grid{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:30px}.step-card:not(:last-child)::after{display:none}.step-card{padding-left:0}.step-card h3,.step-card p{margin-left:0}.step-top{gap:10px}.step-icon{width:50px;height:50px}.benefits-layout{grid-template-columns:1fr;gap:24px}.benefit-grid{grid-template-columns:repeat(4,1fr)}.benefit-item{padding:12px 5px;min-height:120px;font-size:10px;gap:7px}.benefit-item svg{width:27px}.membership-layout{grid-template-columns:1fr;gap:20px}.membership-copy{max-width:none}.product-showcase{height:260px;margin-top:15px}.dashboard-mock{left:23%;right:-5%;height:220px}.mobile-mock{left:3%;top:2px;transform:rotate(-5deg) scale(.9);transform-origin:top left}.trust-layout{grid-template-columns:49px 1fr;gap:12px}.trust-symbol{width:48px;height:48px}.trust-symbol svg{width:29px}.trust-layout .btn{grid-column:1/-1;justify-self:start;margin-left:0}.footer-main{grid-template-columns:1fr 1fr;gap:26px;padding-block:35px}.footer-about{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}}
@media(max-width:420px){.hero-list{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-layout{padding-top:37px}.login-card{padding:23px 18px}.audience-card h2{font-size:17px}.steps-grid{gap:24px 14px}.step-card h3{font-size:15px}.step-card p{font-size:12px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-item{min-height:100px}.membership-copy .section-lead{font-size:14px}.product-showcase{height:240px}.mobile-mock{left:0;transform:rotate(-4deg) scale(.75)}.dashboard-mock{top:15px;left:19%;right:-12%;transform:scale(.93);transform-origin:top left}.dash-side{min-width:78px}.dash-content{padding:9px}.dash-cards>div{padding:7px}.footer-main{gap:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* 14. Componentes reutilizables de formularios y registro (no duplicar en otras páginas) */
.formulario fieldset{border:0;padding:0;margin:0;min-width:0}.formulario fieldset:disabled{opacity:.6}.form-field{display:flex;flex-direction:column;gap:7px}.form-field label{font-size:13px;color:#30465b;font-weight:700}.campo{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 13px;color:var(--ink);font-size:14px;min-height:47px}.campo:focus{border-color:#00b69c;outline:2px solid rgba(0,230,176,.18)}.formulario{display:flex;flex-direction:column;gap:16px}.reg-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;padding-block:65px 75px}.reg-intro{padding-top:42px}.reg-intro h1{font-size:clamp(38px,4vw,58px);letter-spacing:-.055em;line-height:1.12;margin:22px 0}.reg-intro h1 span{color:#008c79}.reg-intro>p{font-size:15px;color:#486275;line-height:1.7}.reg-feature{display:flex;align-items:flex-start;gap:15px;margin-top:28px;color:#078c7b}.reg-feature>div{display:grid;gap:5px;color:var(--ink)}.reg-feature strong{font-size:15px}.reg-feature small{font-size:13px;color:var(--muted)}.reg-footnote{font-size:12px!important;margin-top:30px}.reg-card{background:#fff;border:1px solid #e2e9ef;border-radius:20px;box-shadow:var(--shadow);padding:30px 35px}.reg-card-head h2{margin:4px 0;font-size:26px;letter-spacing:-.04em}.reg-card-head p{margin:0 0 20px;color:var(--muted);font-size:13px}.reg-section-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;margin:14px 0 15px;color:#102a40}.reg-section-title span{border-radius:9px;background:#d7fbf2;color:#055d56;padding:5px 9px;font-size:12px}.reg-fields{display:grid;gap:15px}.reg-two{grid-template-columns:1fr 1fr}.reg-full{grid-column:1/-1}.reg-help{font-size:12px;color:var(--muted);margin:-4px 0 12px;line-height:1.65}.reg-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reg-doc{border:1px dashed #b8d8d8;border-radius:13px;padding:13px 8px;background:#f8fcfc;display:flex;align-items:center;gap:6px;flex-direction:column;text-align:center;min-width:0}.reg-doc label{font-weight:750;font-size:12px}.reg-doc input{font-size:10px;width:100%;max-width:200px}.reg-doc-icon{color:#00977f}.reg-file-info{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.reg-photo-preview{max-height:105px;width:auto;border-radius:6px;object-fit:contain}.reg-ocr-status{font-size:12px;color:#516b77;background:#e7f8f5;border-radius:8px;padding:10px 12px;margin:10px 0 0}.reg-consent{margin:8px 0 0;font-size:12px;line-height:1.6}.reg-consent label{display:flex;align-items:flex-start;gap:10px}.reg-consent input{margin-top:4px}.reg-consent p{color:var(--muted);font-size:11px;margin:7px 0 0 24px}.reg-bottom{font-size:12px;text-align:center;color:var(--muted)}.reg-alert{border:1px solid #f4cd98;color:#6b421b;background:#fff6e7;padding:12px 15px;border-radius:11px;font-size:13px;line-height:1.6}.reg-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.reg-success{display:grid;gap:12px;justify-items:start}.reg-success-icon{width:64px;height:64px;border-radius:17px;background:#ddfbef;display:grid;place-items:center;color:#008875}.reg-success h2{margin:0}.reg-success p{margin:0;color:var(--muted);font-size:14px}.reg-success .btn{margin-top:13px}
@media(max-width:980px){.reg-layout{gap:25px;grid-template-columns:1fr 1.2fr}.reg-card{padding:24px}.reg-doc-grid{grid-template-columns:1fr 1fr}.reg-doc:last-child{grid-column:1/-1}}
@media(max-width:700px){.reg-layout{grid-template-columns:1fr;padding-block:22px 50px;gap:17px}.reg-intro{padding-top:10px}.reg-intro h1{font-size:38px}.reg-feature{display:none}.reg-footnote{margin-top:8px!important}.reg-card{padding:23px 19px}.reg-two{grid-template-columns:1fr}.reg-doc-grid{grid-template-columns:1fr}.reg-doc:last-child{grid-column:auto}}