:root{--color-primary:#55b6ab;--color-secondary:#55b6ab;--color-mizael:#2eb2ef;--color-ink:#111;--color-muted:#626a73;--color-soft:#f5f7f9;--color-line:#e7ebef;--color-white:#fff;--shadow-soft:0 18px 55px #11111114;--radius:8px;color:var(--color-ink);background:var(--color-white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}input{border:1px solid var(--color-line);border-radius:var(--radius);width:100%;color:var(--color-ink);background:var(--color-white);outline:none;padding:.9rem 1rem;transition:border-color .18s,box-shadow .18s}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #55b6ab29}label{color:var(--color-ink);gap:.5rem;font-size:.9rem;font-weight:750;display:grid}.app-shell{background:var(--color-white);flex-direction:column;min-height:100vh;display:flex}.app-shell>main{flex:1}.container{width:min(1120px,100% - 2rem);margin:0 auto}.brand{color:var(--color-ink);letter-spacing:0;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:760;display:inline-flex}.brand span{color:var(--color-primary)}.brand small{border-left:1px solid var(--color-line);color:var(--color-muted);text-transform:uppercase;padding-left:.45rem;font-size:.62rem;font-weight:620;line-height:1}.button{border:1px solid var(--color-primary);border-radius:var(--radius);min-height:44px;color:var(--color-white);background:var(--color-primary);cursor:pointer;justify-content:center;align-items:center;padding:.75rem 1.1rem;font-weight:720;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #55b6ab3d}.button-secondary{border-color:var(--color-secondary);color:var(--color-secondary);background:var(--color-white)}.button-hostinger{background:#673de6;border-color:#673de6}.button-hostinger:hover{box-shadow:0 12px 30px #673de63d}.button-small{min-height:38px;padding:.55rem .9rem}.eyebrow{color:var(--color-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.76rem;font-weight:780}.public-navbar{justify-content:space-between;align-items:center;gap:1rem;width:min(1120px,100% - 2rem);min-height:72px;margin:0 auto;display:flex}.public-navlinks{color:var(--color-muted);align-items:center;gap:1.15rem;font-size:.92rem;font-weight:520;display:flex}.public-navlinks a{transition:color .16s}.public-navlinks .nav-pulse{color:var(--color-primary);animation:1.7s ease-in-out infinite softPulse}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.42}}.public-navlinks a.active:not(.button),.public-navlinks a:hover:not(.button){color:var(--color-ink)}.hero-section,.page-section,.auth-section{align-items:center;min-height:calc(100vh - 230px);padding:4rem 0;display:grid}.compact-section{min-height:55vh}.hero-grid,.split-panel{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.home-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:end;gap:clamp(2.5rem,6vw,5rem);display:grid}.hero-copy h1,.split-panel h1,.auth-card h1,.narrow-content h1{letter-spacing:0;max-width:800px;margin:0;font-size:clamp(2.25rem,5vw,4.7rem);line-height:.98}.hero-copy p,.split-panel p,.narrow-content p{max-width:660px;color:var(--color-muted);font-size:1.05rem;line-height:1.75}.hero-copy strong,.footer-grid strong{font-weight:900}.mizael-highlight{color:var(--color-mizael);font-weight:900}.narrow-content{max-width:760px}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.hero-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.hero-proof-grid article,.lead-benefits article,.steps-grid article{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-white);padding:1rem}.hero-proof-grid h3,.lead-benefits h3,.steps-grid h3,.resource-card h3{margin:0;font-size:1.05rem;line-height:1.25}.hero-proof-grid p,.lead-benefits p,.steps-grid p{color:var(--color-muted);margin:.45rem 0 0;font-size:.92rem;line-height:1.55}.hero-panel,.recommendation-card,.resource-card,.city-card,.city-sections-grid article,.thanks-card,.lead-direct-card,.lead-form,.auth-card,.profile-form,.metric-card{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-white);box-shadow:var(--shadow-soft)}.hero-panel{gap:.8rem;padding:1rem;display:grid}.hero-panel span,.hero-panel strong{border-radius:var(--radius);min-height:70px;color:var(--color-ink);background:var(--color-soft);justify-content:space-between;align-items:center;padding:1rem;font-weight:900;display:flex}.hero-panel strong{color:var(--color-white);background:var(--color-primary)}.recommendation-card{gap:1.25rem;padding:1.15rem;display:grid}.home-portrait-panel{border-left:1px solid var(--color-line);align-content:end;gap:1.25rem;padding-left:clamp(1.25rem,3vw,2rem);display:grid}.home-portrait-copy h2{margin:.85rem 0 0;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.05}.home-portrait-copy p{color:var(--color-muted);margin:.85rem 0 0;line-height:1.65}.portrait-stack{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.portrait-stack img{aspect-ratio:1;border:1px solid var(--color-line);object-fit:cover;background:var(--color-soft);border-radius:50%;width:100%}.tagline{width:fit-content;color:var(--color-mizael);background:#2eb2ef1a;border-radius:999px;padding:.4rem .65rem;font-size:.78rem;font-weight:900;display:inline-flex}.recommendation-card h2{margin:.85rem 0 0;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.05}.recommendation-card p{color:var(--color-muted);margin:.85rem 0 0;line-height:1.65}.resource-section,.home-band{padding:0 0 4rem}.home-band-grid{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,.95fr) minmax(280px,.7fr);align-items:end;gap:clamp(2rem,6vw,5rem);padding:2rem 0;display:grid}.home-band-grid h2{max-width:760px;margin:0;font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.02}.home-band-grid p{color:var(--color-muted);margin:0;line-height:1.7}.content-section{padding:0 0 4rem}.section-copy{margin-bottom:1.25rem}.section-copy h2{max-width:760px;margin:0;font-size:clamp(1.9rem,4vw,3.25rem);line-height:1.02}.section-copy p{max-width:700px;color:var(--color-muted);margin:1rem 0 0;line-height:1.7}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.resource-card{align-content:start;gap:.75rem;min-height:210px;padding:1.25rem;display:grid}.resource-card span{color:var(--color-secondary);text-transform:uppercase;font-size:.8rem;font-weight:900}.resource-card p{color:var(--color-muted);margin:0;line-height:1.65}.resource-card a{color:var(--color-primary);align-self:end;font-weight:900}.resource-card-accent{background:linear-gradient(180deg, #55b6ab1f, var(--color-white));border-color:#55b6ab5c}.city-card,.thanks-card{gap:.85rem;padding:1.35rem;display:grid}.city-card span{color:var(--color-secondary);font-weight:900}.city-card strong,.thanks-card h2{color:var(--color-ink);margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05}.city-sections-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.city-sections-grid article{gap:.65rem;min-height:190px;padding:1.15rem;display:grid}.city-sections-grid h3{margin:0;font-size:1.12rem;line-height:1.2}.city-sections-grid p{color:var(--color-muted);margin:0;line-height:1.6}.lead-page-section{align-items:start;padding-bottom:3rem}.lead-benefits{gap:.75rem;margin-top:1.5rem;display:grid}.lead-form,.lead-direct-card,.auth-card,.profile-form{gap:1rem;padding:1.25rem;display:grid}.lead-form h2,.lead-direct-card h2{margin:0;font-size:1.45rem;line-height:1.15}.lead-direct-card p{color:var(--color-muted);margin:0;line-height:1.65}.hostinger-card{background:linear-gradient(180deg, #673de614, var(--color-white));border-color:#673de647}.hostinger-card .eyebrow{color:#673de6}.community-hero{padding:5rem 0 3.5rem}.community-hero-inner{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.community-copy{max-width:820px}.community-copy h1,.hostinger-copy h1{margin:0;font-size:clamp(2.35rem,5vw,4.9rem);line-height:.98}.community-copy p,.hostinger-copy p{max-width:660px;color:var(--color-muted);font-size:1.05rem;line-height:1.75}.community-note{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-soft);padding:1.25rem}.community-note h2,.hostinger-checklist h2{margin:0;font-size:1.45rem;line-height:1.15}.community-note p{color:var(--color-muted);margin:.85rem 0 0;line-height:1.65}.community-benefits-section{padding:0 0 4rem}.community-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.community-benefits-grid article{border-top:1px solid var(--color-line);padding-top:1rem}.community-benefits-grid span{color:var(--color-primary);font-size:.8rem;font-weight:680}.community-benefits-grid h3,.hostinger-use-grid h3{margin:.55rem 0 0;font-size:1.08rem;line-height:1.25}.community-benefits-grid p,.hostinger-use-grid p{color:var(--color-muted);margin:.5rem 0 0;line-height:1.6}.hostinger-hero{padding:5rem 0 4rem}.hostinger-layout{grid-template-columns:minmax(0,.95fr) minmax(300px,.65fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.hostinger-checklist{border-radius:var(--radius);background:linear-gradient(180deg, #673de614, var(--color-white));border:1px solid #673de638;padding:1.25rem}.hostinger-checklist ul{color:var(--color-muted);gap:.75rem;margin:1rem 0 0;padding:0;line-height:1.55;list-style:none;display:grid}.hostinger-checklist li{border-top:1px solid #673de624;padding-top:.75rem}.hostinger-use-section{padding:0 0 4rem}.hostinger-use-grid{grid-template-columns:minmax(260px,.9fr) repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.hostinger-use-grid h2{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05}.template-download-hero{padding:5rem 0}.template-download-grid{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.template-download-copy h1{margin:0;font-size:clamp(2.35rem,5vw,4.9rem);line-height:.98}.template-download-copy p{max-width:680px;color:var(--color-muted);font-size:1.05rem;line-height:1.75}.template-download-card{border:1px solid var(--color-line);border-radius:var(--radius);background:linear-gradient(180deg, #55b6ab1a, var(--color-white));box-shadow:var(--shadow-soft);padding:1.25rem}.template-download-card span{color:var(--color-primary);text-transform:uppercase;font-size:.78rem;font-weight:680}.template-download-card ul{color:var(--color-muted);gap:.75rem;margin:1rem 0 0;padding:0;line-height:1.55;list-style:none;display:grid}.template-download-card li{border-top:1px solid var(--color-line);padding-top:.75rem}.auth-card{width:min(440px,100% - 2rem);margin:0 auto}.auth-button{width:100%}.site-footer{border-top:1px solid var(--color-line);background:var(--color-white);padding:2.4rem 0}.footer-grid{grid-template-columns:minmax(280px,1fr) auto;align-items:start;gap:clamp(2rem,7vw,5rem);display:grid}.footer-about{max-width:540px}.footer-grid p{color:var(--color-muted);margin:.85rem 0 0;font-size:.94rem;line-height:1.65}.footer-links{grid-template-columns:repeat(2,minmax(130px,1fr));gap:2.25rem;display:grid}.footer-links nav{color:var(--color-muted);gap:.55rem;font-size:.92rem;font-weight:500;display:grid}.footer-links nav span{color:var(--color-ink);text-transform:uppercase;margin-bottom:.25rem;font-size:.78rem;font-weight:680}.footer-links nav a{transition:color .16s}.footer-links nav a:hover{color:var(--color-secondary)}.dashboard-shell{background:var(--color-soft);grid-template-columns:248px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .3s;display:grid}.dashboard-shell.collapsed{grid-template-columns:80px minmax(0,1fr)}.sidebar{border-right:1px solid var(--color-line);background:var(--color-white);color:var(--color-ink);flex-direction:column;justify-content:space-between;gap:1.35rem;padding:1.15rem;transition:padding .3s;display:flex;overflow:hidden}.sidebar.collapsed{align-items:center;padding:1.15rem .5rem}.sidebar-top{flex-direction:column;gap:1.35rem;width:100%;display:flex}.sidebar-bottom{border-top:1px solid var(--color-line);flex-direction:column;width:100%;padding-top:1rem;display:flex}.sidebar-brand{flex-direction:column;align-items:flex-start;gap:.25rem;min-height:48px}.sidebar.collapsed .sidebar-brand{align-items:center}.brand-icon{border-radius:var(--radius);background:var(--color-soft);width:40px;height:40px;color:var(--color-ink);justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.brand-icon span{color:var(--color-primary)}.sidebar-brand small{border-left:0;padding-left:0}.sidebar-nav{gap:.35rem;display:grid}.sidebar-nav a{border-radius:var(--radius);color:var(--color-muted);align-items:center;gap:.75rem;padding:.8rem .9rem;font-size:.93rem;font-weight:520;transition:color .16s,background .16s;display:flex}.sidebar-nav a.active,.sidebar-nav a:hover{color:var(--color-secondary);background:#55b6ab1f;font-weight:650}.sidebar.collapsed .sidebar-nav a{justify-content:center;padding:.8rem}.collapse-btn{width:100%;color:var(--color-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.8rem .9rem;font-size:.93rem;font-weight:520;transition:color .16s,background .16s;display:flex}.collapse-btn:hover{color:var(--color-secondary);background:#55b6ab1f}.sidebar.collapsed .collapse-btn{justify-content:center;padding:.8rem}.dashboard-main{min-width:0}.dashboard-navbar{z-index:10;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:1rem;min-height:84px;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.dashboard-navbar h1{margin:0;font-size:1.35rem}.avatar-menu{position:relative}.avatar-button{border:1px solid var(--color-line);background:var(--color-white);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;overflow:hidden}.avatar-button img{object-fit:cover;width:100%;height:100%}.avatar-dropdown{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-white);min-width:180px;box-shadow:var(--shadow-soft);display:grid;position:absolute;top:calc(100% + .6rem);right:0;overflow:hidden}.avatar-dropdown a{padding:.85rem 1rem;font-size:.92rem;font-weight:520}.avatar-dropdown a:hover{color:var(--color-primary);background:var(--color-soft)}.dashboard-content{padding:1.5rem}.dashboard-view{gap:1.25rem;display:grid}.dashboard-view h2{color:var(--color-primary);letter-spacing:0;margin:0;font-size:clamp(1.8rem,3vw,3rem)}.content-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{gap:.65rem;min-height:150px;padding:1.25rem;display:grid}.metric-card span{color:var(--color-muted);font-weight:620}.metric-card strong{color:var(--color-primary);font-size:clamp(1.8rem,3vw,2.2rem);line-height:1.05}.metric-card p{color:var(--color-muted);margin:0;line-height:1.6}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (width<=860px){.public-navbar{flex-direction:column;align-items:flex-start;padding:1rem 0}.hero-section,.page-section,.auth-section{min-height:auto}.hero-grid,.home-hero-grid,.split-panel,.dashboard-shell,.content-grid,.stats-grid,.hero-proof-grid,.resource-grid,.city-sections-grid,.home-band-grid,.community-hero-inner,.community-benefits-grid,.hostinger-layout,.hostinger-use-grid,.template-download-grid,.steps-grid,.footer-grid{grid-template-columns:1fr}.home-portrait-panel{border-left:0;border-top:1px solid var(--color-line);padding-top:1.25rem;padding-left:0}.sidebar{position:static}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-nav a{text-align:center;justify-content:center;align-items:center;min-height:52px;padding:.7rem;display:flex}}@media (width<=600px){.public-navlinks,.hero-actions{flex-direction:column;align-items:stretch;width:100%}.dashboard-navbar{align-items:flex-start}.sidebar-nav{grid-template-columns:1fr}}
