/* ================= LANDING — och dizayn (2010×1224 referens o'lchamlari asosida) ================= */
.lp{--p:calc(100vw / 2010);--blue:#1d4ed8;--blue2:#2563eb;--ink:#0b1630;--grey:#4b5563;
  position:relative;overflow-x:clip;color:var(--ink);background:linear-gradient(180deg,#f6f9fd 0%,#f3f7fd 55%,#eaf2fc 100%);min-height:100vh}
.lp-wave{position:absolute;left:0;top:0;width:100%;height:calc(var(--p)*1224);pointer-events:none;z-index:0}
.lp > *:not(.lp-wave):not(.lp-modal){position:relative;z-index:1}

/* nav */
.lp-nav{position:sticky!important;top:0;z-index:30!important;display:flex;align-items:center;height:calc(var(--p)*124);padding:0 calc(var(--p)*120) 0 calc(var(--p)*150);
  background:rgba(246,249,253,.82);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}
.lp-brand{display:flex;align-items:center;gap:calc(var(--p)*18);text-decoration:none;color:var(--ink)}
.lp-logo{width:calc(var(--p)*84);height:calc(var(--p)*80);border-radius:calc(var(--p)*20);display:grid;place-items:center;
  background:linear-gradient(150deg,#3b9bff,#1d4ed8);box-shadow:0 calc(var(--p)*8) calc(var(--p)*20) rgba(29,78,216,.35)}
.lp-logo svg{width:62%;height:62%}
.lp-brand b{display:flex;flex-direction:column;font-size:calc(var(--p)*33);line-height:1.02;font-weight:800;letter-spacing:-.03em}
.lp-brand b i{color:var(--blue2);font-weight:800}
.lp-links{display:flex;gap:calc(var(--p)*14);margin-left:calc(var(--p)*225)}
.lp-links a{padding:calc(var(--p)*14) calc(var(--p)*28);border-radius:calc(var(--p)*32);font-size:calc(var(--p)*24);font-weight:600;color:var(--ink);text-decoration:none}
.lp-links a.on{background:#dbe8fb;color:var(--blue2)}
.lp-links a:hover{color:var(--blue2)}
.lp-acts{margin-left:auto;display:flex;gap:calc(var(--p)*28)}
.lp-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--p)*14);height:calc(var(--p)*66);padding:0 calc(var(--p)*42);
  border-radius:calc(var(--p)*40);font-size:calc(var(--p)*24);font-weight:600;cursor:pointer;white-space:nowrap}
.lp-btn svg{width:calc(var(--p)*26);height:calc(var(--p)*26)}
.lp-btn.outline{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 calc(var(--p)*2) #c9d8ee}
.lp-btn.blue{color:#fff;background:linear-gradient(180deg,#2f6bf0,#1d4ed8);box-shadow:0 calc(var(--p)*10) calc(var(--p)*24) rgba(29,78,216,.35)}
.lp-btn.white{background:#fff;color:var(--ink);box-shadow:0 calc(var(--p)*6) calc(var(--p)*20) rgba(30,64,140,.12),inset 0 0 0 calc(var(--p)*1.5) #e1e9f6}
.lp-btn.big{height:calc(var(--p)*70);font-size:calc(var(--p)*25);padding:0 calc(var(--p)*44)}
.lp-btn.big svg{width:calc(var(--p)*32);height:calc(var(--p)*32)}
.lp-btn .pl{color:var(--blue2);display:grid}
.lp-btn.wide{width:100%}

/* hero */
.lp-hero{height:calc(var(--p)*660)}
.lp-copy{position:absolute;left:calc(var(--p)*163);top:calc(var(--p)*48);z-index:2}
.lp-pill{display:inline-flex;align-items:center;gap:calc(var(--p)*12);height:calc(var(--p)*56);padding:0 calc(var(--p)*26) 0 calc(var(--p)*22);border-radius:calc(var(--p)*28);
  font-size:calc(var(--p)*23);font-weight:600;background:#eef3fb;box-shadow:0 calc(var(--p)*4) calc(var(--p)*14) rgba(30,64,140,.06)}
.lp-pill svg{width:calc(var(--p)*30);height:calc(var(--p)*30)}
.lp-copy h1{margin:calc(var(--p)*26) 0 calc(var(--p)*34);font-size:calc(var(--p)*92);line-height:1.02;letter-spacing:-.045em;font-weight:800}
.lp-u{position:relative;display:inline-block;background:linear-gradient(90deg,#1d4ed8,#2f80ed 60%,#3b9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-u svg{position:absolute;left:8%;right:0;bottom:calc(var(--p)*-14);width:92%;height:calc(var(--p)*24)}
.lp-sub{margin:0 0 calc(var(--p)*36);font-size:calc(var(--p)*28);line-height:1.35;color:var(--grey);width:calc(var(--p)*700)}
.lp-cta{display:flex;gap:calc(var(--p)*28)}
.lp-mini{list-style:none;margin:calc(var(--p)*38) 0 0;padding:0;display:flex;gap:calc(var(--p)*46)}
.lp-mini li{display:flex;align-items:center;gap:calc(var(--p)*16);font-size:calc(var(--p)*19);line-height:1.3;font-weight:500}
.lp-mini i{width:calc(var(--p)*52);height:calc(var(--p)*52);border-radius:50%;display:grid;place-items:center;background:#e3edfb;color:var(--blue2);flex:none;font-style:normal}
.lp-mini i svg{width:55%;height:55%}.lp-mini i b{font-size:calc(var(--p)*24)}
.lp-vis{position:absolute;left:calc(var(--p)*900);top:calc(var(--p)*-4);width:calc(var(--p)*1020);z-index:1;pointer-events:none;user-select:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%),linear-gradient(to bottom,transparent 0,#000 8%,#000 90%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 12%),linear-gradient(to bottom,transparent 0,#000 8%,#000 90%,transparent 100%);mask-composite:intersect}

/* stats */
.lp-stats{margin:calc(var(--p)*4) auto 0;width:calc(var(--p)*1307);height:calc(var(--p)*122);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;
  border-radius:calc(var(--p)*32);background:rgba(255,255,255,.88);box-shadow:0 calc(var(--p)*12) calc(var(--p)*40) rgba(30,64,140,.1);backdrop-filter:blur(10px)}
.lp-stats div{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:calc(var(--p)*20);justify-content:center;position:relative}
.lp-stats div+div:before{content:"";position:absolute;left:0;top:10%;height:80%;width:2px;background:#e3eaf5}
.lp-stats i{grid-row:1/3;width:calc(var(--p)*76);height:calc(var(--p)*76);border-radius:50%;display:grid;place-items:center;background:#e3edfb;color:var(--blue2);align-self:center}
.lp-stats i svg{width:50%;height:50%}
.lp-stats b{font-size:calc(var(--p)*38);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.lp-stats span{font-size:calc(var(--p)*22);color:var(--grey)}

/* sections */
.lp-sec{padding:calc(var(--p)*50) calc(var(--p)*140) calc(var(--p)*40);text-align:center}
.lp-sec h2{margin:0 0 calc(var(--p)*30);font-size:calc(var(--p)*54);font-weight:800;letter-spacing:-.04em}
.lp-sec h2 span{background:linear-gradient(90deg,#1d4ed8,#3b9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-lead{margin:calc(var(--p)*-14) 0 calc(var(--p)*40);font-size:calc(var(--p)*24);color:var(--grey)}
.lp-steps{display:flex;align-items:center;gap:calc(var(--p)*30);justify-content:center}
.lp-step{display:flex;align-items:center;gap:calc(var(--p)*24);text-align:left;padding:calc(var(--p)*28) calc(var(--p)*32);border-radius:calc(var(--p)*30);flex:1;max-width:calc(var(--p)*545);
  background:rgba(255,255,255,.9);box-shadow:0 calc(var(--p)*10) calc(var(--p)*36) rgba(30,64,140,.08)}
.lp-step>i{width:calc(var(--p)*90);height:calc(var(--p)*90);border-radius:50%;display:grid;place-items:center;background:#e3edfb;color:var(--blue2);flex:none}
.lp-step>i svg{width:48%;height:48%}
.lp-step h3{margin:0 0 calc(var(--p)*8);font-size:calc(var(--p)*30);display:flex;align-items:center;gap:calc(var(--p)*16)}
.lp-step h3 em{font-style:normal;width:calc(var(--p)*42);height:calc(var(--p)*42);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--p)*22);color:#fff;background:var(--blue2)}
.lp-step p{margin:0;font-size:calc(var(--p)*22);color:var(--grey)}
.lp-arr{color:var(--blue2);display:grid}.lp-arr svg{width:calc(var(--p)*34);height:calc(var(--p)*34)}
.lp-styles{display:grid;grid-template-columns:repeat(6,1fr);gap:calc(var(--p)*22)}
.lp-styles .sty{aspect-ratio:9/13;border-radius:calc(var(--p)*28);cursor:default;box-shadow:0 calc(var(--p)*14) calc(var(--p)*34) rgba(15,40,100,.25)}
.lp-styles .sty .cap{bottom:24%;transform:scale(1.3)}
.lp-styles .sty .name{font-size:calc(var(--p)*20);left:calc(var(--p)*16);top:calc(var(--p)*14)}
.lp-plans{display:grid;grid-template-columns:repeat(2,calc(var(--p)*560));gap:calc(var(--p)*32);justify-content:center}
.lp-plan{text-align:left;padding:calc(var(--p)*44);border-radius:calc(var(--p)*34);background:#fff;box-shadow:0 calc(var(--p)*12) calc(var(--p)*40) rgba(30,64,140,.1);position:relative}
.lp-plan.pro{color:#fff;background:linear-gradient(150deg,#1d4ed8,#2f80ed 60%,#3b9bff);box-shadow:0 calc(var(--p)*20) calc(var(--p)*50) rgba(29,78,216,.35)}
.lp-plan .pn{font-weight:800;font-size:calc(var(--p)*20);text-transform:uppercase;letter-spacing:.06em;color:var(--blue2)}
.lp-plan.pro .pn{color:#dbeafe}
.lp-plan .pp{font-size:calc(var(--p)*64);font-weight:800;letter-spacing:-.04em;margin:calc(var(--p)*10) 0 calc(var(--p)*24)}
.lp-plan .pp small{font-size:calc(var(--p)*22);opacity:.7}
.lp-plan ul{list-style:none;padding:0;margin:0 0 calc(var(--p)*34);display:flex;flex-direction:column;gap:calc(var(--p)*16);font-size:calc(var(--p)*22);font-weight:500}
.lp-plan li:before{content:"✓";display:inline-grid;place-items:center;width:calc(var(--p)*30);height:calc(var(--p)*30);border-radius:50%;margin-right:calc(var(--p)*14);
  font-size:calc(var(--p)*16);font-weight:800;background:#e3edfb;color:var(--blue2)}
.lp-plan.pro li:before{background:rgba(255,255,255,.22);color:#fff}
.lp-plan .badge{position:absolute;top:calc(var(--p)*34);right:calc(var(--p)*34);background:#fff;color:var(--blue2);font-size:calc(var(--p)*17);font-weight:800;padding:calc(var(--p)*7) calc(var(--p)*16);border-radius:99px}
.lp-faq{max-width:calc(var(--p)*1100);margin:0 auto;display:flex;flex-direction:column;gap:calc(var(--p)*14);text-align:left}
.lp-faq details{background:#fff;border-radius:calc(var(--p)*22);padding:calc(var(--p)*24) calc(var(--p)*30);box-shadow:0 calc(var(--p)*6) calc(var(--p)*22) rgba(30,64,140,.07)}
.lp-faq summary{font-size:calc(var(--p)*25);font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary:after{content:"+";color:var(--blue2);font-size:calc(var(--p)*30);line-height:1}
.lp-faq details[open] summary:after{content:"–"}
.lp-faq p{margin:calc(var(--p)*12) 0 0;font-size:calc(var(--p)*22);color:var(--grey)}
.lp-foot{text-align:center;padding:calc(var(--p)*60) 0 calc(var(--p)*50);color:#64748b;font-size:calc(var(--p)*20)}

/* modal (havola + ro'yxatdan o'tish) */
.lp-modal{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;
  background:rgba(15,30,70,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lp-modal[hidden]{display:none}
.lp-mwrap{position:relative;margin:auto;--p:0.74px}
.lp-x{position:absolute;top:16px;right:16px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:rgba(15,40,100,.08);color:#475569;font-size:15px;cursor:pointer}

@media (max-width:900px){
  .lp{--p:calc(100vw / 900)}
  .lp-links{display:none}
  .lp-hero{height:auto;padding-bottom:30px}.lp-copy{position:relative;left:auto;top:auto;padding:0 6vw}
  .lp-vis{position:relative;left:auto;top:auto;width:100%;display:block;margin-top:20px}
  .lp-mini{flex-wrap:wrap}.lp-sub{width:auto}
  .lp-stats{width:92vw;height:auto;grid-template-columns:1fr;gap:16px;padding:18px 0}.lp-stats div+div:before{display:none}
  .lp-steps{flex-direction:column}.lp-arr{transform:rotate(90deg)}.lp-step{max-width:none;width:100%}
  .lp-styles{grid-template-columns:repeat(3,1fr)}.lp-plans{grid-template-columns:1fr}
  .lp-mwrap{--p:0.66px}
}
/* ---- karta ---- */
.ref-card{position:relative;width:calc(var(--p)*635);z-index:2;
  padding:calc(var(--p)*70) calc(var(--p)*52) calc(var(--p)*46);border-radius:calc(var(--p)*54);color:#0b1b3a;
  background:linear-gradient(175deg,rgba(236,243,255,.94) 0%,rgba(214,228,252,.88) 100%);
  border:calc(var(--p)*3) solid rgba(255,255,255,.85);
  box-shadow:0 0 0 calc(var(--p)*2) rgba(125,211,252,.55),0 0 calc(var(--p)*60) rgba(56,189,248,.55),0 calc(var(--p)*40) calc(var(--p)*80) rgba(0,10,40,.45);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.rc-brand{display:flex;align-items:center;gap:calc(var(--p)*22);margin-left:calc(var(--p)*36)}
.rc-logo{width:calc(var(--p)*72);height:calc(var(--p)*72);border-radius:calc(var(--p)*18);display:grid;place-items:center;color:#fff;
  background:linear-gradient(150deg,#38a3ff,#0a5cff);box-shadow:0 calc(var(--p)*8) calc(var(--p)*20) rgba(10,92,255,.45)}
.rc-logo svg{width:calc(var(--p)*40);height:calc(var(--p)*40)}
.rc-brand b{font-size:calc(var(--p)*32);font-weight:700;letter-spacing:-.02em}
.rc-brand b span{color:#3b6fd8;font-weight:600}
.ref-card h2{margin:calc(var(--p)*58) 0 calc(var(--p)*10) calc(var(--p)*22);font-size:calc(var(--p)*66);line-height:1.05;letter-spacing:-.045em;font-weight:800}
.rc-sub{margin:0 0 calc(var(--p)*58) calc(var(--p)*22);font-size:calc(var(--p)*20.5);color:#3f4f6e}
.rc-lbl{display:block;font-size:calc(var(--p)*21);font-weight:700;margin:calc(var(--p)*22) 0 calc(var(--p)*12) calc(var(--p)*8)}
.rc-in{display:flex;align-items:center;gap:calc(var(--p)*18);height:calc(var(--p)*64);padding:0 calc(var(--p)*22);border-radius:calc(var(--p)*18);
  background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 calc(var(--p)*2) rgba(147,170,215,.45);color:#475569}
.rc-in:focus-within{background:#fff;box-shadow:inset 0 0 0 calc(var(--p)*2.5) #1d6bff,0 0 0 calc(var(--p)*5) rgba(29,107,255,.15)}
.rc-in svg{width:calc(var(--p)*30);height:calc(var(--p)*30);flex:none}
.rc-in input{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;font:inherit;font-size:calc(var(--p)*22);color:#0b1b3a}
.rc-in input::placeholder{color:#475569}
.rc-in .eye{border:0;background:none;color:#475569;padding:0;display:grid;place-items:center;cursor:pointer}
.rc-hint{font-size:calc(var(--p)*18);color:#475569;margin:calc(var(--p)*12) 0 0 calc(var(--p)*8)}
.rc-tabs{display:flex;gap:calc(var(--p)*6);padding:calc(var(--p)*5);border-radius:calc(var(--p)*40);margin:0 0 calc(var(--p)*22);
  background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 calc(var(--p)*2) rgba(255,255,255,.9),0 calc(var(--p)*4) calc(var(--p)*14) rgba(10,40,120,.08)}
.rc-tabs button{flex:1;height:calc(var(--p)*62);border:0;border-radius:calc(var(--p)*34);background:none;display:flex;align-items:center;justify-content:center;
  gap:calc(var(--p)*14);font-size:calc(var(--p)*22);font-weight:700;color:#0b1b3a;cursor:pointer}
.rc-tabs button svg{width:calc(var(--p)*28);height:calc(var(--p)*28)}
.rc-tabs button.on{color:#fff;background:linear-gradient(180deg,#2f7bff,#0a52e8);box-shadow:0 calc(var(--p)*8) calc(var(--p)*20) rgba(10,82,232,.45),inset 0 1px 0 rgba(255,255,255,.3)}
.rc-btn{width:100%;height:calc(var(--p)*78);margin-top:calc(var(--p)*44);border:0;border-radius:calc(var(--p)*40);cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:calc(var(--p)*16);font-size:calc(var(--p)*26);font-weight:700;color:#fff;
  background:linear-gradient(180deg,#2a6bff 0%,#0a46d6 100%);
  box-shadow:0 0 0 calc(var(--p)*2) rgba(125,211,252,.75),0 0 calc(var(--p)*26) rgba(56,189,248,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.rc-btn svg{width:calc(var(--p)*30);height:calc(var(--p)*30)}
.rc-btn:disabled{opacity:.6}
.rc-foot{text-align:center;margin-top:calc(var(--p)*34);font-size:calc(var(--p)*19);color:#1e293b;line-height:1.7}
.rc-foot a{color:#1d4ed8;font-weight:600}
.ref-card .form-err{font-size:calc(var(--p)*18);min-height:calc(var(--p)*24);margin:calc(var(--p)*10) 0 0 calc(var(--p)*8);color:#dc2626;font-weight:600}
.ref-card .form-err:empty{display:none}
#auth .rc-btn{margin-top:calc(var(--p)*44)}
#auth .rc-sub{margin-bottom:calc(var(--p)*60)}
.auth-pending{display:flex;align-items:center;gap:calc(var(--p)*16);margin:calc(var(--p)*-34) 0 calc(var(--p)*24);padding:calc(var(--p)*12);
  border-radius:calc(var(--p)*18);background:rgba(29,107,255,.1);font-size:calc(var(--p)*18);font-weight:600}
.auth-pending img{width:calc(var(--p)*110);aspect-ratio:16/9;border-radius:calc(var(--p)*10);object-fit:cover;background:#0a2f8f}
.auth-pending span{color:#475569;font-weight:500}


/* --- tuzatishlar --- */
.lp-links{flex-direction:row!important}
.lp-links a{display:block;font-size:calc(var(--p)*24)!important;padding:calc(var(--p)*14) calc(var(--p)*28)!important;border-radius:calc(var(--p)*32)!important;box-shadow:none!important;color:var(--ink)!important;background:none!important}
.lp-links a.on{background:#dbe8fb!important;color:var(--blue2)!important}
.lp-vis{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 93%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 88%,transparent 100%)}
.lp-step{max-width:calc(var(--p)*560);padding:calc(var(--p)*26) calc(var(--p)*28)}
.lp-step p{font-size:calc(var(--p)*21)}
/* logo rasmi */
.lp-brand img{height:calc(var(--p)*84);width:auto;display:block}
.rc-brand{margin-left:calc(var(--p)*20)}
.rc-brand img{height:calc(var(--p)*84);width:auto;display:block}

.rc-forgot{display:block;text-align:center;margin-top:12px;font-size:13px;color:#6b7280;text-decoration:none}.rc-forgot:hover{color:#2563eb}.rc-forgot[hidden]{display:none}