:root{--bg:#f4f6f8;--panel:#fff;--ink:#11151b;--muted:#6d7683;--line:#e4e8ed;--accent:#b8ff24;--accent2:#7be70b;--dark:#0d1117;--danger:#e44b5f;--radius:18px;--shadow:0 12px 38px rgba(10,20,30,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.pill,.kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pill{padding:9px 12px;border-radius:999px;background:rgba(184,255,36,.14);color:#78a716}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 15px;font-weight:800;transition:.2s}.btn.primary{background:var(--accent);color:#111}.btn.primary:hover{background:var(--accent2);transform:translateY(-1px)}.btn.secondary,.btn.ghost{background:#fff;border:1px solid var(--line)}.btn.text{background:transparent}.btn.xl{padding:14px 20px;border-radius:13px}.btn.full,.full{width:100%}.btn.tiny{padding:7px 10px;font-size:12px;border-radius:8px}.btn.whatsapp{background:#eafff1;color:#087b3c}.alert{padding:12px 14px;border-radius:11px;margin:0 0 14px}.alert.success{background:#eaffef;color:#16733d}.alert.danger{background:#fff0f2;color:#a8243a}.brand{display:flex;align-items:center;gap:11px}.brand.large{margin-bottom:28px}.brand-mark,.site-logo span{width:39px;height:39px;border-radius:12px;background:var(--accent);display:grid;place-items:center;font-weight:950;color:#111;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.brand strong{display:block;font-size:14px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0d1117;color:#dce2e8;padding:20px 16px;position:fixed;width:250px;height:100vh;display:flex;flex-direction:column;z-index:40}.sidebar .brand{padding:4px 7px 22px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-item{padding:11px 12px;border-radius:10px;color:#aeb7c2;font-size:14px;font-weight:650;display:flex;gap:11px;align-items:center}.nav-item span{width:18px;text-align:center}.nav-item:hover{background:#161c25;color:#fff}.nav-item.active{background:var(--accent);color:#111}.sidebar-foot{margin-top:auto;display:grid;gap:8px;border-top:1px solid #242b35;padding-top:15px}.sidebar-foot a{font-size:12px;color:#8d98a7;padding:6px 8px}.main{grid-column:2;min-width:0}.topbar{height:86px;padding:17px 30px;display:flex;align-items:center;gap:18px;background:rgba(244,246,248,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(228,232,237,.8)}.topbar h1{margin:2px 0 0;font-size:25px}.eyebrow{font-size:9px;letter-spacing:.18em;color:#8d96a2;font-weight:900}.user-chip{margin-left:auto;display:flex;align-items:center;gap:9px}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:13px}.user-chip small{font-size:10px;color:var(--muted);margin-top:2px}.avatar{width:38px;height:38px;border-radius:12px;background:#e5e9ef;display:grid;place-items:center;font-weight:900}.avatar.sm{width:34px;height:34px;border-radius:10px;font-size:12px}.avatar.lg{width:62px;height:62px;border-radius:18px;font-size:22px;background:var(--accent)}.menu-btn{display:none}.icon-btn{background:#fff;border:1px solid var(--line);width:40px;height:40px;border-radius:10px}.content{padding:25px 30px 42px;max-width:1500px}.app-footer{padding:18px 30px 30px;color:#9aa2ad;font-size:11px}.metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.metric-cards.four{grid-template-columns:repeat(4,1fr)}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:120px;box-shadow:0 2px 8px rgba(10,20,30,.02)}.metric.accent{background:var(--accent);border-color:transparent}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric.accent span,.metric.accent small{color:#46550e}.metric b{display:block;font-size:28px;margin:11px 0 6px;letter-spacing:-.04em}.metric b.text-value{font-size:17px;letter-spacing:0}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.quick{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;transition:.2s}.quick:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.quick>span{width:36px;height:36px;border-radius:10px;background:#f0f3f6;display:grid;place-items:center;font-weight:900}.quick b,.quick small{display:block}.quick b{font-size:13px}.quick small{font-size:11px;color:var(--muted);margin-top:3px}.dashboard-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.two-col.wide-left{grid-template-columns:1.1fr .9fr}.card,.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 8px rgba(10,20,30,.02)}.card{padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.card-head.padded{padding:17px 18px 0}.card-head h3,.card h3{margin:0;font-size:15px}.card-head a{font-size:11px;color:var(--muted);font-weight:700}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #eef1f4}.list-row:first-of-type{border-top:0}.list-row b,.list-row small{display:block}.list-row b{font-size:13px}.list-row small{font-size:10px;color:var(--muted);margin-top:3px}.progress-row{display:grid;grid-template-columns:140px 1fr 45px;align-items:center;gap:12px;padding:10px 0}.progress-row b,.progress-row small{display:block}.progress-row b{font-size:12px}.progress-row small{font-size:10px;color:var(--muted);margin-top:3px}.progress{height:8px;background:#eef1f4;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent2);border-radius:99px}.progress-row strong{font-size:11px;text-align:right}.table-card{overflow:hidden;margin-bottom:18px}table{width:100%;border-collapse:collapse}th,td{padding:13px 15px;text-align:left;border-top:1px solid #eef1f4;font-size:12px;vertical-align:middle}th{border-top:0;background:#fafbfc;color:#7d8793;font-size:10px;text-transform:uppercase;letter-spacing:.06em}td b{font-size:12px}.person{display:flex;align-items:center;gap:10px}.person small,.person b{display:block}.person small{font-size:10px;color:var(--muted);margin-top:2px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850}.badge.active,.badge.paid,.badge.present{background:#e9fff0;color:#18733c}.badge.inactive,.badge.unpaid,.badge.absent{background:#fff0f2;color:#aa3146}.badge.partial,.badge.excused{background:#fff7df;color:#9c7200}.link{color:#55870b;font-weight:800;font-size:11px}.empty{text-align:center;color:#929ba6;padding:28px}.empty.small{padding:12px 0;text-align:left}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.toolbar-actions{display:flex;gap:8px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters input,.filters select{min-width:150px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid hr{border:0;border-top:1px solid var(--line);width:100%}label{font-size:11px;font-weight:750;color:#525b66;display:grid;gap:6px}input,select,textarea{width:100%;border:1px solid #dce2e8;background:#fff;border-radius:10px;padding:10px 11px;color:#171b21;outline:0}input:focus,select:focus,textarea:focus{border-color:#9acc2e;box-shadow:0 0 0 3px rgba(184,255,36,.16)}.stack{display:grid;gap:13px}.align-end,.form-actions{display:flex;align-items:end;justify-content:flex-end}.check{display:flex;align-items:center;grid-template-columns:auto 1fr;justify-content:flex-start}.check input{width:auto}.modal{display:none;position:fixed;inset:0;background:rgba(5,10,15,.5);backdrop-filter:blur(5px);z-index:100;padding:20px;place-items:center}.modal.open{display:grid}.modal-card{width:min(700px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:24px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal-card h2{margin:0 0 18px}.modal-close{position:absolute;right:16px;top:14px;border:0;background:#f1f3f5;width:34px;height:34px;border-radius:9px;font-size:20px}.profile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.profile-title{display:flex;align-items:center;gap:14px}.profile-title h2{margin:5px 0 2px;font-size:23px}.profile-title p{margin:0;color:var(--muted);font-size:11px}.group-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:190px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.group-card h3{font-size:18px;margin:6px 0}.group-card>small{color:var(--muted)}.group-card p{color:var(--muted);font-size:11px;min-height:30px}.group-top{display:flex;justify-content:space-between;align-items:center}.sport-dot{width:11px;height:11px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 6px rgba(184,255,36,.18)}.group-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:12px 0;font-size:11px}.group-meta b{font-size:13px}.iconbox.small{width:32px;height:32px;font-size:12px}.attendance-grid{display:grid;gap:8px}.attendance-row{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 12px}.segmented{display:flex;background:#f2f4f6;padding:3px;border-radius:9px}.segmented label{display:block}.segmented input{display:none}.segmented span{display:block;padding:8px 10px;border-radius:7px;font-size:10px;color:#6b7480}.segmented input:checked+span{background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.08);font-weight:800}.sticky-save{position:sticky;bottom:16px;margin:18px auto 0;max-width:620px;background:#111820;color:#fff;padding:10px 12px 10px 16px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 16px 40px rgba(0,0,0,.2);font-size:11px}.bar-list{display:grid;gap:10px}.bar-list>div{display:grid;grid-template-columns:65px 1fr 100px;gap:10px;align-items:center;font-size:11px}.bar-list i{height:8px;border-radius:99px;background:#eef1f4;overflow:hidden}.bar-list i b{display:block;height:100%;background:var(--accent2)}.bar-list strong{text-align:right}.settings-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.kv{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #ccd3da;border-radius:16px;padding:40px;text-align:center;color:var(--muted)}
/* public site */.site-body{background:#0c1015;color:#f5f7f9}.site-header{height:78px;display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;background:rgba(12,16,21,.86);backdrop-filter:blur(18px);z-index:50;border-bottom:1px solid #1d242d}.site-logo{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:900}.site-logo span{width:35px;height:35px;border-radius:10px}.site-header nav{display:flex;gap:24px;margin-left:25px}.site-header nav a{font-size:12px;color:#9fa8b4;font-weight:700}.site-header nav a:hover{color:#fff}.header-actions{margin-left:auto;display:flex;gap:8px}.site-body .btn.ghost{background:#151b22;border-color:#252d38;color:#fff}.mobile-nav-btn{display:none}.hero{min-height:720px;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:60px;padding:75px 24px 80px;overflow:hidden}.hero h1{font-size:72px;line-height:.95;letter-spacing:-.06em;margin:22px 0;color:#fff}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy>p{font-size:18px;line-height:1.65;color:#a7b0bb;max-width:580px}.hero-actions{display:flex;gap:8px;margin:28px 0}.trust-row{display:flex;flex-wrap:wrap;gap:16px;color:#7f8995;font-size:11px}.hero-visual{position:relative;min-height:540px;display:grid;place-items:center}.mock-window{width:100%;height:440px;background:#f6f7f8;border-radius:22px;box-shadow:0 50px 100px rgba(0,0,0,.35);transform:perspective(1100px) rotateY(-8deg) rotateX(2deg);overflow:hidden;color:#111}.mock-top{height:48px;background:#fff;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid #e4e8ed}.mock-top i{width:8px;height:8px;background:#d7dce1;border-radius:50%}.mock-top b{font-size:10px;margin-left:12px}.mock-grid{display:grid;grid-template-columns:60px 1fr;height:calc(100% - 48px)}.mock-grid aside{background:#111820;padding:18px 14px;display:grid;align-content:start;gap:16px}.mock-grid aside span{height:20px;background:#2b343f;border-radius:6px}.mock-grid aside span.active{background:var(--accent)}.mock-content{padding:20px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row>div{background:#fff;border-radius:11px;padding:12px;border:1px solid #e5e8ec}.metric-row small,.metric-row i{display:block;font-size:7px;color:#8c95a0;font-style:normal}.metric-row b{display:block;font-size:18px;margin:7px 0}.chart-card{height:190px;background:#fff;border:1px solid #e5e8ec;border-radius:12px;margin-top:12px;padding:18px}.chart-bars{height:100%;display:flex;align-items:end;gap:12px;border-bottom:1px solid #e2e6ea}.chart-bars i{flex:1;background:#b8ff24;border-radius:6px 6px 0 0}.mini-table{display:grid;gap:7px;margin-top:12px}.mini-table span{height:18px;background:#fff;border-radius:7px;border:1px solid #e5e8ec}.floating-card{position:absolute;background:#fff;color:#111;padding:12px 14px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.25);min-width:180px}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:10px}.floating-card small{font-size:8px;color:#7f8892;margin-top:4px}.fc1{left:-25px;bottom:80px}.fc2{right:-18px;top:105px}.logo-strip{border-top:1px solid #1d242d;border-bottom:1px solid #1d242d;padding:18px 24px;display:flex;justify-content:center;gap:48px;flex-wrap:wrap;color:#4f5b67;font-size:11px;font-weight:900;letter-spacing:.18em}.section{max-width:1240px;margin:0 auto;padding:110px 24px}.section-head{text-align:center;max-width:700px;margin:0 auto 50px}.section-head.left{text-align:left;margin-left:0}.section-head h2{font-size:48px;letter-spacing:-.045em;margin:13px 0}.section-head p{color:#858f9b;line-height:1.7}.kicker{color:#8abf1f}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-card{background:#121820;border:1px solid #202833;border-radius:20px;padding:28px;min-height:250px}.feature-card.big{grid-row:span 2}.iconbox{width:45px;height:45px;background:var(--accent);color:#111;border-radius:13px;display:grid;place-items:center;font-weight:950;margin-bottom:34px}.feature-card h3{font-size:22px;margin:0 0 10px}.feature-card p{color:#8f99a6;line-height:1.6;font-size:13px;max-width:500px}.fake-list{background:#0c1117;border:1px solid #202833;border-radius:13px;margin-top:26px;padding:8px}.fake-list span{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:9px;border-bottom:1px solid #1e2630;font-size:10px}.fake-list span:last-child{border:0}.fake-list i{width:27px;height:27px;background:#26303b;border-radius:9px}.fake-list small{color:#6f7a87}.dark-section{padding:110px max(24px,calc((100vw - 1192px)/2));background:#f1f3f5;color:#111}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d4dae0;border-left:1px solid #d4dae0}.module-grid>div{padding:30px;min-height:230px;border-right:1px solid #d4dae0;border-bottom:1px solid #d4dae0}.module-grid>div>b{color:#8db928;font-size:11px}.module-grid h3{font-size:23px;margin:45px 0 9px}.module-grid p{font-size:12px;color:#66707b;line-height:1.6}.sport-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sport-cards span{background:#121820;border:1px solid #202833;border-radius:16px;min-height:135px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;font-size:28px}.sport-cards b{font-size:14px}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.demo-copy h2{font-size:48px;letter-spacing:-.04em;margin:12px 0}.demo-copy p,.demo-copy li{color:#8c96a2;line-height:1.7}.demo-copy ul{list-style:none;padding:0}.demo-form{background:#f7f8f9;color:#111;border-radius:22px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-form label.full,.demo-form button.full,.demo-form>small{grid-column:1/-1}.demo-form>small{color:#87909a;font-size:9px;text-align:center}.site-footer{border-top:1px solid #1d242d;max-width:1240px;margin:0 auto;padding:45px 24px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;align-items:center;color:#7f8995}.site-footer p{font-size:11px}.site-footer>div{display:flex;justify-content:flex-end;gap:14px;font-size:11px}.site-footer>small{grid-column:1/-1;border-top:1px solid #1d242d;padding-top:20px;font-size:9px}.login-body{min-height:100vh;background:#0c1015;color:#fff}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-art{padding:50px 7vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 30%,rgba(184,255,36,.16),transparent 32%),#0c1015}.mini-brand{font-size:11px;color:#7f8995}.login-art h1{font-size:76px;line-height:.95;letter-spacing:-.06em;margin:22px 0}.login-art p{color:#8e98a4;max-width:550px;font-size:17px;line-height:1.6}.login-stats{display:flex;gap:35px;margin-top:35px}.login-stats b,.login-stats small{display:block}.login-stats b{font-size:22px;color:var(--accent)}.login-stats small{font-size:9px;color:#7f8995;margin-top:5px}.login-panel{background:#f7f8f9;color:#111;padding:8vw;display:flex;flex-direction:column;justify-content:center}.login-panel h2{font-size:32px;letter-spacing:-.03em;margin:0 0 5px}.security-note{margin-top:18px;color:#8d96a0;font-size:9px}.install-body{min-height:100vh;background:#10151c;display:grid;place-items:center;padding:25px}.install-card{width:min(820px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.install-card h1{margin:8px 0}.success-screen{text-align:center;padding:35px}.success-screen .btn{margin-top:15px}
@media(max-width:1000px){.metric-cards.four,.quick-actions{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:58px}.hero-visual{min-height:480px}.feature-grid{grid-template-columns:1fr}.feature-card.big{grid-row:auto}.module-grid{grid-template-columns:repeat(2,1fr)}.demo-section{grid-template-columns:1fr}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#111820;padding:20px 24px;margin:0;flex-direction:column}.site-header nav.open{display:flex}.mobile-nav-btn{display:block;margin-left:auto;background:none;border:0;color:#fff;font-size:22px}.header-actions{display:none}.site-footer{grid-template-columns:1fr}.site-footer>div{justify-content:flex-start}.login-wrap{grid-template-columns:1fr}.login-art{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.main{grid-column:auto}.menu-btn{display:grid;place-items:center}.topbar{padding:14px 16px;height:78px}.topbar h1{font-size:20px}.user-chip div{display:none}.content{padding:16px}.metric-cards,.metric-cards.four,.quick-actions,.dashboard-grid,.two-col,.two-col.wide-left,.settings-layout,.card-grid{grid-template-columns:1fr}.metric-cards.four,.quick-actions{grid-template-columns:1fr 1fr}.metric{min-height:105px}.metric b{font-size:23px}.toolbar{align-items:stretch;flex-direction:column}.filters{display:grid;grid-template-columns:1fr 1fr}.filters>*{min-width:0!important}.table-card{overflow:auto}table{min-width:700px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.profile-head{align-items:flex-start;gap:10px}.attendance-row{align-items:stretch;flex-direction:column}.segmented{display:grid;grid-template-columns:repeat(3,1fr)}.segmented span{text-align:center}.progress-row{grid-template-columns:110px 1fr 40px}.hero{padding:45px 18px 60px}.hero h1{font-size:48px}.hero-copy>p{font-size:15px}.trust-row{gap:10px}.mock-window{height:370px;transform:none}.hero-visual{min-height:410px}.fc1{left:5px}.fc2{right:5px}.section,.dark-section{padding:75px 18px}.section-head h2,.demo-copy h2{font-size:36px}.module-grid{grid-template-columns:1fr}.sport-cards{grid-template-columns:repeat(2,1fr)}.demo-form{grid-template-columns:1fr}.demo-form label.full,.demo-form button.full,.demo-form>small{grid-column:auto}.site-header{padding:0 18px}.site-logo b{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-panel{padding:30px 20px}.install-card{padding:22px}.form-grid hr{display:none}}

/* v1.0.2 - Müşteriye özel kurulum: public vitrin yok, yalnızca giriş */
.customer-login-body{min-height:100vh;margin:0;background:#0b1016;color:#111;overflow-x:hidden}
.customer-login-body:before,.customer-login-body:after{content:"";position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none}
.customer-login-body:before{width:560px;height:560px;right:-180px;top:-220px;background:radial-gradient(circle,rgba(184,255,36,.18) 0,rgba(184,255,36,.05) 38%,transparent 70%)}
.customer-login-body:after{width:520px;height:520px;left:-240px;bottom:-260px;background:radial-gradient(circle,rgba(255,255,255,.06) 0,transparent 68%)}
.customer-login-shell{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;z-index:1}
.customer-login-card{width:min(440px,100%);background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.75);border-radius:24px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.customer-login-brand{display:flex;align-items:center;gap:12px;padding-bottom:25px;border-bottom:1px solid #edf0f3}
.customer-login-mark{width:46px;height:46px;border-radius:14px;background:var(--accent);display:grid;place-items:center;font-weight:950;font-size:18px;color:#111;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),0 8px 22px rgba(184,255,36,.18)}
.customer-login-brand strong,.customer-login-brand small{display:block}
.customer-login-brand strong{font-size:15px;letter-spacing:-.01em}
.customer-login-brand small{margin-top:3px;color:#8a939e;font-size:10px}
.customer-login-heading{padding:30px 0 22px}
.customer-login-heading>span{display:block;color:#87b82b;font-size:9px;letter-spacing:.18em;font-weight:900}
.customer-login-heading h1{font-size:34px;letter-spacing:-.045em;margin:8px 0 7px}
.customer-login-heading p{margin:0;color:#7b8490;font-size:13px;line-height:1.6}
.customer-login-form{display:grid;gap:14px}
.customer-login-form label{font-size:11px;color:#4c5560;font-weight:800}
.customer-login-form input{height:48px;border-radius:12px;background:#f9fafb;border-color:#dfe4e9;padding:0 14px}
.customer-login-form input:focus{background:#fff}
.customer-login-btn{height:49px;margin-top:4px;border-radius:12px;font-size:13px}
.customer-login-foot{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:24px;color:#9aa2ab;font-size:9px}
.customer-login-foot i{width:3px;height:3px;border-radius:50%;background:#c4cad0}
@media(max-width:560px){.customer-login-shell{padding:16px}.customer-login-card{padding:25px 21px;border-radius:20px}.customer-login-heading h1{font-size:30px}}