:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#eaf4ff;background:#071426;letter-spacing:0;--navy-950: #071426;--navy-900: #0a1b31;--navy-800: #102646;--navy-700: #17365f;--sky-500: #33c1ff;--sky-400: #60d0ff;--sky-300: #97e2ff;--mint-400: #3bd6a4;--text-main: #eaf4ff;--text-muted: #9db4cb;--line: rgba(113, 173, 230, .24);--glass: rgba(12, 30, 54, .74);--shadow-lg: 0 30px 70px rgba(2, 9, 20, .52);--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text-main);background:radial-gradient(1200px 600px at 10% -10%,rgba(48,168,255,.2),transparent 70%),radial-gradient(1000px 500px at 100% 0%,rgba(59,214,164,.16),transparent 75%),linear-gradient(180deg,var(--navy-950),var(--navy-900))}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:var(--radius);min-height:40px;padding:0 14px;color:var(--text-main);background:#0e294cd9;cursor:pointer;font-weight:700;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}button:hover{transform:translateY(-1px);border-color:#60d0ff8f;box-shadow:0 12px 30px #0a162a80}button.primary,a.primary{border:0;color:#031426;background:linear-gradient(135deg,var(--sky-500),var(--mint-400));box-shadow:0 16px 34px #33c1ff59}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:var(--radius);padding:0 12px;color:var(--text-main);background:#0a1f3acc}textarea{min-height:100px;padding:12px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:#60d0ffb8;box-shadow:0 0 0 4px #33c1ff2e}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding:10px 24px;border-bottom:1px solid rgba(96,208,255,.2);background:#071426d6;transition:background .2s ease,backdrop-filter .2s ease,border-color .2s ease}.topbar.sticky{background:#071426ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#60d0ff52}.brand{display:grid;grid-template-columns:42px auto;column-gap:10px;align-items:center;border:0;min-height:auto;padding:0;text-align:left;background:transparent}.brand span{grid-row:span 2;width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#031426;font-weight:900;background:linear-gradient(135deg,var(--sky-500),var(--mint-400))}.brand strong{line-height:1}.brand small{color:var(--text-muted);text-transform:uppercase;font-size:.72rem}.topbar nav{display:flex;align-items:center;gap:10px}.topbar nav a,.topbar nav button{border:0;min-height:auto;padding:8px 10px;color:#c7ddf5;background:transparent;border-radius:8px}.topbar nav button.active,.topbar nav a:hover,.topbar nav button:hover{color:#fff;background:#60d0ff29}.session{display:flex;align-items:center;gap:8px}.session b{padding:8px 12px;border-radius:999px;color:#9df8d8;background:#3bd6a424;border:1px solid rgba(59,214,164,.32);font-size:.84rem}.ad-slider{display:grid;place-items:center;position:relative;min-height:122px;margin:14px auto 0;width:min(1500px,calc(100% - 34px));border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-lg)}.ad-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ad-overlay{position:relative;z-index:1;display:flex;align-items:center;gap:16px;padding:10px 14px;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05162c94;border:1px solid rgba(151,226,255,.42)}.ad-overlay strong{font-size:1.02rem}.ad-overlay span{color:var(--sky-300);font-weight:800}.ad-overlay small{color:#d8f4ff}main{width:min(1500px,calc(100% - 34px));margin:0 auto;padding:18px 0 36px}.eyebrow{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;font-weight:800;color:#c7ecff;border:1px solid rgba(96,208,255,.34);background:#1b3b62a8}.home-page{display:grid;gap:20px}.hero-section,.work-steps,.trust-section,.features-section,.testimonials-section,.cta-section,.auth-intro,.auth-card,.panel,.metric,aside,.command,.site-footer{border:1px solid var(--line);border-radius:8px;background:var(--glass);box-shadow:var(--shadow-lg)}.hero-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);gap:14px;padding:18px}.hero-copy{padding:18px}.hero-copy h1{margin:12px 0;max-width:760px;font-size:clamp(2rem,5vw,4rem);line-height:1.03}.hero-copy p{color:var(--text-muted);line-height:1.75;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-actions a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:#113254b8}.hero-media img{width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:8px}.work-steps,.features-section,.testimonials-section,.cta-section,.trust-section{padding:18px}.work-steps h2,.features-section h2,.testimonials-section h2,.cta-section h2,.trust-section h2{margin:0 0 14px;font-size:1.5rem}.step-grid,.feature-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.step-card,.feature-grid article,.testimonial-grid article{border:1px solid var(--line);border-radius:8px;background:#0a1f3ad6;padding:16px}.step-card span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;color:#04203b;font-weight:900;background:linear-gradient(135deg,var(--sky-500),var(--mint-400))}.step-card h3{margin:10px 0 8px}.step-card p,.trust-section p,.testimonial-grid blockquote,.cta-section p{margin:0;color:var(--text-muted);line-height:1.7}.trust-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:14px;align-items:center}.trust-section img{width:100%;min-height:260px;max-height:320px;object-fit:cover;border-radius:8px}.feature-grid article{min-height:84px;display:grid;place-items:center;text-align:center;font-weight:700}.testimonial-grid article{display:grid;gap:10px}.avatar{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#031426;font-weight:900;background:linear-gradient(135deg,var(--sky-500),var(--mint-400))}.testimonial-grid small{color:var(--text-muted)}.cta-section{text-align:center;display:grid;gap:12px}.cta-section div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.auth-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.9fr);gap:16px}.auth-intro{padding:26px;display:grid;align-content:center;gap:12px}.auth-intro h1{margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08}.auth-intro p{margin:0;color:var(--text-muted);line-height:1.75}.auth-card{padding:16px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.tabs button.active{color:#031426;border:0;background:linear-gradient(135deg,var(--sky-500),var(--mint-400))}.form{display:grid;gap:12px}.form h2{margin:0}.field{display:grid;gap:6px}.field span{color:var(--text-muted);font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row{display:flex;gap:8px;justify-content:space-between;align-items:center}.compact{font-size:.9rem}.upload-field{display:grid;gap:8px}.upload-field input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-preview{min-height:112px;border:1px dashed rgba(96,208,255,.48);border-radius:8px;display:grid;place-items:center;background:#0d2a4bd1;overflow:hidden}.upload-preview b{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#113254db}.upload-preview.has-file{min-height:140px}.upload-preview img{width:100%;height:100%;max-height:220px;object-fit:cover}.loading{min-height:300px;display:grid;place-items:center;color:var(--text-muted)}.error{color:#ff6f8e;font-weight:700}.muted{color:var(--text-muted)}.dashboard-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px}aside{padding:14px;display:grid;align-content:start;gap:8px}aside button{text-align:left;min-height:38px}aside button.active{color:#031426;border:0;background:linear-gradient(135deg,var(--sky-500),var(--mint-400))}.content{display:grid;gap:14px}.command{padding:18px}.command h1{margin:10px 0 6px;font-size:clamp(1.6rem,3.7vw,2.8rem)}.command p{margin:0;color:var(--text-muted)}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric{padding:14px;display:grid;gap:8px}.metric span{color:var(--text-muted);font-size:.85rem}.metric b{font-size:1.35rem}.metric i{display:block;height:18px;border-radius:999px;background:linear-gradient(90deg,#33c1ffb3,#3bd6a466)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.panel{padding:16px}.panel h2{margin:0 0 12px;font-size:1.18rem}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions.small button{min-height:34px}.stack{display:grid;gap:10px}.row-card{border:1px solid var(--line);border-radius:8px;padding:12px;background:#0a1f3ab3;display:flex;justify-content:space-between;align-items:center;gap:8px}.row-card span{color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.card-grid.visits{grid-template-columns:repeat(2,minmax(0,1fr))}.entity{padding:14px;border:1px solid var(--line);border-radius:8px;background:#0a1f3ab3;display:grid;gap:8px}.entity span,.entity small{color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.check{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.check input{width:auto;min-height:auto}.visit-form{display:grid;gap:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented .active{color:#031426;border:0;background:linear-gradient(135deg,var(--sky-500),var(--mint-400))}.item-preview{border:1px solid var(--line);border-radius:8px;background:#0a1f3aa8;display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:center;padding:10px}.item-preview.compact{grid-template-columns:64px 1fr}.item-art{width:84px;aspect-ratio:1;border-radius:8px;overflow:hidden;display:grid;place-items:center;color:#031426;font-weight:900;background:linear-gradient(135deg,var(--sky-500),var(--mint-400))}.item-preview.compact .item-art{width:64px}.item-art img{width:100%;height:100%;object-fit:cover}.item-preview span{color:var(--text-muted)}.item-preview strong{color:#9df8d8}.item-list{display:grid;gap:8px}.item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#0a1f3ab3;padding:8px}.voice-box{border:1px dashed rgba(96,208,255,.44);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0e294c85}.start{min-height:48px}.visit-card{border:1px solid var(--line);border-radius:8px;background:#0a1f3ab8;padding:14px;display:grid;gap:10px}.visit-card p{margin:0;color:var(--text-muted)}.brochure-preview{width:100%;max-height:250px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.rep-card{border:1px solid rgba(59,214,164,.34);border-radius:8px;padding:10px;background:#3bd6a41f;display:grid;gap:4px}.rep-card span{color:var(--text-muted)}.bonus-badge{width:fit-content;padding:8px 12px;border:1px solid rgba(96,208,255,.34);border-radius:999px;background:#33c1ff29}.table{overflow:auto}table{width:100%;min-width:620px;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}th{color:var(--text-muted);font-size:.78rem;text-transform:uppercase}.site-footer{width:min(1500px,calc(100% - 34px));margin:0 auto 16px;padding:18px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.site-footer h4{margin:0 0 10px}.site-footer p,.site-footer span,.site-footer a{margin:0;color:var(--text-muted);line-height:1.6;display:block}.site-footer a:hover{color:#dff4ff}.toast{position:fixed;right:18px;bottom:18px;z-index:30;padding:12px 14px;border:1px solid var(--line);border-radius:8px;color:#e8fbff;background:#091c33e6;box-shadow:var(--shadow-lg)}@media(max-width:1200px){.hero-section,.auth-page,.dashboard-layout,.grid.two,.trust-section{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid,.card-grid.visits,.step-grid,.feature-grid,.testimonial-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.topbar{flex-wrap:wrap;padding:12px}.topbar nav,.session{width:100%;flex-wrap:wrap}.session button{flex:1}.ad-slider,main,.site-footer{width:calc(100% - 20px)}.form-grid,.settings-grid,.metrics,.card-grid,.card-grid.visits,.step-grid,.feature-grid,.testimonial-grid,.site-footer,.item-row{grid-template-columns:1fr}.row-card,.voice-box{flex-direction:column;align-items:stretch}}
