*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{min-height:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}:root{--bg:#0b0f14;--panel:#0e131ab8;--panel-strong:#0f172ae6;--text:#e6f1ff;--strong:#f4fbff;--muted:#94a3b8;--primary:#00e5ff;--accent:#7cff6b;--danger:#f97373;--border:#00e5ff24;--glow:0 0 12px #00e5ff73;--shadow:0 18px 40px #00000059;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--container:1200px}html{background-color:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 15% 10%,#0e1520f2,#0b0f14 55%),linear-gradient(#060a0f,#0b0f14);font-family:Segoe UI,Inter,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}ul,ol{padding-left:20px}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.container{width:min(calc(100% - clamp(32px, 7vw, 104px)), var(--container));margin:0 auto}.page-content{padding:28px 0 48px}.navbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(90deg,#0e1520 0%,#0b0f14 100%);border-bottom:1px solid #0f1d2b;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex;position:relative}.brand-mark{letter-spacing:.5px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.brand-logo{filter:drop-shadow(0 0 8px #00e5ff8c);width:auto;height:60px;transition:transform .25s,filter .25s}.brand-mark:hover .brand-logo{filter:drop-shadow(0 0 14px #00e5ffd9);transform:scale(1.08)}.nav-menu{flex:1;justify-content:flex-end;align-items:center;gap:18px;display:flex}.nav-links{align-items:center;gap:16px;display:inline-flex}.nav-link{color:var(--text);border-radius:10px;padding:6px 10px;transition:background .2s,color .2s,text-shadow .2s}.nav-link:hover,.nav-link.is-active{color:var(--primary);text-shadow:var(--glow);background:#0f1c27}.nav-actions{justify-content:flex-end;align-items:center;display:flex}.nav-toggle-label{background:#0b131bb3;border:1px solid #00e5ff40;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;transition:border-color .2s,box-shadow .2s;display:none}.nav-toggle-label span{background:var(--text);border-radius:999px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-toggle-label.is-open{border-color:#00e5ff99;box-shadow:0 0 18px #00e5ff40}.nav-toggle-label.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle-label.is-open span:nth-child(2){opacity:0}.nav-toggle-label.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-user-menu{align-items:center;display:inline-flex;position:relative}.avatar-toggle{color:inherit;background:#0b131bbf;border:1px solid #00e5ff2e;border-radius:999px;justify-content:center;align-items:center;padding:4px;line-height:0;transition:box-shadow .2s,border-color .2s,transform .2s;display:inline-flex;box-shadow:0 10px 30px #00000059}.avatar-toggle:hover{border-color:#00e5ff59;transform:translateY(-1px);box-shadow:0 8px 24px #00e5ff26}.avatar-badge{color:#041017;letter-spacing:.5px;background:linear-gradient(135deg,#00e5ff,#7cff6b);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.user-dropdown{opacity:0;visibility:hidden;z-index:10;background:#0b131bf2;border:1px solid #00e5ff2e;border-radius:14px;min-width:220px;padding:12px 14px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px);box-shadow:0 18px 40px #00000059}.user-dropdown.is-open,.nav-user-menu:hover .user-dropdown,.nav-user-menu:focus-within .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-user-meta{flex-direction:column;gap:2px;padding:2px 0 10px;display:flex}.nav-user-name{color:var(--text);font-weight:600}.nav-user-email{color:var(--muted);font-size:.9rem}.footer{text-align:center;color:#8fa3b8;letter-spacing:.3px;background:#0b0f14;border-top:1px solid #00e5ff26;width:100%;padding:14px 0 12px;line-height:1.4}.footer-container{width:min(100% - 24px,900px);margin:0 auto}.footer strong{color:#00e5ff;text-shadow:0 0 6px #00e5ff80}.footer-tagline{color:#8fa3b8;opacity:.9;margin-top:2px;font-size:.9rem;font-style:italic}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:6px;font-size:.85rem;display:flex}.footer-links a:hover{color:var(--primary)}.card,.section-card,.feature,.metric-card,.approval-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px}.card,.section-card{padding:18px 20px}.accent{color:var(--primary);text-shadow:0 0 8px #00e5ff59}.eyebrow,.plan-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:.75rem}.subtitle,.muted{color:var(--muted)}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-outline,.logout-link{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;line-height:1.1;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.btn{color:var(--text);background:#0f1b24;border-color:#1f2a37;box-shadow:0 10px 22px #02081759}.btn-primary{color:#04121a;background:linear-gradient(135deg,#0ea5e9,#22d3ee);border-color:#0ea5e999;box-shadow:0 12px 24px #0ea5e940}.btn-primary:hover,.btn-secondary:hover,.btn-outline:hover,.btn-danger:hover,.btn:hover{transform:translateY(-1px)}.btn-secondary{color:#e2e8f0;background:#0f172a59;border-color:#94a3b899}.btn-danger{color:#fef2f2;background:linear-gradient(135deg,#ef4444,#f97316);border-color:#f8717199}.btn-outline,.logout-link{color:var(--primary);background:#0e141ea6;border:1px solid #00e5ff52}.btn-link{color:var(--primary);background:0 0;border:none;padding:0;font-weight:600}.input,.form-control{width:100%;color:var(--text);background:#0b141c;border:1px solid #1f2b3a;border-radius:12px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background .2s}.input:focus,.form-control:focus{background:#0f1c27;border-color:#00e5ffbf;outline:none;box-shadow:0 0 0 3px #00e5ff26}.text-danger{color:#fca5a5}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;margin:28px 0;display:grid}.hero h1{margin-bottom:12px;font-size:clamp(2rem,5vw,42px);line-height:1.1}.tagline{color:#8fa3b8;letter-spacing:.3px;text-shadow:0 0 10px #00e5ff26;margin-top:8px;font-size:1.05rem;font-style:italic}.gear-image-container{justify-content:center;display:flex}.gear-image{filter:drop-shadow(0 0 25px #00e5ff73)brightness(1.25)contrast(1.1)saturate(1.3);width:100%;max-width:460px;height:auto;transition:filter .4s,transform .4s;transform:scale(1.03)}.gear-image:hover{filter:drop-shadow(0 0 35px #00e5ffa6)brightness(1.35)contrast(1.2)saturate(1.5);transform:scale(1.06)}.cta-row,.cta-buttons,.cta-homepage-buttons,.highlight-actions,.admin-shell__actions,.button-group,.admin-form-actions,.approval-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-badges{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.hero-badges span,.pill,.join-eyebrow{color:var(--muted);background:#0f1c2766;border:1px solid #00e5ff33;border-radius:999px;padding:6px 14px;font-size:.85rem}.steps-section,.role-section{margin-top:48px}.section-header{margin-bottom:20px}.steps-grid,.role-grid,.feature-grid,.pricing-grid,.contact-grid,.columns-grid,.approval-grid,.metric-grid,.grid-two,.join-layout{gap:20px;display:grid}.steps-grid,.role-grid,.contact-grid,.columns-grid,.approval-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid,.metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.columns{columns:2 260px;column-gap:28px}.about-hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;max-width:1200px;margin:12px auto 22px;display:grid}.about-hero-text h1{margin-bottom:8px;font-size:clamp(2rem,4vw,2.6rem)}.lead{color:#9fb1c5;font-size:1.1rem}.pills{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.faq-list{gap:12px;margin-top:18px;display:grid}.faq-list details,details{background:#0e131ab8;border:1px solid #00e5ff24;border-radius:16px;padding:16px 20px}.faq-list summary,details summary{cursor:pointer;font-weight:600}.join-page{padding:12px 0 40px}.join-toggle{background:#0f172af2;border:1px solid #22d3ee73;border-radius:999px;gap:4px;max-width:480px;margin:16px auto 0;padding:4px;display:flex}.join-toggle-btn{color:#9ca3af;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 14px;font-weight:600}.join-toggle-btn.active{color:#020617;background:linear-gradient(90deg,#22d3ee,#4ade80);box-shadow:0 0 18px #22d3ee99}.join-section{display:none}.join-section.is-active{display:block}.join-shell{padding:24px 0 48px}.join-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:flex-start}.join-summary,.join-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e131ab8;border:1px solid #00e5ff24;border-radius:20px;padding:32px}.join-summary{flex-direction:column;gap:18px;display:flex}.join-summary h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}.join-lead,.join-subtitle,.plan-subtitle{color:#9fb1c5}.join-highlights{color:#c7d4e6;gap:12px;display:grid}.join-card.card{padding:0;overflow:hidden}.join-card-header,.join-form{padding:28px 32px}.join-card-header{border-bottom:1px solid #00e5ff1f}.join-submit{width:100%}.join-form{flex-direction:column;gap:24px;display:flex}.join-form-grid,.admin-form-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.join-field,.admin-field,.form-group{flex-direction:column;gap:6px;display:flex}.join-field-full,.join-field--full,.admin-field-full{grid-column:1/-1}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 180px);padding:24px 16px;display:flex}.auth-card{background:#0f172af5;border:1px solid #94a3b859;border-radius:20px;width:100%;max-width:440px;padding:28px 28px 24px;box-shadow:0 22px 45px #0f172ae6}.auth-form{flex-direction:column;gap:14px;margin-top:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.demo-credentials{border-top:1px solid #94a3b833;margin-top:18px;padding-top:18px}.demo-credentials ul{color:#cbd5f5;gap:8px;margin-top:10px;padding-left:18px;display:grid}.admin-page,.admin-shell{max-width:1200px;margin:0 auto 40px}.admin-shell__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.admin-shell__header h1{margin-top:2px;font-size:clamp(1.5rem,3vw,1.8rem)}.admin-shell__body{grid-template-columns:260px 1fr;gap:18px;display:grid}.admin-shell__nav{background:#0f172ab3;border:1px solid #00e5ff1f;border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 16px 32px #00000059}.admin-nav__item{text-align:left;width:100%;color:var(--text);background:#0f172a80;border:1px solid #0000;border-radius:12px;padding:12px 14px;transition:border-color .2s,background .2s,transform .15s}.admin-nav__item:hover,.admin-nav__item--active{background:linear-gradient(135deg,#00e5ff1f,#0e172ae6);border-color:#00e5ff99;box-shadow:0 0 18px #00e5ff40}.admin-nav__label{font-weight:600}.admin-nav__hint{color:var(--muted);margin-top:4px;font-size:.85rem;display:block}.admin-shell__content,.admin-panel{min-height:320px}.admin-panel{background:#0a1017b3;border:1px solid #00e5ff1a;border-radius:16px;padding:18px;box-shadow:0 12px 32px #0000004d}.admin-panel__header,.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.metric-card{padding:14px 16px}.metric-label{color:var(--muted);font-size:.9rem}.metric-value{margin:6px 0;font-size:1.6rem}.metric-change.positive{color:#34d399}.metric-change.warning{color:#fbbf24}.metric-change.muted{color:var(--muted)}.table-wrapper,.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.92rem}.admin-table thead{background:#0f172ae6}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #1e40af59;padding:10px 12px}.admin-table tbody tr:nth-child(2n){background:#0f172a47}.admin-table tbody tr:hover{background:#1e40af33}.text-right,.text-end{text-align:right}.badge{border:1px solid #00e5ff33;border-radius:999px;align-items:center;padding:3px 10px;font-size:.75rem;display:inline-flex}.badge-success{color:#bbf7d0;background:#16a34a2b}.badge-muted{color:#e5e7eb;background:#94a3b833}.admin-details{grid-template-columns:max-content 1fr;gap:8px 16px;font-size:.9rem;display:grid}.admin-details dt{color:#cbd5f5;font-weight:600}.admin-details dd{color:#e5e7eb}.quote-summary{background:#0f172a80;border:1px solid #00e5ff1f;border-radius:14px;gap:6px;padding:16px;display:grid}.role-card ul,.highlight-card ul,.feature ul,.feature ol{color:#c8d3e0;margin-top:12px}.feature h3,.pricing-card h2{margin-bottom:8px}.highlight-card,.about-cta{margin-top:28px}.pricing-card.highlight{border-color:#7cff6b66;box-shadow:0 0 22px #7cff6b26}.thankyou-modal-overlay{z-index:99999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.thankyou-modal{text-align:center;max-width:360px;box-shadow:var(--shadow);background:#0f172af2;border:1px solid #38bdf880;border-radius:18px;padding:28px 32px}.thankyou-btn{color:#0b0f14;background:linear-gradient(90deg,#22d3ee,#4ade80);border:none;border-radius:999px;padding:10px 24px;font-weight:600}.error-card,.app-loading-card{max-width:720px;margin:40px auto}.app-loading-shell{place-items:center;min-height:100vh;display:grid}.stack{flex-direction:column;display:flex}.gap-sm{gap:8px}.gap-md{gap:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.join-layout,.admin-shell__body,.about-hero,.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (width<=900px){.nav-toggle-label{display:inline-flex}.nav-menu{box-shadow:var(--shadow);background:#0a1017f5;border:1px solid #00e5ff24;border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;padding:16px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.nav-menu.is-open{display:flex}.nav-links{flex-direction:column;align-items:stretch;gap:8px}.nav-actions,.nav-user-menu{width:100%}.user-dropdown{opacity:1;visibility:visible;margin-top:12px;display:none;position:static;transform:none}.user-dropdown.is-open{display:block}.join-form-grid,.admin-form-grid,.form-grid,.grid-two{grid-template-columns:1fr}}@media (width<=768px){.container{width:min(100% - 24px, var(--container))}.page-content{padding:20px 0 36px}.admin-shell__header,.admin-panel__header,.card-header,.admin-form-actions,.button-group,.cta-row,.cta-buttons,.cta-homepage-buttons,.highlight-actions,.admin-shell__actions{flex-direction:column;align-items:stretch}.columns{columns:1}.auth-card,.join-summary,.join-card-header,.join-form,.join-card,.section-card,.card,.admin-panel{padding-inline:18px}}@media (width<=640px){.join-toggle{flex-direction:column}.hero-badges{gap:8px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.brand-logo{height:46px}.container{width:min(100% - 20px, var(--container))}.metric-grid{grid-template-columns:1fr}.admin-table th,.admin-table td{white-space:normal;padding:8px 10px}}