/* Crew Love v3.1 — cinematic mobile-first design refresh + strong light mode */
:root{
  --bg:#050506;
  --bg2:#0c0c10;
  --surface:#111115;
  --surface2:#18181f;
  --panel:rgba(255,255,255,.065);
  --panel2:rgba(255,255,255,.11);
  --text:#f7f7fa;
  --muted:#b8bac5;
  --dim:#7f828e;
  --line:rgba(255,255,255,.13);
  --red:#e50914;
  --red2:#b00610;
  --red3:#ff2a35;
  --silver:#e7e8ee;
  --shadow:0 28px 90px rgba(0,0,0,.48);
  --soft-shadow:0 18px 60px rgba(0,0,0,.28);
  --radius-xl:34px;
  --radius-lg:24px;
  --radius-md:16px;
  --container:1180px;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
html[data-theme="light"]{
  --bg:#ffffff;
  --bg2:#f7f7f9;
  --surface:#ffffff;
  --surface2:#f1f2f5;
  --panel:rgba(9,10,16,.055);
  --panel2:rgba(9,10,16,.09);
  --text:#090a0f;
  --muted:#4b4e59;
  --dim:#6e727d;
  --line:rgba(9,10,16,.13);
  --silver:#333842;
  --shadow:0 28px 90px rgba(14,18,28,.14);
  --soft-shadow:0 16px 50px rgba(14,18,28,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body,Inter),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden;padding-bottom:var(--safe-bottom)}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 17% 8%,rgba(229,9,20,.22),transparent 28%),radial-gradient(circle at 86% 14%,rgba(229,9,20,.14),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%)}
html[data-theme="light"] body::before{background:radial-gradient(circle at 10% 0%,rgba(229,9,20,.08),transparent 24%),radial-gradient(circle at 88% 10%,rgba(229,9,20,.06),transparent 26%),linear-gradient(180deg,#fff,#fff)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:12px;top:12px;z-index:999;background:var(--red);color:#fff;padding:10px 14px;border-radius:12px}
.site-header{position:fixed;z-index:100;top:14px;left:clamp(12px,3vw,28px);right:clamp(12px,3vw,28px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px;border:1px solid var(--line);background:rgba(7,7,9,.72);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 14px 45px rgba(0,0,0,.24);transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}
.site-header.scrolled{background:rgba(7,7,9,.88);box-shadow:0 18px 60px rgba(0,0,0,.32)}
html[data-theme="light"] .site-header{background:rgba(255,255,255,.82);box-shadow:0 12px 42px rgba(15,16,24,.10)}
html[data-theme="light"] .site-header.scrolled{background:rgba(255,255,255,.94)}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:950;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}.brand img{width:46px;height:46px;object-fit:cover;border-radius:15px;box-shadow:0 0 28px rgba(229,9,20,.18)}.brand strong{color:var(--red)}
.top-nav{display:flex;align-items:center;gap:20px;font-size:.9rem;font-weight:850;color:var(--muted)}.top-nav a{transition:color .18s ease,opacity .18s ease}.top-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:8px}.view-link{font-size:.76rem;font-weight:900;border:1px solid var(--line);background:var(--panel);padding:11px 12px;border-radius:14px;color:var(--muted)}.view-link:hover{color:var(--red);border-color:rgba(229,9,20,.5)}.theme-toggle,.nav-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;min-width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.theme-toggle:hover,.nav-toggle:hover{border-color:rgba(229,9,20,.55)}.nav-toggle{display:none}.nav-toggle span{display:block;width:18px;height:2px;background:currentColor;border-radius:999px;margin:2px 0}
.eyebrow{margin:0 0 12px;color:var(--red);font-weight:950;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}h1,h2,h3{font-family:var(--font-heading,"Space Grotesk"),Inter,sans-serif;line-height:.98;margin:0;letter-spacing:-.06em}h1{font-size:clamp(3.2rem,8vw,8rem)}h2{font-size:clamp(2.25rem,5.6vw,5.3rem)}h3{font-size:1.35rem}.small-muted{color:var(--muted);font-size:.95rem;line-height:1.55}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border-radius:16px;padding:14px 24px;border:1px solid transparent;font-weight:950;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--red3),var(--red2));color:#fff;box-shadow:0 18px 50px rgba(229,9,20,.32)}.btn.ghost{border-color:var(--line);background:var(--panel);color:var(--text)}.btn.full,.full{width:100%}.cta-row{display:flex;gap:14px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
/* Hero */
.cinematic-hero{position:relative;overflow:hidden}.desktop-hero{min-height:100svh;display:grid;align-items:center;padding:132px 6vw 84px}.desktop-hero-bg,.hero-media{position:absolute;inset:0;background:url('/assets/images/hero-film-tv-crew-network.webp') center/cover no-repeat;opacity:.58;transform:scale(1.03)}.desktop-hero-shade,.mobile-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.78) 40%,rgba(0,0,0,.28) 100%),linear-gradient(180deg,rgba(0,0,0,.18),var(--bg) 100%)}
html[data-theme="light"] .desktop-hero-bg,html[data-theme="light"] .hero-media{opacity:.23}html[data-theme="light"] .desktop-hero-shade,html[data-theme="light"] .mobile-hero::after{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.86) 46%,rgba(255,255,255,.55)),linear-gradient(180deg,rgba(255,255,255,.2),#fff 100%)}
.desktop-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.54fr);gap:48px;align-items:center}.hero-content{position:relative;z-index:1;max-width:840px}.hero-content p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:clamp(1.06rem,2vw,1.35rem);margin:24px 0 32px}.hero-orbit{position:absolute;border:1px solid rgba(229,9,20,.24);border-radius:999px;filter:blur(.15px);animation:spin 18s linear infinite}.hero-orbit.one{width:460px;height:460px;right:12%;bottom:7%;opacity:.55}.hero-orbit.two{width:260px;height:260px;right:34%;top:22%;opacity:.34;animation-duration:24s}
.trust-pills,.chip-row{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.trust-pills span,.chip-row span{border:1px solid var(--line);background:var(--panel);padding:9px 12px;border-radius:999px;font-size:.79rem;color:var(--muted);font-weight:850}.glass-card,.gig-live-card,.profile-card,.connection-card,.post-panel,.connect-form-card,.admin-panel,.admin-grid article,.hero-dashboard{border:1px solid var(--line);background:linear-gradient(155deg,var(--panel2),var(--panel));border-radius:var(--radius-xl);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
html[data-theme="light"] .glass-card,html[data-theme="light"] .gig-live-card,html[data-theme="light"] .profile-card,html[data-theme="light"] .connection-card,html[data-theme="light"] .post-panel,html[data-theme="light"] .connect-form-card,html[data-theme="light"] .admin-panel,html[data-theme="light"] .admin-grid article,html[data-theme="light"] .hero-dashboard{background:#fff;box-shadow:var(--shadow)}.hero-dashboard{padding:26px}.hero-dashboard h2{font-size:clamp(2rem,4vw,3.2rem);margin:18px 0 10px}.hero-dashboard h3{color:var(--red);font-size:1.45rem}.dash-top,.gig-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.82rem;font-weight:850}.dash-top strong,.badge{background:var(--red);color:white;padding:7px 10px;border-radius:999px}.mini-map{position:relative;min-height:120px;margin-top:20px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(135deg,rgba(229,9,20,.18),rgba(255,255,255,.04)),repeating-linear-gradient(45deg,transparent 0 18px,rgba(255,255,255,.035) 19px 20px)}.mini-map span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 8px rgba(229,9,20,.13)}.mini-map span:nth-child(1){top:22px;left:36px}.mini-map span:nth-child(2){top:64px;right:62px}.mini-map span:nth-child(3){bottom:26px;left:54%}.mini-map strong{position:absolute;left:18px;bottom:16px;font-size:.9rem}
.mobile-hero{min-height:100svh;padding:112px 18px 42px;display:grid;align-items:end}.mobile-hero .hero-content{position:relative;z-index:1}.mobile-hero h1{font-size:clamp(3.1rem,16vw,5rem)}
.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--container);margin:0 auto;padding:0 18px;transform:translateY(-34px);position:relative;z-index:2}.stat{border:1px solid var(--line);background:var(--surface);padding:22px 18px;box-shadow:var(--soft-shadow)}.stat:first-child{border-radius:24px 0 0 24px}.stat:last-child{border-radius:0 24px 24px 0}.stat strong{font-family:var(--font-heading);font-size:2rem;color:var(--red)}.stat span{display:block;color:var(--muted);font-weight:800}
/* Sections */
.section{padding:clamp(74px,11vw,126px) 6vw}.section-head{margin-bottom:28px}.section-head.centered{text-align:center;max-width:900px;margin:0 auto 40px}.section-head p:not(.eyebrow),.section-copy p:not(.eyebrow),.community-content p{color:var(--muted);font-size:1.08rem}.split-two,.app-desktop-section{max-width:var(--container);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-list{display:grid;gap:16px;margin-top:30px}.feature-list.compact article{display:flex;gap:15px;border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:18px}.icon-dot{width:48px;height:48px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--red),#540006);color:#fff;font-weight:950;box-shadow:0 16px 32px rgba(229,9,20,.25)}.feature-list h3{font-size:1.12rem}.feature-list p{margin:6px 0 0;color:var(--muted);font-size:.95rem}.image-card{border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);background:var(--surface)}.image-card img{width:100%;height:100%;object-fit:cover}.stacked-card{transform:rotate(1deg);position:relative}.stacked-card::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(229,9,20,.35);border-radius:var(--radius-xl);z-index:-1}.cards-grid{max-width:var(--container);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);overflow:hidden;box-shadow:var(--soft-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(229,9,20,.45);box-shadow:var(--shadow)}.feature-card img{height:230px;width:100%;object-fit:cover}.feature-card div{padding:22px}.feature-card p{color:var(--muted);margin-bottom:0}
/* Phone app */
.phone-stage{position:relative;width:min(430px,100%);margin:auto}.phone-glow{position:absolute;inset:10% -18%;background:radial-gradient(circle,rgba(229,9,20,.32),transparent 62%);filter:blur(32px)}.phone-shell{position:relative;width:min(390px,100%);margin:auto;border:1px solid rgba(255,255,255,.18);border-radius:44px;padding:18px;background:linear-gradient(160deg,#181820,#030304);box-shadow:var(--shadow),inset 0 0 0 8px rgba(255,255,255,.035);min-height:632px;overflow:hidden}.phone-shell.large-phone{width:min(440px,100%)}.phone-status{display:flex;justify-content:space-between;color:#dfe0e6;font-size:.82rem;padding:0 8px;margin-bottom:18px}.app-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.app-logo-row img{width:58px;height:58px;border-radius:18px}.app-logo-row strong{display:block;font-size:1.08rem;color:white}.app-logo-row small{display:block;color:#aeb0bc}.app-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.app-tabs button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;border-radius:14px;padding:12px 8px;font-weight:950;cursor:pointer}.app-tabs button.active{background:linear-gradient(135deg,var(--red3),var(--red2));border-color:transparent}.app-panel{display:none}.app-panel.active{display:block;animation:fadeUp .25s ease both}.mini-gig{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.06);border-radius:16px;padding:13px;margin-bottom:9px}.mini-gig span,.mini-gig small{display:block;color:#aeb0bc;font-size:.78rem}.mini-gig strong{display:block;margin:4px 0;color:#fff}.bottom-tabbar{display:flex;justify-content:space-between;margin-top:18px;color:#aeb0bc;font-size:.78rem;border-top:1px solid rgba(255,255,255,.10);padding-top:13px}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-grid span{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;text-align:center;font-weight:900;background:rgba(255,255,255,.06);color:#fff}.connect-preview-mini{text-align:center;color:#fff}.card-id-strip{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px;margin-bottom:12px;background:rgba(255,255,255,.06);font-weight:900;color:#fff}
/* Cards and forms */
.profile-grid{max-width:var(--container);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.profile-stack{display:grid;gap:14px}.profile-card{padding:22px}.profile-card span{text-transform:uppercase;letter-spacing:.12em;color:var(--red);font-size:.76rem;font-weight:950}.profile-card p{color:var(--muted);margin:8px 0}.profile-card strong{display:block;margin:12px 0;color:var(--silver)}.profile-card a{color:var(--red);font-weight:950}.avatar-circle{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff,var(--silver));color:#111;font-weight:950;border:5px solid var(--red);box-shadow:0 16px 30px rgba(229,9,20,.26);margin:0 auto 12px}.avatar-circle.small{width:60px;height:60px;margin:0 0 12px}.avatar-circle.big{width:112px;height:112px;font-size:1.8rem}.connection-card{padding:28px;text-align:center}.connection-card.wide{max-width:var(--container);margin:auto;display:grid;grid-template-columns:270px 1fr 190px;gap:30px;text-align:left;align-items:center}.card-id-image{background:linear-gradient(135deg,#191921,#070709);border:1px solid var(--line);border-radius:24px;padding:24px;text-align:center;color:#fff;font-weight:950;letter-spacing:.13em;box-shadow:inset 0 0 30px rgba(229,9,20,.18);margin-bottom:16px}.qr-img{width:150px;border-radius:16px;background:#fff;padding:8px;margin:14px auto}.post-panel{padding:28px}.lead-form,.connect-form-card form{display:grid;gap:13px}.lead-form label,.connect-form-card label,.admin-panel label,.admin-login-card label{display:grid;gap:7px;color:var(--muted);font-size:.86rem;font-weight:850}.lead-form input,.lead-form textarea,.lead-form select,.connect-form-card input,.connect-form-card textarea,.admin-panel input,.admin-panel textarea,.admin-panel select,.admin-login-card input{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:13px 14px;outline:none}.lead-form input:focus,.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus{border-color:rgba(229,9,20,.55);box-shadow:0 0 0 4px rgba(229,9,20,.10)}.form-success,.form-error{border-radius:14px;padding:13px 14px;font-weight:850}.form-success{background:rgba(40,190,120,.13);border:1px solid rgba(40,190,120,.28);color:#4fe0a0}.form-error{background:rgba(229,9,20,.13);border:1px solid rgba(229,9,20,.32);color:#ff8d95}
/* Community */
.community-section{position:relative;min-height:720px;display:grid;align-items:center;overflow:hidden;padding:96px 6vw}.community-bg{position:absolute;inset:0;background:url('/assets/images/crew-love-networking.webp') center/cover no-repeat;opacity:.62;transform:scale(1.02)}.community-overlay{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(5,5,6,.86) 34%,rgba(5,5,6,.38) 100%),linear-gradient(180deg,transparent,var(--bg) 100%)}html[data-theme="light"] .community-bg{opacity:.18}html[data-theme="light"] .community-overlay{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.88) 44%,rgba(255,255,255,.6)),linear-gradient(180deg,transparent,#fff 100%)}.community-content{position:relative;z-index:1;max-width:680px}.role-ticker{position:relative;z-index:1;align-self:end;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.38);backdrop-filter:blur(14px)}html[data-theme="light"] .role-ticker{background:rgba(255,255,255,.76)}.ticker-track{display:flex;gap:12px;width:max-content;padding:14px;animation:ticker 32s linear infinite}.ticker-track span{color:var(--muted);padding:9px 14px;background:var(--panel);border-radius:999px;white-space:nowrap;font-weight:850}.image-scroll-stack{display:grid;gap:18px}.mobile-feature-story{padding-top:40px}
/* Footer, ads, install */
.site-footer{border-top:1px solid var(--line);padding:44px 6vw 96px;display:flex;justify-content:space-between;gap:26px;max-width:var(--container);margin:auto;color:var(--muted)}.site-footer .brand{color:var(--text);margin-bottom:12px}.footer-links{display:flex;gap:12px;flex-wrap:wrap;font-weight:850}.footer-links a:hover{color:var(--red)}.mobile-ad-shell{position:fixed;z-index:120;left:50%;bottom:calc(8px + var(--safe-bottom));transform:translateX(-50%);width:320px;min-height:50px;border:1px solid var(--line);background:rgba(10,10,14,.92);backdrop-filter:blur(12px);border-radius:12px;color:#fff;display:none;place-items:center;box-shadow:0 16px 50px rgba(0,0,0,.36);overflow:hidden}.mobile-ad-shell span{position:absolute;left:8px;top:3px;font-size:.58rem;color:#aaa}.mobile-ad-shell button{position:absolute;right:4px;top:3px;background:transparent;color:#aaa;border:0;cursor:pointer}.mobile-ad-placeholder{font-size:.8rem;color:#ccc}.install-toast{position:fixed;left:14px;right:14px;bottom:calc(70px + var(--safe-bottom));z-index:130;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:14px}.install-toast button{background:var(--red);color:#fff;border:0;border-radius:12px;padding:10px 14px;font-weight:900}
/* Connect page */
.connect-page-wrap{min-height:100svh;display:grid;grid-template-columns:minmax(300px,420px) minmax(300px,460px);gap:26px;align-items:center;justify-content:center;padding:90px 20px}.back-link{position:fixed;top:18px;left:18px;color:var(--muted);font-weight:900}.profile-detail h1{font-size:clamp(2.6rem,6vw,4.7rem)}.connect-form-card{padding:26px}
/* Admin */
.admin-body{font-family:var(--font-admin,var(--font-body,Inter)),system-ui,sans-serif;background:var(--bg);min-height:100vh}.admin-sidebar{position:fixed;z-index:80;left:16px;top:16px;bottom:16px;width:260px;border:1px solid var(--line);background:linear-gradient(155deg,var(--panel2),var(--panel));border-radius:28px;padding:18px;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;gap:22px}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar nav a{padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:850}.admin-sidebar nav a:hover{background:var(--panel);color:var(--text)}.admin-main{padding:28px 28px 60px 306px}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.admin-top h1{font-size:clamp(2.4rem,5vw,5.6rem)}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.admin-grid article{padding:20px}.admin-grid strong{display:block;font-family:var(--font-heading);font-size:2.5rem;color:var(--red)}.admin-grid span{color:var(--muted);font-weight:850}.admin-panel{padding:24px;margin-bottom:24px}.admin-panel h2{font-size:clamp(1.8rem,3vw,3.3rem);margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid .wide{grid-column:1/-1}.font-preview{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);font-size:1.5rem;font-weight:900}.admin-table-wrap{overflow:auto;margin-top:18px;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:.88rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}tr:last-child td{border-bottom:0}.admin-login-page{min-height:100svh;display:grid;place-items:center;padding:20px}.admin-login-card{width:min(720px,100%);border:1px solid var(--line);background:linear-gradient(155deg,var(--panel2),var(--panel));border-radius:34px;padding:clamp(24px,5vw,48px);box-shadow:var(--shadow)}.admin-login-card h1{font-size:clamp(4rem,11vw,8rem);margin:18px 0}.admin-login-card .brand img{width:80px;height:80px}.admin-login-card form{display:grid;gap:13px}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1100px){.top-nav{display:none;position:fixed;top:76px;left:16px;right:16px;flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:22px;box-shadow:var(--shadow)}.top-nav.open{display:flex}.top-nav a{padding:12px}.nav-toggle{display:block}.view-link{display:none}.desktop-hero-grid,.split-two,.app-desktop-section,.connection-card.wide,.connect-page-wrap{grid-template-columns:1fr}.connection-card.wide{text-align:center}.profile-grid{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr);transform:none;padding:20px 18px}.stat:first-child{border-radius:24px 0 0 0}.stat:nth-child(2){border-radius:0 24px 0 0}.stat:nth-child(3){border-radius:0 0 0 24px}.stat:last-child{border-radius:0 0 24px 0}.admin-sidebar{position:static;width:auto;margin:16px;bottom:auto}.admin-main{padding:12px 16px 60px}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.site-header{top:10px;left:10px;right:10px}.brand span{font-size:.86rem}.brand img{width:42px;height:42px}.mobile-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.76) 52%,var(--bg) 100%)}html[data-theme="light"] .mobile-hero::after{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.88) 56%,#fff 100%)}.desktop-hero{padding:112px 18px 66px}.section,.live-card-section,.phone-app-section{padding-left:18px;padding-right:18px}.cta-row .btn{width:100%}.profile-grid{grid-template-columns:1fr}.phone-shell{border-radius:36px;min-height:620px;padding:16px}.pay-grid{grid-template-columns:1fr}.site-footer{display:grid;text-align:center;justify-items:center}.footer-links{justify-content:center}.form-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.mobile-ad-shell{display:grid}.admin-login-card h1{font-size:clamp(3.4rem,20vw,5.5rem)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Crew Love v3.3 — member auth, onboarding, CRM/CMS expansion */
.red-word{color:var(--red);text-shadow:0 0 30px rgba(229,9,20,.2)}
.hero-3-line{white-space:normal;line-height:.94}.hero-3-line br{display:block}.site-header .top-nav a[href="/signin.php"]{color:#fff;background:linear-gradient(135deg,var(--red3),var(--red2));padding:10px 14px;border-radius:13px}.quick-stats a{color:inherit}.admin-grid a{border:1px solid var(--line);background:linear-gradient(155deg,var(--panel2),var(--panel));border-radius:var(--radius-xl);box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:20px;display:block}.admin-grid a:hover{transform:translateY(-2px);border-color:rgba(229,9,20,.45)}
.intro-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(229,9,20,.18),transparent 34%),#050506;transition:opacity .45s ease,visibility .45s ease}.intro-splash.hide{opacity:0;visibility:hidden;pointer-events:none}.intro-heart{display:grid;justify-items:center;gap:18px;color:#fff;font-family:var(--font-heading);font-weight:950;text-transform:uppercase;letter-spacing:.08em}.intro-heart img{width:132px;height:132px;border-radius:32px;animation:heartPulse 1s ease-in-out infinite;box-shadow:0 0 80px rgba(229,9,20,.42)}.intro-heart strong{color:var(--red)}@keyframes heartPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.auth-page{min-height:100svh;background:var(--bg);padding:34px 18px}.auth-shell{min-height:calc(100svh - 68px);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,560px);gap:28px;align-items:center;max-width:1180px;margin:auto}.wide-auth{max-width:1320px;grid-template-columns:minmax(320px,.72fr) minmax(360px,1fr)}.auth-visual,.auth-card{border:1px solid var(--line);background:linear-gradient(155deg,var(--panel2),var(--panel));border-radius:34px;box-shadow:var(--shadow);padding:clamp(24px,5vw,46px);backdrop-filter:blur(18px)}html[data-theme="light"] .auth-visual,html[data-theme="light"] .auth-card{background:#fff}.auth-visual img{width:92px;height:92px;border-radius:24px;box-shadow:0 0 50px rgba(229,9,20,.25);margin-bottom:22px}.auth-visual h1{font-size:clamp(3.6rem,7vw,7rem);margin-bottom:18px}.auth-visual p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.auth-tabs a{text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:12px;font-weight:950;color:var(--muted)}.auth-tabs a.active{background:var(--red);border-color:var(--red);color:#fff}.auth-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:16px}.auth-links a,.muted-link{color:var(--muted);font-weight:850}.auth-links a:hover,.muted-link:hover{color:var(--red)}.role-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.role-cards article{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:16px}.role-cards strong{display:block;color:var(--red);margin-bottom:6px}.role-cards span{color:var(--muted);font-size:.9rem}.onboarding-card h2{font-size:clamp(1.6rem,3vw,2.6rem);margin:26px 0 8px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0}.check-grid label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:10px 12px}.mini-card{padding:18px!important;margin-top:20px}.blue-check{display:inline-grid;place-items:center;width:.88em;height:.88em;border-radius:50%;background:#1888ff;color:#fff;font-size:.55em;vertical-align:middle;box-shadow:0 8px 24px rgba(24,136,255,.28)}.credential-icons{display:flex;justify-content:center;gap:8px;margin:10px 0}.credential-icons span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(229,9,20,.13);border:1px solid rgba(229,9,20,.36);color:var(--red);font-weight:950;font-size:.76rem}.member-dashboard{padding:124px 6vw 60px;max-width:1180px;margin:auto}.dashboard-hero{display:grid;grid-template-columns:1fr minmax(220px,300px);gap:24px;align-items:center}.dashboard-hero h1{font-size:clamp(2.4rem,5vw,5.2rem)}
.page-shell{padding:128px 6vw 70px;max-width:1180px;margin:auto}.page-hero{padding:clamp(34px,7vw,72px) 0}.page-hero h1{font-size:clamp(3rem,7vw,7rem);max-width:980px}.page-hero p{max-width:760px;color:var(--muted);font-size:1.16rem}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.featured-price{border-color:rgba(229,9,20,.45);box-shadow:0 25px 90px rgba(229,9,20,.15)}.legal-copy h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-top:20px}.filter-bar .filter-actions{display:flex;align-items:end;gap:10px}.narrow-admin{max-width:1080px;margin:0 auto;padding-left:28px}.admin-main.narrow-admin{padding-left:28px}.cookie-banner{position:fixed;z-index:160;left:14px;right:14px;bottom:calc(12px + var(--safe-bottom));max-width:980px;margin:auto;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:14px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:14px}.cookie-banner p{margin:0;color:var(--muted);font-size:.88rem}.cookie-banner div{display:flex;gap:10px;align-items:center}.cookie-banner button{border:0;background:var(--red);color:#fff;border-radius:12px;padding:10px 14px;font-weight:950}.cookie-banner a{color:var(--red);font-weight:900}.install-toast .btn{min-height:38px;padding:9px 12px;border-radius:12px}.form-grid small{display:block;color:var(--dim);margin-top:6px}.card-id-image{word-break:break-word}
@media(max-width:900px){.auth-shell,.wide-auth,.dashboard-hero{grid-template-columns:1fr}.auth-visual h1{font-size:clamp(3rem,15vw,5.5rem)}.check-grid,.pricing-grid,.role-cards{grid-template-columns:1fr}.cookie-banner{display:grid}.filter-bar .filter-actions{align-items:stretch}.page-shell{padding-left:18px;padding-right:18px}.member-dashboard{padding-left:18px;padding-right:18px}.hero-3-line{font-size:clamp(3rem,15vw,5rem)}}