/* DarkShop extracted authentication styles */

:root{
    --bg:#05070b;
    --bg2:#080b11;
    --panel:#0c1017;
    --panel2:#10151e;
    --line:rgba(255,255,255,.075);
    --muted:#7d8797;
    --text:#f7f9fc;
    --blue:#2f8cff;
    --blue2:#63b3ff;
    --blue-soft:rgba(47,140,255,.16);
    --green:#55e6a5;
    --red:#ff5f6d;
    --shadow:0 24px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    min-height:100vh;
    background:
      radial-gradient(circle at 50% -15%,rgba(47,140,255,.13),transparent 36%),
      radial-gradient(circle at 8% 35%,rgba(47,140,255,.045),transparent 25%),
      var(--bg);
    color:var(--text);
    font-family:Inter,system-ui,sans-serif;
    overflow-x:hidden;
}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
::selection{background:rgba(47,140,255,.28);color:#fff}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:#05070b}
::-webkit-scrollbar-thumb{background:#1b2636;border-radius:99px}

#ambient{
    position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;
}
.orb{
    position:absolute;border-radius:50%;filter:blur(70px);opacity:.18;
    animation:floatOrb 12s ease-in-out infinite;
}
.orb.one{width:320px;height:320px;background:#1769d0;left:-130px;top:18%}
.orb.two{width:280px;height:280px;background:#0e4a9a;right:-120px;top:48%;animation-delay:-4s}
.orb.three{width:240px;height:240px;background:#2b83ff;left:44%;bottom:-150px;opacity:.09;animation-delay:-8s}
@keyframes floatOrb{50%{transform:translate3d(0,-28px,0) scale(1.08)}}

.page{width:min(1180px,calc(100% - 32px));margin:auto}

/* HEADER */
.site-header{
    position:sticky;top:14px;z-index:50;
    padding:0;
}
.header-box{
    min-height:54px;margin-top:14px;
    border:1px solid var(--line);
    border-radius:24px;
    background:rgba(10,14,21,.82);
    backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    box-shadow:0 18px 60px rgba(0,0,0,.25);
    display:flex;align-items:center;gap:18px;padding:7px 10px 7px 14px;
}
.brand{
    display:flex;align-items:center;gap:12px;min-width:0;
}
.ds-logo{
    width:44px;height:44px;border-radius:13px;position:relative;display:grid;place-items:center;flex:0 0 44px;
    background:linear-gradient(145deg,#121a27,#080c12);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.3);
    overflow:hidden;
}
.ds-logo:before{
    content:"";position:absolute;width:34px;height:34px;border-radius:11px;
    background:linear-gradient(135deg,rgba(47,140,255,.35),transparent 65%);
    transform:rotate(22deg);
}
.ds-mark{position:relative;font-family:"Space Grotesk";font-size:20px;font-weight:900;letter-spacing:-3px}
.ds-mark .d{color:#fff}.ds-mark .s{color:var(--blue);margin-left:-2px}
.brand-copy{display:flex;align-items:baseline;gap:0;white-space:nowrap}
.brand-name{font-family:"Space Grotesk";font-size:21px;font-weight:800;letter-spacing:-.7px}
.brand-name .dark{color:#fff}
.brand-name .shop{color:var(--blue2)}
.brand-name .dot{color:#737d8c;font-size:15px;margin-left:1px}
.brand-domain{font-size:11px;color:#626c7b;margin-left:8px;font-weight:600}
.header-spacer{flex:1}
.header-actions{display:flex;align-items:center;gap:8px}
.lang{
    height:39px;padding:0 13px;border-radius:11px;border:1px solid var(--line);
    background:rgba(255,255,255,.025);color:#dce2eb;font-weight:700;font-size:12px;
}
.lang i{font-size:10px;margin-left:5px;color:#697588}
.header-btn{
    height:39px;padding:0 17px;border-radius:11px;border:1px solid var(--line);
    background:rgba(255,255,255,.035);color:#e9edf3;font-weight:800;font-size:12px;
    transition:.25s ease;
}
.header-btn:hover{transform:translateY(-2px);border-color:rgba(47,140,255,.35);background:rgba(47,140,255,.08)}
.header-btn.primary{background:#fff;color:#05070b;border-color:#fff}
.header-btn.primary:hover{box-shadow:0 10px 30px rgba(255,255,255,.10);background:#eaf3ff}

/* HERO */
.hero{text-align:center;padding:104px 0 76px;position:relative}
.hero-kicker{
    display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
    border:1px solid rgba(47,140,255,.18);background:rgba(47,140,255,.055);
    color:#a9cfff;font-size:11px;font-weight:800;letter-spacing:.4px;
    animation:heroIn .8s both;
}
.hero-kicker .dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px rgba(85,230,165,.55)}
.hero h1{
    margin:23px auto 14px;max-width:950px;
    font-family:"Space Grotesk";font-size:clamp(52px,8.6vw,105px);line-height:.9;
    letter-spacing:-6px;font-weight:900;
    animation:heroIn .8s .08s both;
}
.hero h1 .dark{color:#fff}
.hero h1 .shop{
    color:var(--blue);
    background:linear-gradient(90deg,#fff 0%,#fff 12%,#55a9ff 37%,#2f8cff 72%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero h1 .s-merge{position:relative}
.hero h1 .s-merge:after{
    content:"";position:absolute;left:-9px;top:12%;width:19px;height:74%;
    background:linear-gradient(90deg,rgba(255,255,255,.0),rgba(255,255,255,.18),rgba(47,140,255,0));
    filter:blur(7px);opacity:.65;
}
.hero-sub{
    font-size:clamp(18px,2.4vw,27px);font-weight:700;color:#e9edf4;line-height:1.35;
    animation:heroIn .8s .16s both;
}
.hero-sub .blue{color:var(--blue2)}
.hero-copy{
    max-width:760px;margin:18px auto 0;color:#7f8999;font-size:15px;line-height:1.85;
    animation:heroIn .8s .22s both;
}
.hero-copy strong{color:#cbd5e2}
.hero-actions{display:flex;justify-content:center;gap:11px;margin-top:30px;animation:heroIn .8s .3s both}
.cta{
    height:52px;padding:0 23px;border-radius:14px;border:1px solid var(--line);
    background:#fff;color:#05070b;font-size:13px;font-weight:900;
    display:inline-flex;align-items:center;gap:9px;transition:.28s ease;
}
.cta:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(255,255,255,.10)}
.cta.secondary{background:rgba(255,255,255,.035);color:#eaf0f7}
.cta.secondary:hover{border-color:rgba(47,140,255,.4);background:rgba(47,140,255,.08)}
.trust-row{
    margin:44px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;
    animation:heroIn .8s .38s both;
}
.trust-pill{
    padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.05);color:#778294;font-size:11px;font-weight:700;
}
.trust-pill i{color:#5cafff;margin-right:5px}
@keyframes heroIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* SECTION */
.section{padding:86px 0}
.section-head{max-width:730px;margin-bottom:30px}
.eyebrow{
    color:#5faeff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;
}
.section h2{
    font-family:"Space Grotesk";font-size:clamp(32px,5vw,56px);letter-spacing:-2.8px;line-height:1.02;
}
.section h2 .blue{color:var(--blue)}
.section-lead{margin-top:13px;color:#7c8797;line-height:1.75;font-size:14px}

/* FEATURE GRID */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.feature-card{
    min-height:190px;padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.065);
    background:linear-gradient(145deg,rgba(18,23,32,.86),rgba(8,11,17,.96));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    position:relative;overflow:hidden;transition:.35s ease;
}
.feature-card:before{
    content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-90px;top:-90px;
    background:rgba(47,140,255,.10);filter:blur(2px);transition:.35s ease;
}
.feature-card:hover{transform:translateY(-7px);border-color:rgba(47,140,255,.27);box-shadow:var(--shadow)}
.feature-card:hover:before{transform:scale(1.4);background:rgba(47,140,255,.16)}
.icon-box{
    width:43px;height:43px;border-radius:13px;display:grid;place-items:center;
    background:rgba(47,140,255,.10);border:1px solid rgba(47,140,255,.17);
    color:#63b3ff;font-size:16px;margin-bottom:20px;position:relative;
}
.feature-card h3{font-size:15px;margin-bottom:8px;position:relative}
.feature-card p{font-size:12px;color:#737e8e;line-height:1.65;position:relative}

/* MARKET STRIP */
.market-strip{
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    padding:19px 0;overflow:hidden;white-space:nowrap;
}
.market-track{display:inline-flex;gap:34px;animation:marquee 25s linear infinite}
.market-item{color:#596475;font-size:11px;font-weight:800;letter-spacing:.4px}
.market-item b{color:#a8b4c4}.market-item i{color:#2f8cff;font-size:7px;margin-right:8px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* WHY */
.why-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.why-panel{
    padding:30px;border-radius:24px;border:1px solid var(--line);
    background:linear-gradient(150deg,#0d131c,#080b11);box-shadow:var(--shadow);
}
.statement{
    padding:18px 0;border-bottom:1px solid rgba(255,255,255,.055);display:flex;gap:14px;
}
.statement:last-child{border-bottom:0;padding-bottom:0}
.statement .num{
    width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;
    background:rgba(47,140,255,.09);color:#58aaff;font-size:10px;font-weight:900;
}
.statement h3{font-size:14px;margin-bottom:5px}.statement p{font-size:12px;color:#717c8c;line-height:1.65}
.why-copy h3{font-family:"Space Grotesk";font-size:29px;letter-spacing:-1.3px;margin-bottom:13px}
.why-copy p{color:#7b8696;line-height:1.85;font-size:14px;margin-bottom:15px}
.checks{display:grid;gap:9px;margin-top:20px}
.check{display:flex;gap:9px;align-items:center;color:#b3bdca;font-size:12px;font-weight:700}
.check i{color:var(--green);font-size:12px}

/* PAYMENT / PRODUCTS */
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mini-card{
    padding:22px;border-radius:19px;border:1px solid rgba(255,255,255,.06);
    background:#0b1017;transition:.3s ease;
}
.mini-card:hover{transform:translateY(-5px);border-color:rgba(47,140,255,.23);background:#0d131c}
.mini-card i{font-size:18px;color:#61afff;margin-bottom:23px}
.mini-card h3{font-size:13px;margin-bottom:7px}.mini-card p{font-size:11px;color:#6e7989;line-height:1.6}

/* JOIN */
.join{
    padding:72px 25px;text-align:center;border-radius:30px;
    border:1px solid rgba(47,140,255,.18);
    background:
      radial-gradient(circle at 50% 0,rgba(47,140,255,.13),transparent 48%),
      linear-gradient(150deg,#0d131d,#080b11);
    box-shadow:0 30px 100px rgba(0,0,0,.34);overflow:hidden;position:relative;
}
.join:after{
    content:"";position:absolute;inset:auto 10% -70px;height:140px;
    background:rgba(47,140,255,.10);filter:blur(50px);pointer-events:none;
}
.join h2{font-size:clamp(32px,5vw,52px);position:relative;z-index:1}
.join p{color:#7c8797;font-size:14px;margin:13px auto 24px;max-width:600px;line-height:1.7;position:relative;z-index:1}
.join .cta{position:relative;z-index:1}

/* FOOTER */
footer{margin-top:70px;border-top:1px solid var(--line);padding:50px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.footer-brand p{color:#687384;font-size:11px;line-height:1.7;max-width:270px;margin-top:12px}
.footer-title{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#a9b3c1;font-weight:900;margin-bottom:13px}
.footer-links{display:grid;gap:9px}
.footer-links a{color:#687384;font-size:11px;transition:.2s}
.footer-links a:hover{color:#62aeff;transform:translateX(2px)}
.footer-bottom{
    margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.045);
    display:flex;justify-content:space-between;gap:20px;color:#4f5a6a;font-size:10px;
}
.footer-bottom strong{color:#6f7b8b}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.reveal.visible{opacity:1;transform:none}

/* AUTH MODAL */
.modal{
    position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px;
    background:rgba(0,0,0,.72);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
}
.modal.open{display:flex;animation:fade .2s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.auth-card{
    width:min(440px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:24px;
    border:1px solid rgba(255,255,255,.09);background:#090d14;
    box-shadow:0 35px 120px rgba(0,0,0,.65);padding:24px;position:relative;
    animation:modalIn .3s cubic-bezier(.16,1,.3,1);
}
@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.modal-close{
    position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:10px;
    border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:#778294;
}
.auth-head{text-align:center;margin:4px 0 23px}
.auth-head .mini-logo{font-family:"Space Grotesk";font-size:22px;font-weight:900;letter-spacing:-1px}
.auth-head .mini-logo span{color:#59aaff}
.auth-head h3{font-size:18px;margin-top:17px}.auth-head p{font-size:11px;color:#697586;margin-top:6px}
.auth-form{display:grid;gap:12px}
.field label{display:block;font-size:10px;color:#7c8797;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.input{
    width:100%;height:47px;border-radius:12px;border:1px solid rgba(255,255,255,.07);
    background:#0d131c;color:#fff;padding:0 13px;outline:none;transition:.2s;
}
.input:focus{border-color:rgba(47,140,255,.5);box-shadow:0 0 0 3px rgba(47,140,255,.08)}
.password-wrap{position:relative}.password-wrap .input{padding-right:43px}
.eye{position:absolute;right:10px;top:9px;width:29px;height:29px;border:0;background:transparent;color:#657183}
.auth-submit{
    height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#fff,#dceeff);
    color:#05070b;font-weight:900;margin-top:2px;
}
.auth-switch{text-align:center;font-size:11px;color:#667284;margin-top:16px}.auth-switch button{border:0;background:none;color:#62aeff;font-weight:800}
.turnstile-wrap{display:flex;justify-content:center;min-height:66px;overflow:hidden}


/* =========================================================
   DARKSHOP AUTH PAGES — FULL PAGE / NO MODAL
   ========================================================= */
.auth-page{
    min-height:100dvh;
    background:
        radial-gradient(circle at 50% -10%, rgba(47,140,255,.11), transparent 34%),
        radial-gradient(circle at 12% 88%, rgba(47,140,255,.045), transparent 28%),
        #05070b;
}
.auth-page .site-header,
.auth-page main,
.auth-page footer,
.auth-page #ambient{
    display:none !important;
}
.auth-page #messageContainer{
    z-index:1200;
    top:18px;
    right:18px;
}
.auth-page-shell{
    min-height:100dvh;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:34px 18px;
    position:relative;
    overflow:hidden;
}
.auth-page-shell::before,
.auth-page-shell::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    filter:blur(90px);
    pointer-events:none;
    opacity:.12;
}
.auth-page-shell::before{
    background:#2f8cff;
    top:-260px;
    left:50%;
    transform:translateX(-50%);
}
.auth-page-shell::after{
    background:#5b8dff;
    bottom:-340px;
    right:-180px;
    opacity:.055;
}
.auth-page-inner{
    width:min(420px,100%);
    position:relative;
    z-index:1;
}
.auth-brand{
    display:flex;
    justify-content:center;
    margin-bottom:20px;
}
.auth-brand a{
    font-family:"DM Mono",ui-monospace,monospace;
    font-size:20px;
    font-weight:600;
    letter-spacing:-.8px;
    text-transform:uppercase;
    color:#f5f8fc;
}
.auth-brand .auth-brand-shop{
    color:#59aaff;
}
.auth-brand .auth-brand-dot{
    color:#728095;
}
.auth-brand .auth-brand-net{
    font-size:12px;
    letter-spacing:.35px;
    color:#7e8b9d;
}
.auth-page-card{
    width:100%;
    padding:26px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:22px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012)),
        rgba(9,13,20,.94);
    box-shadow:
        0 30px 100px rgba(0,0,0,.52),
        inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.auth-page-top{
    text-align:center;
    margin-bottom:22px;
}
.auth-page-kicker{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:5px 9px;
    border:1px solid rgba(47,140,255,.16);
    border-radius:999px;
    background:rgba(47,140,255,.055);
    color:#79baff;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.1px;
    text-transform:uppercase;
}
.auth-page-kicker i{
    font-size:8px;
}
.auth-page-top h1{
    margin:14px 0 6px;
    font-family:"Space Grotesk",sans-serif;
    font-size:25px;
    line-height:1.15;
    letter-spacing:-.7px;
    color:#f7f9fc;
}
.auth-page-top p{
    margin:0;
    color:#717d8e;
    font-size:11px;
    line-height:1.65;
}
.auth-page-form{
    display:grid;
    gap:13px;
}
.auth-page-form .field label{
    margin-bottom:6px;
    color:#8994a4;
    font-size:9px;
    letter-spacing:1px;
}
.auth-page-form .input{
    height:45px;
    border-radius:11px;
    background:#0b1018;
    border-color:rgba(255,255,255,.075);
    font-size:12px;
}
.auth-page-form .input::placeholder{
    color:#465161;
}
.auth-page-form .input:focus{
    border-color:rgba(47,140,255,.35) !important;
    box-shadow:inset 0 0 0 1px rgba(47,140,255,.07),0 0 0 3px rgba(47,140,255,.045) !important;
}
.auth-page-form .password-wrap .input{
    padding-right:44px;
}
.auth-page-form .eye{
    right:8px;
    top:8px;
    width:29px;
    height:29px;
    border-radius:8px;
    color:#657285;
}
.auth-page-form .eye:hover{
    color:#9db8d7;
    background:rgba(255,255,255,.035);
}
.auth-login-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:-1px;
}
.remember-option{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#778394;
    font-size:10px;
    cursor:pointer;
    user-select:none;
}
.remember-option input{
    width:14px;
    height:14px;
    margin:0;
    accent-color:#2f8cff;
}
.auth-link-button{
    border:0;
    background:none;
    padding:0;
    color:#68adff;
    font-size:10px;
    font-weight:700;
}
.auth-link-button:hover{
    color:#9bcfff;
}
.auth-page-submit{
    height:45px;
    margin-top:2px;
    border:1px solid rgba(96,177,255,.2);
    border-radius:11px;
    background:linear-gradient(135deg,#2f8cff,#1769d0);
    color:#fff;
    font-size:11px;
    font-weight:900;
    box-shadow:0 12px 30px rgba(47,140,255,.14);
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.auth-page-submit.register{
    background:linear-gradient(135deg,#e04b61,#b93249);
    border-color:rgba(255,115,133,.22);
    box-shadow:0 12px 30px rgba(224,75,97,.12);
}
.auth-page-submit:hover{
    transform:translateY(-1px);
    filter:brightness(1.04);
}
.auth-page-submit:active{
    transform:translateY(0);
}
.auth-page-submit i{
    margin-left:7px;
    font-size:10px;
}
.auth-turnstile{
    display:flex;
    justify-content:center;
    min-height:65px;
    overflow:hidden;
    margin-top:-1px;
}
.auth-turnstile > div{
    transform:scale(.88);
    transform-origin:center top;
}
.auth-page-divider{
    display:flex;
    align-items:center;
    gap:10px;
    margin:18px 0 15px;
    color:#3f4958;
    font-size:9px;
}
.auth-page-divider::before,
.auth-page-divider::after{
    content:"";
    flex:1;
    height:1px;
    background:rgba(255,255,255,.055);
}
.auth-switch-page{
    text-align:center;
    color:#697586;
    font-size:10px;
    line-height:1.6;
}
.auth-switch-page a{
    color:#6db2ff;
    font-weight:800;
}
.auth-switch-page a:hover{
    color:#a2d3ff;
}
.auth-back{
    display:flex;
    justify-content:center;
    margin-top:16px;
}
.auth-back a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#515d6d;
    font-size:9px;
    transition:.2s ease;
}
.auth-back a:hover{
    color:#8290a3;
}
.auth-security-note{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:16px;
    padding:10px 11px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:11px;
    background:rgba(255,255,255,.018);
    color:#596575;
    font-size:9px;
    line-height:1.55;
}
.auth-security-note i{
    color:#5daeff;
    margin-top:1px;
}
.auth-terms{
    display:flex;
    align-items:flex-start;
    gap:8px;
    color:#687485;
    font-size:9px;
    line-height:1.55;
}
.auth-terms input{
    flex:0 0 auto;
    width:14px;
    height:14px;
    margin:1px 0 0;
    accent-color:#2f8cff;
}
.auth-terms a{
    color:#8abfff;
}
.auth-error{
    margin-bottom:14px;
    padding:10px 11px;
    border:1px solid rgba(255,95,109,.17);
    border-radius:11px;
    background:rgba(255,95,109,.055);
    color:#ff9aa5;
    font-size:10px;
    line-height:1.5;
}
.auth-success{
    margin-bottom:14px;
    padding:10px 11px;
    border:1px solid rgba(85,230,165,.16);
    border-radius:11px;
    background:rgba(85,230,165,.05);
    color:#8af0c3;
    font-size:10px;
    line-height:1.5;
}
.auth-forgot-box{
    text-align:center;
    padding:4px 0 5px;
}
.auth-forgot-box .auth-page-top{
    margin-bottom:18px;
}
.auth-support{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    height:45px;
    border-radius:11px;
    background:linear-gradient(135deg,#229ed9,#1683ba);
    color:#fff;
    font-size:11px;
    font-weight:800;
}
.auth-support:hover{
    filter:brightness(1.05);
}
@media(max-width:520px){
    .auth-page-shell{
        padding:22px 14px;
        align-items:flex-start;
        padding-top:clamp(22px,8vh,70px);
    }
    .auth-page-inner{
        width:min(410px,100%);
    }
    .auth-page-card{
        padding:22px 18px;
        border-radius:18px;
    }
    .auth-brand{
        margin-bottom:16px;
    }
    .auth-page-top h1{
        font-size:23px;
    }
    .auth-page-form{
        gap:12px;
    }
    .auth-page-form .input,
    .auth-page-submit{
        height:44px;
    }
    .auth-turnstile > div{
        transform:scale(.82);
    }
}
@media(max-width:360px){
    .auth-page-shell{
        padding-left:10px;
        padding-right:10px;
    }
    .auth-page-card{
        padding:19px 15px;
    }
    .auth-login-row{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* TOAST */
#messageContainer{position:fixed;right:18px;top:18px;z-index:999;display:grid;gap:8px;pointer-events:none}
.toast-message{
    min-width:230px;max-width:360px;padding:12px 15px;border-radius:12px;background:#0e141d;
    border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.4);
    color:#e9eef5;font-size:12px;line-height:1.4;animation:toastIn .25s ease;
}
.toast-message.error{border-left:3px solid var(--red)}.toast-message.success{border-left:3px solid var(--green)}
.toast-message.warning{border-left:3px solid #f3c75b}
@keyframes toastIn{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}

/* RESPONSIVE */
@media(max-width:900px){
    .feature-grid{grid-template-columns:repeat(2,1fr)}
    .cards-grid{grid-template-columns:repeat(2,1fr)}
    .why-wrap{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1.5fr 1fr 1fr}
}
@media(max-width:680px){
    .page{width:min(100% - 20px,1180px)}
    .header-box{border-radius:19px;min-height:66px;padding:8px 9px 8px 10px;gap:8px}
    .brand-copy{display:block}
    .brand-name{font-size:18px}.brand-domain{display:none}
    .header-actions{gap:5px}.header-btn{height:38px;padding:0 11px;font-size:10px}.lang{height:38px;padding:0 9px}
    .hero{padding:80px 0 55px}.hero h1{font-size:clamp(49px,16vw,80px);letter-spacing:-4px}
    .hero-sub{font-size:17px}.hero-copy{font-size:13px}
    .hero-actions{flex-direction:column;align-items:stretch;padding:0 18px}
    .cta{justify-content:center}
    .section{padding:62px 0}
    .feature-grid,.cards-grid{grid-template-columns:1fr}
    .feature-card{min-height:165px}
    .why-panel{padding:21px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
    .footer-bottom{flex-direction:column;gap:7px}
}
@media(max-width:390px){
    .header-box{padding-left:8px}.brand-name{font-size:16px}
    .header-btn{padding:0 8px}.lang{padding:0 7px}.hero{padding-top:65px}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}.reveal,.hero>*{animation:none!important;transition:none!important}
    .market-track,.orb{animation:none}
}

/* ===== DARKSHOP FINAL HEADER / PRODUCT / FOOTER OVERRIDES ===== */
.header-box{
    background:rgba(12,16,23,.58);
    border-color:rgba(255,255,255,.075);
    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);
}
.header-brand{gap:0}
.brand-name{
    font-family:"Space Grotesk",sans-serif;
    font-size:24px;
    font-weight:900;
    letter-spacing:-1.35px;
    line-height:1;
}
.brand-name .dark{color:#fff}
.brand-name .shop{color:#4fa4ff}
.brand-name .dot{color:#5f6877;font-size:20px;margin-left:1px}
.brand-name .net{color:#747e8d;font-size:20px}
.header-actions{gap:8px}
.header-btn{
    min-width:72px;
    height:40px;
    padding:0 16px;
    border-radius:12px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.065);
    color:#dfe6ef;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.header-btn.primary{
    background:rgba(255,255,255,.07);
    color:#fff;
    border-color:rgba(255,255,255,.10);
}
.header-btn:hover,.header-btn.primary:hover{
    background:rgba(47,140,255,.075);
    border-color:rgba(47,140,255,.25);
}
.hero h1{
    font-size:clamp(55px,9vw,108px);
    letter-spacing:-6px;
}
.hero h1 .dark{color:#fff}
.hero h1 .shop{
    background:linear-gradient(100deg,#fff 0%,#fff 12%,#66b7ff 36%,#2f8cff 78%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-sub{
    font-family:"Space Grotesk",sans-serif;
    font-size:clamp(25px,4vw,42px);
    font-weight:800;
    letter-spacing:-1.6px;
    margin-top:20px;
}
.hero-sub .blue{color:#55aaff}
.hero-actions{margin-top:28px}
.hero-actions .cta.secondary{
    min-width:205px;
    background:rgba(255,255,255,.045);
    border-color:rgba(255,255,255,.075);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
}
.feature-card{
    background:linear-gradient(145deg,rgba(20,26,36,.38),rgba(8,12,18,.28));
    border-color:rgba(255,255,255,.075);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 50px rgba(0,0,0,.13);
}
.feature-card .icon-box{
    margin-bottom:17px;
    transition:transform .4s cubic-bezier(.16,1,.3,1),background .3s ease,box-shadow .3s ease;
}
.feature-card:hover .icon-box{
    transform:translateX(5px) rotate(-3deg) scale(1.07);
    background:rgba(47,140,255,.15);
    box-shadow:0 10px 30px rgba(47,140,255,.12);
}
.product-grid{grid-template-columns:repeat(4,1fr)}
.product-grid .feature-card{min-height:175px}

/* footer */
footer{margin-top:65px;padding:54px 0 28px}
.footer-brand-center{text-align:center;margin-bottom:38px}
.footer-brand-name{
    font-family:"Space Grotesk",sans-serif;
    font-size:24px;font-weight:900;letter-spacing:-1.2px;
}
.footer-brand-name .dark{color:#fff}
.footer-brand-name .shop{color:#4fa4ff}
.footer-brand-name .dot{color:#5f6877}
.footer-brand-name .net{color:#747e8d}
.footer-brand-center p{margin-top:8px;color:#6e7888;font-size:11px}
.footer-brand-center>span{display:block;margin-top:5px;color:#4f5a6a;font-size:10px}
.footer-links-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    max-width:760px;
    margin:0 auto;
    text-align:center;
}
.footer-links-row .footer-title{margin-bottom:13px}
.footer-links-row .footer-links{justify-items:center}
.footer-bottom{
    justify-content:center;
    text-align:center;
    flex-wrap:wrap;
}
.footer-bottom span:last-child{display:none}

@media(max-width:900px){
    .product-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
    .header-box{padding-left:16px}
    .brand-name{font-size:21px}
    .header-btn{min-width:61px;padding:0 11px}
    .hero h1{letter-spacing:-4px}
    .hero-sub{font-size:24px}
    .product-grid{grid-template-columns:1fr}
    .footer-links-row{grid-template-columns:repeat(3,1fr);gap:10px}
}
@media(max-width:420px){
    .brand-name{font-size:19px}
    .header-actions{gap:5px}
    .header-btn{min-width:auto;padding:0 10px;font-size:10px}
    .footer-links-row{grid-template-columns:1fr;gap:25px}
}


/* ===== POLISHED DARKSHOP VISUAL PASS ===== */
:root{
    --accent-red:#e34b5f;
    --accent-red-soft:rgba(227,75,95,.12);
}
*:focus,
*:focus-visible{
    outline:none !important;
}
button:focus,
button:focus-visible,
a:focus,
a:focus-visible{
    outline:none !important;
    box-shadow:none !important;
}
.brand-name{
    font-family:"Space Grotesk", "Arial Narrow", sans-serif !important;
    font-size:25px !important;
    font-weight:800 !important;
    letter-spacing:1.1px !important;
    text-shadow:0 0 18px rgba(255,255,255,.075), 0 0 28px rgba(79,164,255,.055);
}
.brand-name .dark{
    color:#f8fafc !important;
}
.brand-name .shop{
    color:#4fa4ff !important;
    text-shadow:0 0 17px rgba(79,164,255,.22);
}
.brand-name .dot{
    color:#697382 !important;
    font-size:17px !important;
}
.brand-name .net{
    color:#737d8d !important;
    font-size:15px !important;
    font-weight:600 !important;
    letter-spacing:.2px !important;
}
.hero h1{
    font-family:"Space Grotesk",sans-serif !important;
    text-shadow:0 0 30px rgba(255,255,255,.045);
}
.hero h1 .dark{
    color:#f7f9fc !important;
}
.hero h1 .shop{
    background:linear-gradient(100deg,#ffffff 0%,#72bcff 40%,#2f8cff 82%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:none;
}
.hero-sub .turkiye{
    color:#df5264 !important;
    text-shadow:0 0 18px rgba(223,82,100,.11);
}
.hero-actions{display:none !important}

/* Kart başlıklarında ikon solda, başlığın yanında. */
.feature-title-row{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:43px;
    margin-bottom:15px;
    position:relative;
}
.feature-title-row .icon-box{
    flex:0 0 43px;
    margin:0 !important;
}
.feature-title-row h3{
    margin:0 !important;
    line-height:1.25;
}
.feature-card p{
    position:relative;
}
.feature-card:hover .icon-box{
    transform:translateY(-1px) rotate(-3deg) scale(1.05);
}

/* Giriş / Kayıt butonları artık belirgin şekilde farklı. */
.header-actions .header-btn:first-child{
    color:#d9e8ff;
    background:rgba(47,140,255,.10);
    border-color:rgba(47,140,255,.25);
}
.header-actions .header-btn:first-child:hover{
    background:rgba(47,140,255,.17);
    border-color:rgba(47,140,255,.42);
    box-shadow:0 8px 24px rgba(47,140,255,.12) !important;
}
.header-actions .header-btn.primary{
    color:#fff;
    background:linear-gradient(135deg,#e04b61,#b93249);
    border-color:rgba(255,115,133,.34);
    box-shadow:0 8px 24px rgba(224,75,97,.14);
}
.header-actions .header-btn.primary:hover{
    background:linear-gradient(135deg,#ef5b70,#c83a51);
    border-color:rgba(255,130,145,.48);
    box-shadow:0 10px 30px rgba(224,75,97,.22) !important;
}

/* Form alanlarında mavi tarayıcı/focus halkasını kaldır, kontrollü iç parlama kullan. */
.input:focus{
    border-color:rgba(255,255,255,.14) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}
.modal-close:focus,
.eye:focus{
    outline:none !important;
    box-shadow:none !important;
}

/* Auth submit butonları da farklı renkte. */
#loginPanel .auth-submit{
    background:linear-gradient(135deg,#2f8cff,#1769d0);
    color:#fff;
    box-shadow:0 10px 28px rgba(47,140,255,.16);
}
#registerPanel .auth-submit{
    background:linear-gradient(135deg,#e04b61,#b93249);
    color:#fff;
    box-shadow:0 10px 28px rgba(224,75,97,.16);
}
#loginPanel .auth-submit:hover,
#registerPanel .auth-submit:hover{
    transform:translateY(-1px);
}


/* ===== DARKSHOP 2026 VISUAL / RESPONSIVE PASS ===== */
.brand-name{font-family:"DM Mono",ui-monospace,monospace !important;font-size:20px !important;font-weight:600 !important;letter-spacing:-.8px !important;text-transform:uppercase}
.brand-name .net{font-family:"DM Mono",ui-monospace,monospace !important;font-size:13px !important;letter-spacing:.4px !important}
.header-box{min-height:68px !important;padding:8px 10px 8px 16px !important}
.header-actions{gap:6px !important}
.header-actions .header-btn{min-width:0 !important;width:auto !important;height:36px !important;padding:0 12px !important;border-radius:10px !important;font-size:10px !important;font-weight:800 !important}
.header-actions .header-btn:first-child{color:#d9e8ff !important;background:rgba(47,140,255,.09) !important}
.header-actions .header-btn.primary{background:linear-gradient(135deg,#e34b5f,#a92d43) !important;border-color:rgba(255,112,132,.32) !important}
.hero-sub{display:flex;justify-content:center;align-items:baseline;gap:10px;flex-wrap:wrap}
.turkiye-word{display:inline-flex;color:#e34b5f;text-shadow:0 0 18px rgba(227,75,95,.16);font-weight:900}
.turkiye-word span{display:inline-block;animation:turkiyePulse 2.8s infinite ease-in-out}
.turkiye-word span:nth-child(1){animation-delay:0s}.turkiye-word span:nth-child(2){animation-delay:.1s}.turkiye-word span:nth-child(3){animation-delay:.2s}.turkiye-word span:nth-child(4){animation-delay:.3s}.turkiye-word span:nth-child(5){animation-delay:.4s}.turkiye-word span:nth-child(6){animation-delay:.5s}.turkiye-word span:nth-child(7){animation-delay:.6s}.turkiye-word span:nth-child(8){animation-delay:.7s}.turkiye-word span:nth-child(9){animation-delay:.8s}.turkiye-word span:nth-child(10){animation-delay:.9s}.turkiye-word span:nth-child(11){animation-delay:1s}
@keyframes turkiyePulse{0%,100%{opacity:.52;transform:translateY(0);filter:brightness(.85)}18%{opacity:1;transform:translateY(-2px);filter:brightness(1.3)}34%{opacity:.72;transform:translateY(0);filter:brightness(1)}}
.market-strip{border-color:rgba(255,255,255,.055);background:linear-gradient(90deg,rgba(47,140,255,.025),transparent,rgba(227,75,95,.025))}
.market-track{will-change:transform;animation:marquee 18s linear infinite}
@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.feature-card,.mini-card,.system-card{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0%,var(--card-glow,rgba(47,140,255,.12)),transparent 38%),linear-gradient(145deg,rgba(23,29,40,.56),rgba(7,10,16,.76)) !important;border-color:rgba(255,255,255,.075) !important}
.feature-card:after,.mini-card:after,.system-card:after{content:"";position:absolute;inset:-80% -25%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.055) 48%,transparent 56%);transform:translateX(-55%) rotate(8deg);transition:transform .8s ease;pointer-events:none}
.feature-card:hover:after,.mini-card:hover:after,.system-card:hover:after{transform:translateX(55%) rotate(8deg)}
.feature-grid{gap:10px}
.feature-card{min-height:148px !important;padding:18px !important}
.feature-title-row{min-height:38px !important;margin-bottom:10px !important;gap:10px !important}
.feature-title-row .icon-box{width:38px;height:38px;flex-basis:38px;border-radius:11px;margin:0 !important}
.feature-card p{font-size:11px;line-height:1.55}
.feature-card:nth-child(1){--card-glow:rgba(227,75,95,.16)}.feature-card:nth-child(2){--card-glow:rgba(47,140,255,.15)}.feature-card:nth-child(3){--card-glow:rgba(74,211,184,.14)}.feature-card:nth-child(4){--card-glow:rgba(155,105,255,.15)}.feature-card:nth-child(5){--card-glow:rgba(244,182,67,.13)}
.category-code{display:inline-block;margin:0 0 8px;padding:3px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#697587;font:600 8px/1 "DM Mono",monospace;letter-spacing:1.1px}
.mini-card{min-height:130px;padding:18px !important}.mini-card i{margin-bottom:13px}
.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.system-card{min-height:155px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.065)}
.system-card i{font-size:17px;color:#65b4ff;margin:16px 0 12px}.system-card h3{font-size:13px;margin-bottom:6px}.system-card p{font-size:10.5px;color:#707b8b;line-height:1.55}
.system-index{position:absolute;right:14px;top:13px;font:600 9px "DM Mono",monospace;color:#4d596b}
.join{padding:58px 25px !important}.join:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.035) 50%,transparent 75%);transform:translateX(-100%);animation:joinSweep 7s ease-in-out infinite;pointer-events:none}
@keyframes joinSweep{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
footer{margin-top:50px !important;padding-top:45px !important}
@media(max-width:900px){.system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.header-box{min-height:62px !important;padding:7px 8px 7px 11px !important}.brand-name{font-size:17px !important;letter-spacing:-.7px !important}.brand-name .net{font-size:10px !important}.header-actions .header-btn{height:34px !important;padding:0 9px !important;font-size:9px !important}.hero-sub{font-size:20px !important;gap:6px}.turkiye-word{font-size:20px}.feature-card{min-height:136px !important}.system-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.header-actions .header-btn{padding:0 7px !important}.brand-name{font-size:15px !important}.brand-name .net{display:inline!important}.hero-sub{font-size:17px !important}.turkiye-word{font-size:17px}.system-grid{grid-template-columns:1fr}}


/* ===== DARKSHOP CONSISTENT FINAL OVERRIDE ===== */
:root{
  --ds-card:linear-gradient(145deg,rgba(24,30,41,.72),rgba(8,12,18,.88));
  --ds-card-border:rgba(255,255,255,.09);
  --ds-blue:#2f8cff;
  --ds-red:#e34b5f;
}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
.page{width:min(1180px,calc(100% - 32px));max-width:100%;margin-inline:auto}
.header-box{width:100%;overflow:hidden}
.brand-name{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:"Space Grotesk",Inter,sans-serif!important;letter-spacing:-1.4px!important;text-transform:none!important}
.brand-name .dark,.brand-name .shop{font-size:inherit!important;line-height:1!important}
.brand-name .shop{color:#1690ff!important;background:none!important;-webkit-text-fill-color:initial!important}
.brand-name .dot{font-size:.72em!important;margin-left:1px}
.brand-name .net{font-size:.68em!important;letter-spacing:0!important}
.header-actions .header-btn:first-child{
  color:#fff!important;background:linear-gradient(135deg,#3b97ff,#1769d0)!important;
  border-color:rgba(99,179,255,.35)!important;box-shadow:0 8px 24px rgba(47,140,255,.16)!important;
}
.header-actions .header-btn.primary{
  color:#eaf0f7!important;background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.09)!important;box-shadow:none!important;
}
.header-actions .header-btn:hover{transform:translateY(-1px)}
.hero h1{
  display:flex;justify-content:center;align-items:baseline;gap:0;
  width:100%;max-width:100%;overflow:visible;
  font-family:"Space Grotesk",Inter,sans-serif!important;
  letter-spacing:-.075em!important;line-height:.9!important;
}
.hero h1 .dark,.hero h1 .shop{display:inline-block;white-space:nowrap;overflow:visible}
.hero h1 .shop{
  color:#4fa4ff!important;background:none!important;-webkit-text-fill-color:initial!important;
  text-shadow:0 0 34px rgba(47,140,255,.16);
}
.hero h1 .s-merge:after{display:none!important}
.hero-sub{font-family:"Space Grotesk",Inter,sans-serif!important;display:flex;justify-content:center;align-items:baseline;gap:9px;flex-wrap:wrap}
.hero-sub .turkiye-word{color:var(--ds-red)!important;text-shadow:0 0 18px rgba(227,75,95,.14);font-weight:900}
.hero-sub .blue{color:#f1f5fa!important}
.turkiye-word span{animation:none!important}
.hero-copy{max-width:780px}
.feature-card,.mini-card,.system-card{
  --card-glow:transparent!important;
  background:var(--ds-card)!important;
  border:1px solid var(--ds-card-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 50px rgba(0,0,0,.16)!important;
  transform:translateZ(0);
}
.feature-card:before,.mini-card:before,.system-card:before{display:none!important}
.feature-card:after,.mini-card:after,.system-card:after{
  content:"";position:absolute;inset:-40% -70%;
  background:linear-gradient(108deg,transparent 43%,rgba(255,255,255,.075) 49%,rgba(255,255,255,.018) 53%,transparent 59%);
  transform:translateX(-42%) rotate(8deg);transition:transform .75s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.feature-card:hover:after,.mini-card:hover:after,.system-card:hover:after{transform:translateX(42%) rotate(8deg)}
.feature-card:hover,.mini-card:hover,.system-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 65px rgba(0,0,0,.24)!important;
}
.feature-card:active,.mini-card:active,.system-card:active{
  transform:translateY(1px) scale(.988)!important;
  transition:transform .08s ease!important;
}
.feature-title-row{position:relative;z-index:2}
.feature-card p,.mini-card p,.system-card p,.category-code{position:relative;z-index:2}
.feature-title-row .icon-box{
  background:rgba(47,140,255,.10)!important;border-color:rgba(99,179,255,.16)!important;color:#63b3ff!important;
}
.feature-card:hover .icon-box{transform:translateY(-1px) scale(1.04)!important}
.feature-card:nth-child(n),.mini-card:nth-child(n),.system-card:nth-child(n){--card-glow:transparent!important}
.mini-title{display:flex;align-items:center;gap:11px;position:relative;z-index:2;margin-bottom:13px}
.mini-title i{margin:0!important;width:20px;text-align:center;color:#63b3ff!important}
.mini-title h3{margin:0!important}
.auth-submit,#loginPanel .auth-submit,#registerPanel .auth-submit{
  background:linear-gradient(135deg,#3b97ff,#1769d0)!important;color:#fff!important;
  box-shadow:0 10px 28px rgba(47,140,255,.16)!important;
}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:1px}
.remember-option{display:inline-flex;align-items:center;gap:8px;color:#8994a4;font-size:11px;font-weight:700;cursor:pointer}
.remember-option input{appearance:none;width:15px;height:15px;border-radius:5px;border:1px solid rgba(255,255,255,.14);background:#0d131c;position:relative}
.remember-option input:checked{background:#2f8cff;border-color:#2f8cff}
.remember-option input:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.forgot-inline{border:0;background:none;color:#62aeff;font-size:11px;font-weight:800;padding:4px 0}
.toast-message{
  min-width:min(320px,calc(100vw - 28px));max-width:min(380px,calc(100vw - 28px));
  padding:13px 16px;border-radius:15px;background:rgba(12,17,25,.82)!important;
  border:1px solid rgba(255,255,255,.11)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 20px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.toast-message.success{border-left:3px solid #55e6a5!important}
.toast-message.error{border-left:3px solid #ff5f6d!important}
.modal{padding:14px}
.auth-card{width:min(440px,100%);max-height:min(720px,calc(100dvh - 28px))}
.more-category-card{border-style:dashed!important}
.more-category-card .icon-box{background:rgba(255,255,255,.055)!important;color:#cbd5e1!important}
@media(max-width:680px){
  .page{width:calc(100% - 20px)}
  .header-box{padding:7px 8px 7px 11px!important}
  .brand-name{font-size:18px!important}
  .header-actions .header-btn{height:35px!important;padding:0 10px!important;font-size:10px!important}
  .hero{padding:72px 0 54px}
  .hero h1{font-size:clamp(48px,16vw,78px)!important;letter-spacing:-.07em!important}
  .hero-sub{font-size:20px!important}
  .hero-copy{font-size:13px}
  .feature-grid,.cards-grid,.product-grid{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .header-box{gap:6px!important}
  .brand-name{font-size:16px!important;letter-spacing:-1.1px!important}
  .header-actions{gap:5px!important}
  .header-actions .header-btn{padding:0 8px!important;font-size:9px!important}
  .hero{padding-top:62px}
  .hero h1{font-size:clamp(42px,17vw,66px)!important}
  .hero-sub{font-size:17px!important}
  .hero-copy{font-size:12px;line-height:1.7}
  #messageContainer{left:14px;right:14px;top:14px}
  .toast-message{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .feature-card,.mini-card,.system-card{transition:none!important}
}


/* ===== DARKSHOP REQUESTED UX PASS ===== */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  font-synthesis:none;
  font-kerning:normal;
}
body{
  font-family:"Inter",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis:none;
}
h1,h2,h3,h4,.brand-name,.hero-sub,.eyebrow,.header-btn,.cta,.mini-title{
  font-synthesis:none;
  font-kerning:normal;
  text-rendering:geometricPrecision;
}
.header-actions{flex:0 0 auto;align-items:center;justify-content:center}
.header-actions .header-btn{
  min-width:104px !important;width:104px !important;justify-content:center !important;
  text-align:center !important;white-space:nowrap !important;flex:0 0 104px !important;
  font-size:11px !important;letter-spacing:0 !important;
}
.turkiye-word span{
  animation:turkiyeLetter .9s cubic-bezier(.16,1,.3,1) both !important;
  animation-delay:calc(var(--i) * .055s) !important;
}
.turkiye-word span:nth-child(1){--i:0}.turkiye-word span:nth-child(2){--i:1}
.turkiye-word span:nth-child(3){--i:2}.turkiye-word span:nth-child(4){--i:3}
.turkiye-word span:nth-child(5){--i:4}.turkiye-word span:nth-child(6){--i:5}
.turkiye-word span:nth-child(7){--i:6}.turkiye-word span:nth-child(8){--i:7}
.turkiye-word span:nth-child(9){--i:8}.turkiye-word span:nth-child(10){--i:9}
.turkiye-word span:nth-child(11){--i:10}
@keyframes turkiyeLetter{
  0%{opacity:0;transform:translateY(7px) scale(.92);filter:blur(3px)}
  55%{opacity:1;transform:translateY(-2px) scale(1.02);filter:blur(0)}
  100%{opacity:1;transform:none;filter:none}
}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.about-card{
  position:relative;min-height:170px;padding:21px;display:flex;gap:15px;align-items:flex-start;
  overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(145deg,rgba(24,30,41,.72),rgba(8,12,18,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 50px rgba(0,0,0,.16);
  transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .45s ease;
}
.about-card:before{
  content:"";position:absolute;width:180px;height:180px;right:-90px;top:-105px;border-radius:50%;
  background:rgba(47,140,255,.10);filter:blur(12px);transition:transform .5s ease;pointer-events:none;
}
.about-card:after{
  content:"";position:absolute;inset:-40% -70%;
  background:linear-gradient(108deg,transparent 43%,rgba(255,255,255,.075) 49%,rgba(255,255,255,.018) 53%,transparent 59%);
  transform:translateX(-42%) rotate(8deg);transition:transform .75s cubic-bezier(.16,1,.3,1);pointer-events:none;
}
.about-card:hover{transform:translateY(-5px);border-color:rgba(99,179,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 65px rgba(0,0,0,.24)}
.about-card:hover:before{transform:scale(1.35)}
.about-card:hover:after{transform:translateX(42%) rotate(8deg)}
.about-icon{
  position:relative;z-index:2;flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;
  border-radius:12px;color:#63b3ff;background:rgba(47,140,255,.10);border:1px solid rgba(99,179,255,.16);
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.about-card:hover .about-icon{transform:translateY(-2px) scale(1.06) rotate(-3deg)}
.about-card > div:last-child{position:relative;z-index:2}
.about-index{display:block;margin-bottom:7px;color:#4d596b;font:600 9px/1 "DM Mono",monospace;letter-spacing:1px}
.about-card h3{font-size:14px;margin-bottom:7px}
.about-card p{font-size:11px;color:#707b8b;line-height:1.6}
.balance-grid{grid-template-columns:repeat(4,1fr)}
.balance-card{min-height:172px !important;cursor:pointer}
.balance-card .mini-title{min-height:25px}
.balance-card .mini-title h3{font-size:13px}
.balance-actions{position:relative;z-index:2;display:flex;gap:7px;margin-top:15px}
.balance-actions span{
  display:inline-flex;align-items:center;justify-content:center;min-width:65px;height:27px;padding:0 9px;
  border-radius:8px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);
  color:#8e9aab;font-size:9px;font-weight:800;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease;
}
.balance-card:hover .balance-actions span{color:#dce8f7;border-color:rgba(99,179,255,.16);background:rgba(47,140,255,.07)}
.balance-card:active{transform:translateY(1px) scale(.985) !important}
@media(max-width:1100px){.balance-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.about-grid{grid-template-columns:1fr}}
@media(max-width:680px){
  .header-actions .header-btn{min-width:96px !important;width:96px !important;flex-basis:96px !important;height:38px !important;padding:0 8px !important;font-size:10px !important}
  .balance-grid{grid-template-columns:1fr !important}.about-card{min-height:145px;padding:18px}
}
@media(max-width:430px){
  .header-actions .header-btn{min-width:88px !important;width:88px !important;flex-basis:88px !important;padding:0 6px !important;font-size:9px !important}
}
@media(prefers-reduced-motion:reduce){
  .turkiye-word span{animation:none !important}.about-card,.balance-card{transition:none !important}
}


/* =========================================================
   DARKSHOP FINAL RESPONSIVE / MOTION / TYPOGRAPHY PASS
   ========================================================= */
:root{
  --motion-fast:180ms;
  --motion-med:320ms;
  --motion-smooth:cubic-bezier(.16,1,.3,1);
}
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
body{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
.page{width:min(1180px,calc(100% - 32px));}

/* Header: compact, readable and never clips the domain on phones */
.site-header{top:10px;}
.header-box{
  min-height:64px;
  margin-top:10px;
  padding:8px 10px 8px 14px;
  gap:14px;
  border-radius:18px;
}
.brand{
  min-width:0;
  flex:1 1 auto;
  overflow:visible;
}
.brand-copy{min-width:0;overflow:visible;}
.brand-name{
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
  font-size:20px;
  letter-spacing:-.8px;
}
.brand-name .net{
  display:inline !important;
  visibility:visible !important;
  opacity:1 !important;
  flex:0 0 auto;
}
.header-actions{
  flex:0 0 auto;
  gap:7px;
}
.header-actions .header-btn{
  min-width:0 !important;
  width:auto !important;
  flex:0 0 auto !important;
  height:36px !important;
  padding:0 12px !important;
  border-radius:10px;
  font-size:11px !important;
  font-weight:800;
  line-height:1;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  transition:
    transform var(--motion-fast) ease,
    background var(--motion-fast) ease,
    border-color var(--motion-fast) ease,
    box-shadow var(--motion-fast) ease;
}
.header-actions .header-btn:active{
  transform:translateY(1px) scale(.96);
}
.header-actions .header-btn:hover{transform:translateY(-1px);}

/* Section rhythm: cleaner hierarchy, less visual boxing */
.section{padding:72px 0;}
.section-head{margin-bottom:24px;}
.section-lead{font-size:13px;line-height:1.75;max-width:680px;}
.eyebrow{font-size:10px;letter-spacing:1.8px;}
.section h2{font-size:clamp(30px,5vw,52px);}

/* Cards: shorter, lighter and never forced to three lines of empty height */
.feature-grid,.about-grid,.cards-grid,.system-grid{gap:10px;}
.feature-card{
  min-height:0 !important;
  height:auto;
  padding:17px !important;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(18,23,32,.54),rgba(8,11,17,.72));
}
.feature-card p{font-size:11.5px;line-height:1.55;}
.about-card{
  min-height:0 !important;
  padding:17px;
  gap:12px;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(18,23,32,.50),rgba(8,11,17,.68));
}
.about-card p{font-size:11.5px;line-height:1.55;}
.about-card h3{font-size:14px;margin-bottom:5px;}
.icon-box,.about-icon{
  width:38px;height:38px;flex-basis:38px;
  border-radius:10px;
}
.mini-card{
  min-height:0 !important;
  padding:17px;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(18,23,32,.52),rgba(8,11,17,.72));
}
.balance-card{min-height:0 !important;}
.balance-card .mini-title{min-height:0;margin-bottom:9px;}
.balance-card .mini-title h3{font-size:13px;}
.mini-card p{font-size:11.5px;line-height:1.55;}
.balance-actions{display:none !important;}

.system-card{
  min-height:0 !important;
  padding:18px !important;
  border-radius:15px;
}
.system-card p{font-size:11.5px;line-height:1.55;}

/* Keep only important large panels boxed; inner statements stay light. */
.why-panel{
  border-radius:18px;
  padding:22px;
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.statement{padding:15px 0;}
.statement p{font-size:11.5px;line-height:1.55;}

/* Universal touch feedback */
.feature-card,.about-card,.mini-card,.system-card,.statement,.check,.cta,.header-btn{
  -webkit-tap-highlight-color:transparent;
}
.feature-card,.about-card,.mini-card,.system-card,.statement{
  transition:
    transform var(--motion-med) var(--motion-smooth),
    opacity var(--motion-med) ease,
    border-color var(--motion-med) ease,
    box-shadow var(--motion-med) ease,
    background var(--motion-med) ease;
}
.feature-card:active,.about-card:active,.mini-card:active,.system-card:active{
  transform:translateY(2px) scale(.985);
}
.statement:active{transform:translateX(2px) scale(.99);}

/* Scroll-in fade/slide. Each card gets a small stagger. */
.card-reveal{
  opacity:0;
  transform:translate3d(0,22px,0);
  filter:blur(2px);
}
.card-reveal.visible{
  opacity:1;
  transform:none;
  filter:none;
}
.card-reveal:nth-child(2){transition-delay:60ms;}
.card-reveal:nth-child(3){transition-delay:120ms;}
.card-reveal:nth-child(4){transition-delay:180ms;}
.card-reveal:nth-child(5){transition-delay:240ms;}
.card-reveal:nth-child(6){transition-delay:300ms;}

/* Prevent long words / headings from breaking the mobile layout. */
.section h2,.section-head,.feature-card h3,.about-card h3,.mini-title h3,
.system-card h3,.why-copy p,.statement h3,.statement p{
  overflow-wrap:anywhere;
  word-break:normal;
}

/* Phone layout: same visual language, only dimensions adapt. */
@media(max-width:680px){
  .page{width:calc(100% - 20px);}
  .header-box{
    min-height:58px;
    padding:6px 7px 6px 10px;
    gap:7px;
    border-radius:15px;
  }
  .brand-name{
    font-size:17px !important;
    letter-spacing:-.75px !important;
  }
  .brand-name .dot{font-size:12px;}
  .header-actions{gap:5px;}
  .header-actions .header-btn{
    height:34px !important;
    min-width:72px !important;
    width:72px !important;
    flex-basis:72px !important;
    padding:0 6px !important;
    font-size:10.5px !important;
    border-radius:9px;
  }
  .hero{padding:68px 0 50px;}
  .hero h1{
    font-size:clamp(43px,15vw,72px) !important;
    letter-spacing:-.065em !important;
    line-height:.92;
  }
  .hero-sub{font-size:19px !important;}
  .hero-copy{font-size:12.5px;line-height:1.65;}
  .section{padding:58px 0;}
  .section-head{margin-bottom:20px;}
  .section h2{font-size:clamp(29px,9vw,42px);letter-spacing:-2px;}
  .section-lead{font-size:12.5px;line-height:1.7;}
  .about-card,.feature-card,.mini-card,.system-card{
    padding:15px !important;
  }
  .feature-grid,.cards-grid,.product-grid,.system-grid,.about-grid{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:390px){
  .header-box{gap:4px;}
  .brand-name{font-size:15px !important;letter-spacing:-1px !important;}
  .brand-name .dot{font-size:10px;}
  .header-actions{gap:4px;}
  .header-actions .header-btn{
    min-width:66px !important;
    width:66px !important;
    flex-basis:66px !important;
    height:32px !important;
    font-size:9.5px !important;
    padding:0 4px !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .card-reveal,.feature-card,.about-card,.mini-card,.system-card,.statement,.header-btn{
    transition:none !important;
    animation:none !important;
    filter:none !important;
  }
  .card-reveal{opacity:1;transform:none;}
}


/* ===== FINAL POLISH: SOFT INTERACTION / NO SWEEP EFFECT ===== */
:root{
  --ds-blue-solid:#1593ff;
  --ds-soft-ease:cubic-bezier(.22,.8,.25,1);
}
/* DarkShop wordmark: SHOP is a clean, solid blue on every device. */
.brand-name .shop,
.hero h1 .shop{color:#1593ff!important;background:none!important;-webkit-text-fill-color:#1593ff!important;text-shadow:0 0 22px rgba(21,147,255,.10);}
.brand-name .net{display:inline!important;visibility:visible!important;opacity:1!important;font-size:.66em!important;color:#b9c5d4!important;}
/* Never hide the .net suffix on narrow phones. */
@media(max-width:430px){.brand-name{font-size:15px!important;letter-spacing:-.9px!important}.brand-name .net{display:inline!important;font-size:.62em!important}}
/* Türkiye'nin: each letter gently rises and falls in sequence, continuously. */
.turkiye-word{color:#ff5368!important;white-space:nowrap;}
.turkiye-word span{animation:turkiyeWave 2.9s var(--ds-soft-ease) infinite!important;animation-delay:calc(var(--i) * .075s)!important;will-change:transform,opacity;}
@keyframes turkiyeWave{
  0%,100%{transform:translateY(0);opacity:.82}
  12%{transform:translateY(-4px);opacity:1}
  24%{transform:translateY(2px);opacity:.9}
  36%{transform:translateY(0);opacity:.84}
}
/* Cards: subtle press only. No diagonal light/sweep traveling from edge to edge. */
.feature-card:after,.mini-card:after,.system-card:after,.about-card:after{display:none!important;content:none!important;}
.feature-card:hover:after,.mini-card:hover:after,.system-card:hover:after,.about-card:hover:after{display:none!important;}
.feature-card,.mini-card,.system-card,.about-card{
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .32s var(--ds-soft-ease),box-shadow .32s var(--ds-soft-ease),border-color .32s ease,background .32s ease!important;
}
.feature-card:hover,.mini-card:hover,.system-card:hover,.about-card:hover{transform:translateY(-3px)!important;}
.feature-card:active,.mini-card:active,.system-card:active,.about-card:active{
  transform:scale(.982)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.18)!important;
}
/* About section reads as informative content, not oversized UI boxes. */
.darkshop-about .section-head{max-width:820px;margin-inline:auto;text-align:center;}
.darkshop-about .section-lead{margin-inline:auto;}
.darkshop-about .about-grid{align-items:stretch;}
.darkshop-about .about-card{
  min-height:0!important;
  padding:20px!important;
  background:rgba(10,14,21,.38)!important;
  border-color:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.darkshop-about .about-card h3{font-size:15px!important;line-height:1.3!important;}
.darkshop-about .about-card p{font-size:12px!important;line-height:1.7!important;color:#8995a6!important;}
.darkshop-about .about-icon{flex:0 0 38px;}
/* Scroll-in stays soft and consistent. */
.card-reveal{transition:opacity .65s ease,transform .65s var(--ds-soft-ease),filter .65s ease!important;}
/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  .turkiye-word span{animation:none!important;transform:none!important;}
}


/* ===== USER REQUESTED FINAL UI POLISH ===== */

/* DARKSHOP / SHOP: solid, stronger blue — no gradient wash */
.brand-name .shop,
.hero h1 .shop{
  color:#2f8cff !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-fill-color:#2f8cff !important;
  text-shadow:0 0 28px rgba(47,140,255,.24);
}

/* Türkiye'nin: continuous, clearly visible letter-by-letter wave on every viewport. */
.hero-sub .turkiye-word{
  display:inline-flex !important;
  align-items:baseline;
  white-space:nowrap !important;
  color:#ff3048 !important;
}
.hero-sub .turkiye-word span{
  display:inline-block !important;
  animation:dsTurkiyeWave 2.65s cubic-bezier(.45,0,.25,1) infinite !important;
  animation-delay:calc(var(--i) * .085s) !important;
  will-change:transform,opacity;
}
@keyframes dsTurkiyeWave{
  0%,100%{transform:translateY(0);opacity:.9}
  12%{transform:translateY(-6px);opacity:1}
  24%{transform:translateY(2px);opacity:.96}
  36%,100%{transform:translateY(0);opacity:.9}
}

/* Mobile + tablet: make the subtitle actually readable. */
.hero-sub{
  font-size:clamp(28px,4.2vw,43px) !important;
  line-height:1.15 !important;
  gap:12px !important;
}
.hero-sub .blue{
  color:#dce8f7 !important;
  font-weight:800 !important;
}
@media(max-width:680px){
  .hero-sub{
    font-size:clamp(23px,7vw,31px) !important;
    line-height:1.2 !important;
    gap:8px !important;
  }
  .hero-sub .turkiye-word{font-size:1em !important}
}
@media(max-width:430px){
  .hero-sub{
    font-size:clamp(21px,6.5vw,27px) !important;
  }
}

/* "DarkShop nedir?" — no cards, just centered brand statement. */
.darkshop-about .section-head{
  max-width:860px !important;
  margin:0 auto 28px !important;
  text-align:center !important;
}
.darkshop-about .section-lead{
  max-width:800px !important;
  margin:14px auto 0 !important;
}
.darkshop-about .about-copy{
  max-width:900px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}
.darkshop-about .about-copy-main{
  max-width:820px;
  margin:0 auto;
  color:#dbe4ef;
  font-family:"Space Grotesk",Inter,sans-serif;
  font-size:clamp(18px,2.2vw,25px);
  font-weight:600;
  line-height:1.65;
  letter-spacing:-.35px;
}
.darkshop-about .about-copy-main strong{
  color:#4ca0ff;
  font-weight:800;
}
.darkshop-about .about-copy-sub{
  max-width:760px;
  margin:18px auto 0;
  color:#7f8b9c;
  font-size:14px;
  line-height:1.8;
}
.darkshop-about .about-copy-sub strong{
  color:#b9c7d8;
  font-weight:700;
}

/* System cards: icon sits directly beside the heading, never above it. */
.system-card{
  min-height:145px !important;
  padding:17px !important;
}
.system-card > i{
  display:inline-grid !important;
  vertical-align:middle;
  width:32px;
  height:32px;
  place-items:center;
  margin:0 8px 0 0 !important;
  border-radius:9px;
  background:rgba(47,140,255,.09);
  border:1px solid rgba(99,179,255,.13);
  color:#65b4ff;
  font-size:14px !important;
}
.system-card h3{
  display:inline !important;
  vertical-align:middle;
  font-size:13.5px !important;
  line-height:1.3 !important;
  margin:0 !important;
}
.system-card p{
  margin-top:14px !important;
  font-size:11px !important;
  line-height:1.6 !important;
  color:#7f8b9c !important;
}

/* No edge-to-edge sweep. Ever. */
.feature-card:after,
.mini-card:after,
.system-card:after,
.about-card:after{
  display:none !important;
  content:none !important;
}

/* Soft interaction: on press the card rises immediately; never sinks inward. */
.feature-card,
.mini-card,
.system-card,
.about-card{
  transition:
    transform 260ms cubic-bezier(.16,1,.3,1),
    border-color 260ms ease,
    box-shadow 260ms ease !important;
}
.feature-card:active,
.mini-card:active,
.system-card:active,
.about-card:active{
  transform:translateY(-6px) scale(1.008) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 22px 58px rgba(0,0,0,.25),
    0 0 0 1px rgba(47,140,255,.05) !important;
}
@media(hover:hover){
  .feature-card:hover,
  .mini-card:hover,
  .system-card:hover,
  .about-card:hover{
    transform:translateY(-4px) !important;
  }
}

/* Keep the mobile header readable without shrinking the brand too far. */
@media(max-width:680px){
  .brand-name{
    font-size:18px !important;
    letter-spacing:-.8px !important;
    white-space:nowrap !important;
  }
  .brand-name .net{
    display:inline !important;
    font-size:.72em !important;
  }
  .header-actions .header-btn{
    font-size:10px !important;
  }
}
@media(max-width:430px){
  .brand-name{
    font-size:16px !important;
    letter-spacing:-.75px !important;
  }
  .brand-name .net{
    display:inline !important;
    font-size:.7em !important;
  }
}

/* Reduced-motion accessibility. */
@media(prefers-reduced-motion:reduce){
  .hero-sub .turkiye-word span{
    animation:none !important;
    transform:none !important;
  }
}


/* ===== FINAL REQUEST: SOFT BLUR REVEAL / TABLET HERO / FOOTER ===== */

/* Scroll reveal: visible blur-to-sharp transition instead of an instant pop. */
.reveal{
  opacity:0;
  transform:translate3d(0,30px,0);
  filter:blur(7px);
  transition:
    opacity 720ms ease,
    transform 720ms cubic-bezier(.16,1,.3,1),
    filter 760ms ease;
}
.reveal.visible{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
.card-reveal{
  opacity:0;
  transform:translate3d(0,26px,0);
  filter:blur(6px);
  transition:
    opacity 620ms ease,
    transform 620ms cubic-bezier(.16,1,.3,1),
    filter 680ms ease;
}
.card-reveal.visible{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}

/* Turkey headline: always-on, clearly visible letter-by-letter motion. */
.hero-sub .turkiye-word{
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
}
.hero-sub .turkiye-word span{
  display:inline-block;
  animation:dsTurkeyWave 3.2s infinite cubic-bezier(.45,0,.55,1) !important;
  will-change:transform,opacity;
  backface-visibility:hidden;
}
@keyframes dsTurkeyWave{
  0%,100%{transform:translateY(0);opacity:.72}
  10%{transform:translateY(-4px);opacity:1}
  20%{transform:translateY(1px);opacity:.88}
  30%{transform:translateY(0);opacity:.76}
}
.hero-sub .turkiye-word span:nth-child(1){animation-delay:0ms!important}
.hero-sub .turkiye-word span:nth-child(2){animation-delay:90ms!important}
.hero-sub .turkiye-word span:nth-child(3){animation-delay:180ms!important}
.hero-sub .turkiye-word span:nth-child(4){animation-delay:270ms!important}
.hero-sub .turkiye-word span:nth-child(5){animation-delay:360ms!important}
.hero-sub .turkiye-word span:nth-child(6){animation-delay:450ms!important}
.hero-sub .turkiye-word span:nth-child(7){animation-delay:540ms!important}
.hero-sub .turkiye-word span:nth-child(8){animation-delay:630ms!important}
.hero-sub .turkiye-word span:nth-child(9){animation-delay:720ms!important}
.hero-sub .turkiye-word span:nth-child(10){animation-delay:810ms!important}
.hero-sub .turkiye-word span:nth-child(11){animation-delay:900ms!important}

/* Tablet + desktop: keep the animated headline comfortably large. */
.hero-sub{
  font-size:clamp(23px,3vw,34px) !important;
  line-height:1.4 !important;
}
.hero-sub .blue{
  color:#1593ff !important;
  text-shadow:0 0 18px rgba(21,147,255,.12);
}

/* System cards: icon sits directly beside the title. */
.system-title{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  margin:3px 0 8px;
}
.system-title i{
  flex:0 0 auto;
  margin:0 !important;
  font-size:16px !important;
  color:#1593ff !important;
}
.system-title h3{
  margin:0 !important;
}

/* Press interaction: lift forward, never sink into the card. */
.feature-card:active,
.mini-card:active,
.system-card:active,
.about-card:active,
.balance-card:active{
  transform:translateY(-7px) scale(1.008) !important;
  transition:transform 260ms cubic-bezier(.22,.8,.22,1) !important;
}

/* Remove any possible sweep/highlight pseudo-element on cards. */
.feature-card::before,
.feature-card::after,
.mini-card::before,
.mini-card::after,
.system-card::before,
.system-card::after,
.about-card::before,
.about-card::after{
  pointer-events:none;
}

/* Footer: brand left; three information groups remain side-by-side. */
.footer-brand-center{
  text-align:left !important;
  margin:0 0 28px !important;
}
.footer-links-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
}
.footer-links-row .footer-links{
  justify-items:start !important;
}
.footer-bottom{
  justify-content:space-between !important;
  text-align:left !important;
}

/* Phones: preserve the same footer structure, just tighten spacing. */
@media(max-width:680px){
  .hero-sub{
    font-size:clamp(21px,6.2vw,27px) !important;
    gap:7px !important;
  }
  .footer-brand-center{
    text-align:left !important;
    margin-bottom:22px !important;
  }
  .footer-links-row{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    text-align:left !important;
  }
  .footer-links-row .footer-title{
    font-size:9px !important;
    letter-spacing:1px !important;
  }
  .footer-links-row .footer-links{
    justify-items:start !important;
    gap:7px !important;
  }
  .footer-links-row .footer-links a{
    font-size:9px !important;
    line-height:1.35 !important;
  }
  .footer-bottom{
    justify-content:flex-start !important;
    text-align:left !important;
    font-size:9px !important;
  }
}
@media(max-width:380px){
  .hero-sub{
    font-size:20px !important;
  }
  .footer-links-row{
    gap:5px !important;
  }
  .footer-links-row .footer-links a{
    font-size:8px !important;
  }
}

/* Only remove motion when the user explicitly requests reduced motion. */
@media(prefers-reduced-motion:reduce){
  .reveal,.card-reveal{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }
  .hero-sub .turkiye-word span{
    animation:none !important;
    transform:none !important;
  }
}


/* ===== FINAL RESPONSIVE + MOTION PASS ===== */

/* Background ambience: very slow position/scale drift, never a distracting sweep. */
#ambient .orb{animation-duration:16s!important;}
@keyframes dsAmbientDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(10px,-18px,0) scale(1.055)}
}
#ambient .orb.one{animation:dsAmbientDrift 18s ease-in-out infinite!important}
#ambient .orb.two{animation:dsAmbientDrift 21s ease-in-out -7s infinite!important}
#ambient .orb.three{animation:dsAmbientDrift 24s ease-in-out -12s infinite!important}

/* System cards must size to their actual content, not to an arbitrary tall box. */
.system-card{
  min-height:0!important;
  height:auto!important;
  padding:15px 16px!important;
}
.system-card p{
  margin-top:9px!important;
  margin-bottom:0!important;
  line-height:1.52!important;
}
.system-title{margin:0!important;min-height:32px}
.system-title i{
  width:30px;height:30px;display:grid;place-items:center;
  border-radius:8px;background:rgba(47,140,255,.08);
}

/* Brand hierarchy: strong SHOP blue; footer is intentionally compact and serious. */
.brand-name .shop,.footer-brand-name .shop,.hero h1 .shop{
  color:#2497ff!important;
  -webkit-text-fill-color:#2497ff!important;
  background:none!important;
  text-shadow:0 0 24px rgba(36,151,255,.16)!important;
}
.footer-brand-name{
  font-size:19px!important;
  letter-spacing:-.7px!important;
  font-family:"Space Grotesk",sans-serif;
  font-weight:800!important;
}
.footer-brand-name .net{font-size:.68em!important;color:#8793a4!important}
.footer-brand-center p{font-size:12px!important;line-height:1.6!important;margin-top:8px!important}
.footer-brand-center>span{font-size:10px!important;color:#586476!important}

/* Tablet/desktop hero: do not let the headline collapse. */
@media (min-width:681px){
  .hero-sub{
    font-size:clamp(30px,3.6vw,44px)!important;
    line-height:1.18!important;
    font-weight:700!important;
  }
  .hero{padding-top:110px!important}
}
@media (min-width:681px) and (max-width:1024px){
  .hero-sub{font-size:clamp(30px,4.5vw,40px)!important}
  .hero h1{font-size:clamp(56px,10vw,86px)!important}
}
@media (max-width:680px){
  .hero-sub{font-size:clamp(23px,7vw,31px)!important;line-height:1.22!important}
  .footer-brand-name{font-size:18px!important}
  .footer-brand-center p{font-size:11px!important}
}
@media (max-width:430px){
  .hero-sub{font-size:clamp(22px,7.1vw,29px)!important}
  .footer-brand-name{font-size:17px!important}
}

/* Scroll reveal: every section re-enters with the same blur treatment each time. */
.reveal,.card-reveal{
  opacity:0!important;
  transform:translate3d(0,28px,0)!important;
  filter:blur(8px)!important;
  transition:
    opacity .68s ease,
    transform .68s cubic-bezier(.16,1,.3,1),
    filter .72s ease!important;
}
.reveal.visible,.card-reveal.visible{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
}

/* No inward press: touch/mouse press only lifts the card forward. */
.feature-card:active,.mini-card:active,.system-card:active,.about-card:active,.balance-card:active{
  transform:translate3d(0,-7px,0)!important;
  scale:1!important;
}
@media (hover:hover){
  .feature-card:hover,.mini-card:hover,.system-card:hover,.about-card:hover,.balance-card:hover{
    transform:translate3d(0,-4px,0)!important;
  }
}

/* Footer on phones: compact brand on the left, three information columns in one row. */
@media(max-width:680px){
  footer{padding-top:38px!important}
  .footer-brand-center{
    text-align:left!important;
    margin-bottom:22px!important;
  }
  .footer-links-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .footer-links-row .footer-title{
    font-size:9.5px!important;
    margin-bottom:10px!important;
    letter-spacing:1px!important;
  }
  .footer-links-row .footer-links{gap:6px!important}
  .footer-links-row .footer-links a{font-size:9px!important;line-height:1.35!important}
}

/* Stronger tablet visibility for the animated Türkiye'nin word. */
@media (min-width:681px) and (max-width:1024px){
  .hero-sub .turkiye-word span{
    animation-name:dsTurkeyWaveTablet!important;
    animation-duration:2.8s!important;
    animation-timing-function:cubic-bezier(.45,0,.55,1)!important;
    will-change:transform,opacity!important;
  }
}
@keyframes dsTurkeyWaveTablet{
  0%,100%{transform:translateY(0);opacity:.86}
  13%{transform:translateY(-7px);opacity:1}
  26%{transform:translateY(2px);opacity:.94}
  38%{transform:translateY(0);opacity:.86}
}


/* ===== FINAL USER POLISH ===== */
/* Join panel: compact on phones without losing hierarchy. */
.join{padding:50px 25px!important}
@media(max-width:680px){.join{padding:34px 16px!important;border-radius:22px}.join h2{font-size:clamp(28px,8.5vw,40px)!important}.join p{font-size:12px!important;line-height:1.55!important;margin:9px auto 17px!important}.join .cta{height:46px!important;padding:0 17px!important;font-size:11px!important}}
@media(max-width:430px){.join{padding:30px 14px!important}.join h2{font-size:28px!important}.join p{font-size:11.5px!important}}

/* Hero wording: Yeni Nesil is white; only Pazaryeri is blue. */
.hero-sub .hero-market-text{color:#fff!important;font-weight:800!important;text-shadow:none!important}
.hero-sub .marketplace-blue{color:#2f8cff!important;-webkit-text-fill-color:#2f8cff!important}

/* Footer: compact brand, larger navigation, centered copyright on its own bottom line. */
.footer-brand-name{font-size:18px!important;font-weight:800!important;letter-spacing:-.7px!important}
.footer-brand-center p{font-size:10.5px!important}
.footer-brand-center>span{font-size:9px!important}
.footer-links-row .footer-title{font-size:13px!important;font-weight:900!important;letter-spacing:.7px!important}
.footer-links-row .footer-links a{font-size:11px!important;line-height:1.4!important}
.footer-links-row>div:first-child .footer-title{color:#a9b3c1!important}
.footer-bottom{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-top:28px!important;padding-top:18px!important;border-top:0!important;text-align:center!important}
.footer-bottom span:first-child{display:block!important;width:100%!important;text-align:center!important;font-size:10px!important;color:#687486!important}
.footer-bottom span:last-child{display:none!important}
@media(max-width:680px){
  .footer-brand-center{margin-bottom:18px!important}
  .footer-brand-name{font-size:16px!important}
  .footer-links-row .footer-title{font-size:11px!important}
  .footer-links-row .footer-links a{font-size:9.5px!important}
  .footer-bottom{margin-top:22px!important;padding-top:14px!important}
  .footer-bottom span:first-child{font-size:9px!important}
}

/* Cards: click lifts smoothly; another card or empty page space releases the previous selection smoothly. */
.feature-card,.mini-card,.system-card,.about-card,.balance-card{cursor:pointer}
.feature-card.is-selected,
.mini-card.is-selected,
.system-card.is-selected,
.about-card.is-selected,
.balance-card.is-selected{
  transform:translate3d(0,-7px,0)!important;
  scale:1!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 22px 58px rgba(0,0,0,.25),
    0 0 0 1px rgba(47,140,255,.05)!important;
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s ease, border-color .35s ease!important;
}
@media(hover:hover){
  .feature-card.is-selected:hover,
  .mini-card.is-selected:hover,
  .system-card.is-selected:hover,
  .about-card.is-selected:hover,
  .balance-card.is-selected:hover{
    transform:translate3d(0,-7px,0)!important;
  }
}

/* Reveal: blur only while entering from below. Leaving while scrolling upward never blurs. */
.reveal,.card-reveal{will-change:opacity,transform,filter}
/* Interaction cleanup: no blue tap/focus flash on clickable elements. */
html,body,button,a,input,select,textarea{
  -webkit-tap-highlight-color:transparent !important;
}
button,a{
  outline:none !important;
}

/* ===== USER REQUEST: HEADER / LOGO / TURKIYE MOTION ===== */
.site-header .header-box{
  min-height:56px!important;
  padding:6px 10px 6px 14px!important;
  gap:12px!important;
}
.site-header .header-brand .ds-logo{
  display:none!important;
}
.site-header .header-brand .brand-copy{
  display:flex!important;
  align-items:center!important;
}
.site-header .header-brand .brand-name{
  font-family:"Space Grotesk",system-ui,sans-serif!important;
  font-size:26px!important;
  font-weight:900!important;
  letter-spacing:-1.15px!important;
  line-height:1!important;
}
.site-header .header-brand .brand-name .dark{
  color:#f3f7fb!important;
}
.site-header .header-brand .brand-name .shop{
  color:#2497ff!important;
  -webkit-text-fill-color:#2497ff!important;
  background:none!important;
  text-shadow:0 0 24px rgba(36,151,255,.16)!important;
}
.site-header .header-actions .header-btn{
  height:34px!important;
}

/* Türkiye'nin animation: explicit per-letter animation, including reduced-motion
   environments, so the effect remains consistent across devices. */
.hero-sub .turkiye-word{
  display:inline-flex!important;
  align-items:baseline!important;
  white-space:nowrap!important;
}
.hero-sub .turkiye-word span{
  display:inline-block!important;
  animation:dsTurkiyeWaveFinal 2.7s cubic-bezier(.45,0,.25,1) infinite!important;
  animation-delay:calc(var(--i) * .085s)!important;
  will-change:transform,opacity;
}
@keyframes dsTurkiyeWaveFinal{
  0%,100%{transform:translateY(0);opacity:.88}
  12%{transform:translateY(-7px);opacity:1}
  24%{transform:translateY(2px);opacity:.95}
  38%{transform:translateY(0);opacity:.88}
}
@media(max-width:680px){
  .site-header .header-box{
    min-height:52px!important;
    padding:5px 7px 5px 10px!important;
    gap:7px!important;
  }
  .site-header .header-brand .brand-name{
    font-size:21px!important;
    letter-spacing:-.9px!important;
  }
  .site-header .header-actions .header-btn{
    height:32px!important;
  }
}
@media(max-width:430px){
  .site-header .header-brand .brand-name{
    font-size:19px!important;
  }
}

/* LOGIN / REGISTER — gerçekten sayfanın ortasında */
body.auth-page .auth-page-shell{
    min-height:100dvh !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:28px 18px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
body.auth-page .auth-page-inner{
    width:min(440px,100%) !important;
    margin:auto !important;
}
body.auth-page .auth-page-card{
    margin:0 auto !important;
}

/* Alan başlıkları büyük harfe zorlanmasın */
body.auth-page .auth-page-form .field label,
body.auth-page .field label{
    text-transform:none !important;
    letter-spacing:.2px !important;
    font-size:10px !important;
}

/* Toast: orta boy, koyu siyah kutu yerine cam/blurlu görünüm */
#messageContainer{
    position:fixed !important;
    top:22px !important;
    right:22px !important;
    left:auto !important;
    z-index:9999 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:0 !important;
    pointer-events:none !important;
}
.toast-message{
    width:min(340px,calc(100vw - 32px)) !important;
    min-width:0 !important;
    max-width:340px !important;
    padding:14px 17px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    color:#edf3fa !important;
    font-size:12px !important;
    line-height:1.5 !important;
    box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter:blur(28px) saturate(145%) !important;
    -webkit-backdrop-filter:blur(28px) saturate(145%) !important;
    transform:translate3d(24px,0,0) scale(.96) !important;
    opacity:0 !important;
    animation:dsToastIn .48s cubic-bezier(.16,1,.3,1) forwards !important;
    will-change:transform,opacity !important;
}
.toast-message.toast-exit{
    animation:dsToastOut .38s cubic-bezier(.7,0,.84,0) forwards !important;
}
.toast-message.error{border-left:3px solid rgba(255,95,109,.9) !important}
.toast-message.warning{border-left:3px solid rgba(243,199,91,.9) !important}
.toast-message.success{border-left:3px solid rgba(85,230,165,.9) !important}

@keyframes dsToastIn{
    0%{opacity:0;transform:translate3d(24px,0,0) scale(.96);filter:blur(4px)}
    60%{opacity:1;filter:blur(0)}
    100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes dsToastOut{
    0%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
    100%{opacity:0;transform:translate3d(18px,0,0) scale(.97);filter:blur(3px)}
}
@media(max-width:520px){
    body.auth-page .auth-page-shell{
        align-items:center !important;
        padding:20px 14px !important;
    }
    #messageContainer{
        top:14px !important;
        right:14px !important;
        left:14px !important;
        align-items:center !important;
    }
    .toast-message{
        width:min(340px,100%) !important;
    }
}
@media(prefers-reduced-motion:reduce){
    .toast-message,.toast-message.toast-exit{
        animation:none !important;
        transition:none !important;
    }
}

/* AUTH: sabit merkez, dikey drift yok */
body.auth-page .auth-page-shell{
  min-height:100dvh !important;
  height:100dvh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  padding:16px !important;
  overflow:auto !important;
}
body.auth-page .auth-page-inner,
body.auth-page .auth-page-card{
  width:min(420px,100%) !important;
  margin:0 auto !important;
  transform:none !important;
  animation:none !important;
}
body.auth-page .auth-page-card{
  will-change:auto !important;
}

/* Yazılar: kompakt ve düzgün */
body.auth-page label,
body.auth-page .field label{
  text-transform:none !important;
  letter-spacing:0 !important;
}
.username-hint{
  font-size:9px !important;
  font-weight:400 !important;
  opacity:.58 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

/* Input focus: neon yerine hafif ve hızlı */
body.auth-page input,
body.auth-page select,
body.auth-page textarea{
  transition:border-color .14s ease, box-shadow .14s ease, background-color .14s ease !important;
}
body.auth-page input:focus,
body.auth-page select:focus,
body.auth-page textarea:focus{
  transform:none !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.045) !important;
}

/* Şifre gücü — kompakt, canlı renkli, yumuşak giriş */
.password-strength{
  height:0;
  opacity:0;
  overflow:hidden;
  margin-top:0;
  transform:translateY(-4px);
  transition:height .22s ease,opacity .18s ease,margin-top .22s ease,transform .22s ease;
}
.password-strength.is-visible{
  height:25px;
  opacity:1;
  margin-top:7px;
  transform:translateY(0);
}
.password-strength-track{
  height:4px !important;
  width:100%;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.08);
}
.password-strength-fill{
  width:0;
  height:100%;
  border-radius:99px;
  transition:width .24s cubic-bezier(.22,1,.36,1),background-color .2s ease;
}
.password-strength-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:4px;
  font-size:9px !important;
  line-height:1;
  opacity:.72;
}
.password-strength-label{
  font-size:9px !important;
  font-weight:600;
  transition:opacity .18s ease;
}

/* Checkbox: küçük, temiz, hafif animasyon */
body.auth-page .auth-check{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  cursor:pointer;
  user-select:none;
}
body.auth-page .auth-check input{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  pointer-events:none !important;
}
body.auth-page .auth-check-box{
  width:14px !important;
  height:14px !important;
  flex:0 0 14px !important;
  border:1px solid rgba(255,255,255,.24);
  border-radius:4px;
  background:rgba(255,255,255,.025);
  display:grid;
  place-items:center;
  transition:background-color .14s ease,border-color .14s ease,transform .14s cubic-bezier(.2,.9,.25,1.2);
}
body.auth-page .auth-check-box::after{
  content:"";
  width:6px !important;
  height:3.5px !important;
  border-left:1.5px solid transparent;
  border-bottom:1.5px solid transparent;
  transform:rotate(-45deg) scale(0);
  transition:transform .14s cubic-bezier(.2,.9,.25,1.2),border-color .14s ease;
}
body.auth-page .auth-check input:checked + .auth-check-box{
  background:rgba(99,201,154,.18);
  border-color:rgba(99,201,154,.72);
  transform:scale(1.04);
}
body.auth-page .auth-check input:checked + .auth-check-box::after{
  border-left-color:#78e4b2;
  border-bottom-color:#78e4b2;
  transform:rotate(-45deg) scale(1);
}
body.auth-page .auth-check input:focus-visible + .auth-check-box{
  box-shadow:0 0 0 2px rgba(255,255,255,.08);
}

/* Göz ikonu: daha küçük ve sade */
body.auth-page .password-toggle,
body.auth-page .toggle-password,
body.auth-page button.password-toggle,
body.auth-page button.toggle-password{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  padding:4px !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  opacity:.62;
  transform:none !important;
  transition:opacity .14s ease !important;
}
body.auth-page .password-toggle:hover,
body.auth-page .toggle-password:hover{
  opacity:.9;
  box-shadow:none !important;
}
body.auth-page .password-toggle svg,
body.auth-page .toggle-password svg,
body.auth-page .password-toggle i,
body.auth-page .toggle-password i{
  width:13px !important;
  height:13px !important;
  font-size:13px !important;
}

/* Toast'un da pat diye çıkmaması: mevcut animasyonu koru, daha yumuşak yap */
.toast-message{
  animation-duration:.42s !important;
  will-change:transform,opacity !important;
}
@media(prefers-reduced-motion:reduce){
  .password-strength,
  .password-strength-fill,
  .auth-check-box,
  .auth-check-box::after,
  .toast-message{
    transition:none !important;
    animation:none !important;
  }
}
@media(max-width:520px){
  body.auth-page .auth-page-shell{
    min-height:100dvh !important;
    height:auto !important;
    align-items:center !important;
    padding:14px !important;
  }
}

/* İstenen auth düzenlemeleri */
.auth-brand a{
  transform:scaleX(1.16)!important;
  transform-origin:center!important;
  font-size:34px!important;
  letter-spacing:-1.9px!important;
}
.auth-page-inner{width:min(480px,100%)!important}
.auth-page-top h1{font-size:29px!important}
.auth-page-top p{font-size:12px!important}
.auth-page-card{padding:30px!important}
.auth-page-form{gap:12px!important}
.availability-input-wrap{position:relative}
.availability-input-wrap .input{padding-right:48px!important}
.availability-icon{
  position:absolute;right:13px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;border-radius:50%;display:none;align-items:center;justify-content:center;
  font-size:11px;font-weight:900;line-height:1;pointer-events:none;
}
.availability-icon.available{display:flex;color:#55e6a5;background:rgba(85,230,165,.10);box-shadow:0 0 14px rgba(85,230,165,.12)}
.availability-icon.taken{display:flex;color:#ff6575;background:rgba(255,95,109,.10);box-shadow:0 0 14px rgba(255,95,109,.10)}
.availability-icon.checking{display:flex;color:#7dbdff;background:rgba(47,140,255,.08)}
.availability-input-wrap .input.availability-good{border-color:rgba(85,230,165,.40)!important;box-shadow:0 0 0 3px rgba(85,230,165,.045)!important}
.availability-input-wrap .input.availability-bad{border-color:rgba(255,95,109,.40)!important;box-shadow:0 0 0 3px rgba(255,95,109,.045)!important}
.auth-page-submit.register{
  background:linear-gradient(135deg,#3b97ff,#1769d0)!important;
  border-color:rgba(99,179,255,.35)!important;
  box-shadow:0 12px 35px rgba(47,140,255,.20),inset 0 1px rgba(255,255,255,.16)!important;
}
.auth-page-submit.register:hover{box-shadow:0 16px 42px rgba(47,140,255,.28)!important}
.auth-switch-page a{
  color:#dce9f8!important;
  background:none!important;
  text-decoration:none!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.auth-switch-page a:hover{color:#72baff!important}
.auth-turnstile{
  margin-top:7px!important;
  min-height:76px!important;
  padding-top:5px!important;
  align-items:flex-start!important;
}
.auth-turnstile>div{transform:scale(.88);transform-origin:center top}
@media(max-width:520px){
  .auth-brand a{font-size:30px!important;transform:scaleX(1.10)!important}
  .auth-page-card{padding:24px 18px!important}
  .auth-page-top h1{font-size:25px!important}
  .auth-turnstile{min-height:72px!important;margin-top:8px!important}
}
@media(max-height:760px){
  .auth-page-shell{overflow-y:auto!important;overflow-x:hidden!important;align-items:flex-start!important}
  .auth-brand{margin-bottom:11px!important}
  .auth-brand a{font-size:28px!important}
  .auth-page-card{padding:20px!important}
  .auth-page-top h1{font-size:23px!important}
  .auth-page-form{gap:8px!important}
  .auth-page-form .input{height:42px!important}
  .availability-icon{right:11px}
  .auth-turnstile{min-height:64px!important;margin-top:8px!important}
  .auth-page-submit{height:43px!important}
}

/* DarkShop auth UI — visual layer only */
.auth-page{
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(45,139,255,.16),transparent 30%),
    radial-gradient(circle at 8% 90%,rgba(77,116,255,.08),transparent 25%),
    #030509!important;
}
.auth-page-shell{
  min-height:100dvh!important;
  height:100dvh!important;
  padding:18px!important;
  overflow:hidden!important;
}
.auth-page-shell:before{
  width:520px!important;height:520px!important;
  top:-330px!important;
  background:#1683ff!important;
  opacity:.16!important;
  filter:blur(105px)!important;
  animation:authGlow 8s ease-in-out infinite alternate;
}
.auth-page-shell:after{
  width:460px!important;height:460px!important;
  right:-220px!important;bottom:-300px!important;
  background:#315dff!important;
  opacity:.09!important;
  animation:authGlow2 10s ease-in-out infinite alternate;
}
.auth-page-inner{
  width:min(470px,100%)!important;
  animation:authEnter .7s cubic-bezier(.2,.8,.2,1) both;
}
.auth-brand{
  margin-bottom:15px!important;
  animation:brandFloat 4s ease-in-out infinite;
}
.auth-brand a{
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:31px!important;
  font-weight:950!important;
  letter-spacing:-1.9px!important;
  text-transform:none!important;
  color:#f7fbff!important;
  text-shadow:0 0 26px rgba(71,165,255,.16);
}
.auth-brand-dark{color:#fff!important}
.auth-brand-shop{
  color:#4ba3ff!important;
  margin-left:2px!important;
}
.auth-page-card{
  position:relative!important;
  overflow:hidden!important;
  padding:28px!important;
  border:1px solid rgba(92,170,255,.14)!important;
  border-radius:26px!important;
  background:
    linear-gradient(145deg,rgba(20,30,46,.78),rgba(5,9,15,.94))!important;
  box-shadow:
    0 35px 110px rgba(0,0,0,.64),
    0 0 70px rgba(33,130,255,.055),
    inset 0 1px 0 rgba(255,255,255,.065)!important;
  backdrop-filter:blur(24px)!important;
}
.auth-page-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(120deg,transparent 20%,rgba(89,171,255,.055) 48%,transparent 72%)!important;
  transform:translateX(-110%)!important;
  animation:authSweep 7s ease-in-out infinite!important;
}
.auth-page-card>*{position:relative;z-index:1}
.auth-page-top{margin-bottom:18px!important}
.auth-page-kicker{
  padding:7px 11px!important;
  border:1px solid rgba(72,159,255,.22)!important;
  background:rgba(38,131,235,.075)!important;
  color:#8bc6ff!important;
  box-shadow:0 0 22px rgba(47,140,255,.06)!important;
}
.auth-page-top h1{
  font-size:27px!important;
  line-height:1.12!important;
  letter-spacing:-.8px!important;
  color:#f7faff!important;
}
.auth-page-top p{
  max-width:360px!important;
  margin:8px auto 0!important;
  color:#7e8b9d!important;
  line-height:1.55!important;
}
.auth-page-form{gap:11px!important}
.auth-page-form .field label{
  display:block!important;
  color:#a4afbf!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.4px!important;
}
.auth-page-form .input{
  height:48px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(5,10,17,.82)!important;
  transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease,background .25s ease!important;
}
.auth-page-form .input:hover{
  border-color:rgba(92,168,255,.18)!important;
}
.auth-page-form .input:focus{
  transform:translateY(-1px)!important;
  border-color:rgba(70,163,255,.7)!important;
  background:rgba(7,14,24,.98)!important;
  box-shadow:
    0 0 0 3px rgba(47,140,255,.08),
    0 0 24px rgba(47,140,255,.11),
    inset 0 0 18px rgba(47,140,255,.035)!important;
}
.auth-page-form .eye{
  width:32px!important;height:32px!important;
  top:8px!important;right:8px!important;
  border-radius:9px!important;
  transition:all .2s ease!important;
}
.auth-page-form .eye:hover{
  color:#78bcff!important;
  background:rgba(47,140,255,.10)!important;
  box-shadow:0 0 16px rgba(47,140,255,.12)!important;
  transform:scale(1.04)!important;
}
.auth-page-submit{
  height:49px!important;
  border-radius:13px!important;
  font-size:12px!important;
  letter-spacing:.15px!important;
  background:linear-gradient(135deg,#43a4ff,#176bd8)!important;
  box-shadow:0 12px 35px rgba(47,140,255,.20),inset 0 1px rgba(255,255,255,.18)!important;
  position:relative!important;
  overflow:hidden!important;
}
.auth-page-submit:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent)!important;
  transform:translateX(-120%)!important;
  animation:buttonShine 3.8s ease-in-out infinite!important;
}
.auth-page-submit:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 16px 42px rgba(47,140,255,.28),0 0 22px rgba(47,140,255,.10)!important;
}
.auth-page-submit.register{
  background:linear-gradient(135deg,#ff5370,#bd3049)!important;
  box-shadow:0 12px 35px rgba(224,75,97,.18),inset 0 1px rgba(255,255,255,.16)!important;
}
.auth-page-divider{
  margin:15px 0 12px!important;
  color:#566274!important;
}
.auth-switch-page{
  color:#788597!important;
  font-size:10px!important;
}
.auth-switch-page a{
  color:#72baff!important;
  font-weight:850!important;
  text-shadow:0 0 14px rgba(76,164,255,.12)!important;
}
.auth-back{
  margin-top:13px!important;
}
.auth-back a{
  color:#5f6c7e!important;
  transition:color .2s ease!important;
}
.auth-back a:hover{color:#8ebfff!important}
.auth-success,.auth-error{
  border-radius:12px!important;
  animation:noticeIn .35s ease both!important;
}
@keyframes authEnter{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes authGlow{to{transform:translateX(-50%) scale(1.14)}}
@keyframes authGlow2{to{transform:translate(-20px,-25px) scale(1.12)}}
@keyframes brandFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes authSweep{
  0%,55%{transform:translateX(-110%)}
  78%,100%{transform:translateX(110%)}
}
@keyframes buttonShine{
  0%,52%{transform:translateX(-120%)}
  72%,100%{transform:translateX(120%)}
}
@keyframes noticeIn{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:none}
}
@media(max-width:520px){
  .auth-page-shell{padding:12px!important}
  .auth-brand a{font-size:28px!important}
  .auth-page-card{padding:22px 18px!important;border-radius:22px!important}
  .auth-page-top h1{font-size:24px!important}
  .auth-page-form{gap:9px!important}
  .auth-page-form .input{height:46px!important}
  .auth-page-submit{height:47px!important}
}
@media(max-height:760px){
  .auth-page-shell{padding:8px 12px!important}
  .auth-brand{margin-bottom:8px!important}
  .auth-brand a{font-size:25px!important}
  .auth-page-card{padding:17px 20px!important}
  .auth-page-top{margin-bottom:11px!important}
  .auth-page-top h1{font-size:22px!important;margin-top:8px!important}
  .auth-page-top p{margin-top:4px!important;line-height:1.35!important}
  .auth-page-form{gap:7px!important}
  .auth-page-form .field label{margin-bottom:3px!important}
  .auth-page-form .input{height:40px!important}
  .auth-page-form .eye{top:4px!important}
  .auth-turnstile{min-height:52px!important}
  .auth-page-submit{height:41px!important}
  .auth-page-divider{margin:9px 0 7px!important}
  .auth-back{margin-top:7px!important}
}

/* =========================================================
   AUTH FINAL FIX
   - Sayfa dikey/yatay hareket etmez.
   - Login/Register kartı merkezde sabit kalır.
   - Register'da şifre barı açılırken kart yüksekliği değişmez.
   - Küçük checkbox metinleri ve göz ikonları.
   - Gereksiz sürekli animasyonlar kaldırılarak GPU/CPU yükü düşürülür.
   ========================================================= */

html:has(body.auth-page),
body.auth-page{
  width:100%;
  min-height:100%;
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

body.auth-page .auth-page-shell{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  min-height:100dvh !important;
  max-height:100dvh !important;
  padding:12px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.auth-page .auth-page-inner{
  width:min(470px,100%) !important;
  max-height:calc(100dvh - 24px) !important;
  min-height:0 !important;
  margin:0 auto !important;
  overflow:visible !important;
  animation:none !important;
  transform:none !important;
}

body.auth-page .auth-page-card{
  width:100% !important;
  max-height:calc(100dvh - 70px) !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin;
  transform:none !important;
  animation:none !important;
  backdrop-filter:blur(12px) !important;
}

/* Card içeriği açılıp kapanırken merkezden oynamasın. */
body.auth-page .auth-page-card:before,
body.auth-page .auth-brand{
  animation:none !important;
}

/* Input focus'ta kutunun 1px yukarı sıçramasını kaldır. */
body.auth-page .auth-page-form .input,
body.auth-page .auth-page-form .input:focus{
  transform:none !important;
}

/* Beni hatırla + sözleşme metinleri küçük ve tek satır/derli toplu. */
body.auth-page .auth-check{
  display:flex !important;
  align-items:flex-start !important;
  gap:7px !important;
  font-size:10px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

body.auth-page .auth-check > span:last-child{
  font-size:10px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

body.auth-page .auth-login-row .auth-check{
  align-items:center !important;
  white-space:nowrap !important;
}

body.auth-page .auth-login-row .auth-check > span:last-child{
  font-size:10px !important;
}

body.auth-page .auth-terms{
  margin-top:1px !important;
}

/* Checkbox biraz daha kompakt. */
body.auth-page .auth-check-box{
  width:13px !important;
  height:13px !important;
  flex:0 0 13px !important;
  border-radius:3px !important;
}

/* Göz butonu ve ikonunu küçült; input yüksekliğini değiştirme. */
body.auth-page .auth-page-form .eye{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  top:11px !important;
  right:9px !important;
  padding:0 !important;
  border-radius:7px !important;
  transform:none !important;
  transition:opacity .12s ease,background-color .12s ease !important;
}

body.auth-page .auth-page-form .eye i,
body.auth-page .auth-page-form .eye svg{
  width:12px !important;
  height:12px !important;
  font-size:12px !important;
}

body.auth-page .auth-page-form .eye:hover{
  transform:none !important;
}

/* Şifre gücü: yüksekliği BAŞTAN rezerve edilir.
   Böylece bar görünürken kart/form aşağı-yukarı zıplamaz. */
body.auth-page .password-strength{
  display:block !important;
  height:25px !important;
  min-height:25px !important;
  max-height:25px !important;
  margin-top:7px !important;
  overflow:hidden !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:none !important;
  pointer-events:none !important;
  transition:opacity .12s ease,visibility 0s linear .12s !important;
  contain:layout paint style !important;
}

body.auth-page .password-strength.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  transition:opacity .12s ease !important;
}

body.auth-page .password-strength-track{
  height:4px !important;
}

body.auth-page .password-strength-fill{
  height:4px !important;
  transition:width .10s linear,background-color .10s linear !important;
  will-change:width,background-color;
}

body.auth-page .password-strength-meta{
  margin-top:4px !important;
  height:9px !important;
  font-size:8px !important;
  line-height:9px !important;
}

body.auth-page .password-strength-label{
  font-size:8px !important;
  line-height:9px !important;
}

/* Sürekli ışık/parlama efektlerini auth ekranından kaldır: daha akıcı. */
body.auth-page .auth-page-shell:before,
body.auth-page .auth-page-shell:after{
  animation:none !important;
  will-change:auto !important;
}

body.auth-page .auth-page-submit:before{
  animation:none !important;
  transform:none !important;
  opacity:0 !important;
}

body.auth-page .auth-page-submit,
body.auth-page .auth-page-form .input{
  transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease !important;
}

@media(max-width:520px){
  body.auth-page .auth-page-shell{
    padding:8px !important;
  }

  body.auth-page .auth-page-inner{
    max-height:calc(100dvh - 16px) !important;
  }

  body.auth-page .auth-page-card{
    max-height:calc(100dvh - 55px) !important;
    padding:20px 16px !important;
  }

  body.auth-page .auth-page-form .input{
    height:44px !important;
  }

  body.auth-page .auth-page-form .eye{
    top:9px !important;
  }
}

@media(max-height:760px){
  body.auth-page .auth-page-card{
    max-height:calc(100dvh - 50px) !important;
    padding:16px 18px !important;
  }

  body.auth-page .auth-page-top{
    margin-bottom:9px !important;
  }

  body.auth-page .auth-page-top h1{
    font-size:22px !important;
  }

  body.auth-page .auth-page-top p{
    font-size:10px !important;
    line-height:1.3 !important;
  }

  body.auth-page .auth-page-form{
    gap:7px !important;
  }

  body.auth-page .auth-page-form .input{
    height:39px !important;
  }

  body.auth-page .auth-page-form .eye{
    top:6px !important;
  }

  body.auth-page .password-strength{
    margin-top:5px !important;
  }
}

/* Şifre güvenlik barı: yalnızca compositor özellikleriyle animasyon; layout reflow yok. */
body.auth-page #registerPasswordStrength{
  display:block !important;
  position:relative !important;
  width:100% !important;
  height:22px !important;
  margin:7px 0 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate3d(0,-7px,0) !important;
  transform-origin:top center !important;
  pointer-events:none !important;
  transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s !important;
  will-change:opacity,transform !important;
}
body.auth-page #registerPasswordStrength.is-visible{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,0,0) !important;
  pointer-events:auto !important;
  transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s !important;
}
body.auth-page #registerPasswordStrength .password-strength-track{
  position:relative !important; width:100% !important; height:6px !important;
  margin:0 !important; padding:0 !important; overflow:hidden !important;
  border-radius:999px !important; background:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04) !important; box-sizing:border-box !important;
}
body.auth-page #registerPasswordStrength .password-strength-fill{
  position:absolute !important; left:0 !important; top:0 !important; height:6px !important;
  width:0 !important; min-width:0 !important; max-width:100% !important;
  margin:0 !important; padding:0 !important; border:0 !important; border-radius:999px !important;
  transform:translateZ(0) !important; will-change:width !important;
  transition:width .18s cubic-bezier(.22,1,.36,1),background-color .12s linear,box-shadow .12s linear !important;
  box-sizing:border-box !important;
}
body.auth-page #registerPasswordStrength .password-strength-meta{
  display:flex !important; width:100% !important; height:12px !important;
  margin:3px 0 0 !important; padding:0 !important; align-items:center !important;
  justify-content:space-between !important; box-sizing:border-box !important;
}
body.auth-page #registerPasswordStrength .password-strength-label{
  display:block !important; font-size:9px !important; line-height:12px !important; font-weight:600 !important;
}

/* Profesyonel Login / Register görünümü */
.auth-brand{
  display:none!important;
}

/* Kartları genel olarak biraz küçült */
.auth-page-card{
  padding:26px!important;
  max-width:430px!important;
}

/* Başlıklar kartın üst kısmında sabit ve dengeli */
.auth-page-top{
  margin-top:0!important;
  margin-bottom:18px!important;
  transform:none!important;
}
.auth-page-top h1{
  font-size:29px!important;
  line-height:1.12!important;
  letter-spacing:-.7px!important;
  margin-top:0!important;
}
.auth-page-top p{
  font-size:13px!important;
  line-height:1.45!important;
  max-width:360px!important;
  margin:8px auto 0!important;
}

/* Formu kompaktlaştır */
.auth-page-form{
  gap:11px!important;
}
.auth-page-form .field label{
  font-size:11px!important;
  margin-bottom:5px!important;
}
.auth-page-form .input{
  height:48px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
.auth-page-form .eye{
  width:32px!important;
  height:32px!important;
  top:8px!important;
  right:8px!important;
}

/* Ana aksiyon butonları */
.auth-page-submit,
.auth-page-submit.register{
  height:48px!important;
  border-radius:12px!important;
  font-size:12px!important;
}

/* Register butonu mavi */
.auth-page-submit.register{
  background:linear-gradient(135deg,#43a4ff,#176bd8)!important;
  border-color:rgba(99,179,255,.35)!important;
  box-shadow:0 10px 28px rgba(47,140,255,.18),inset 0 1px rgba(255,255,255,.18)!important;
}

/* Login butonunu da dengeli tut */
.auth-page-submit:not(.register){
  height:48px!important;
}

/* Alt geçiş alanı */
.auth-page-divider{
  margin:14px 0 11px!important;
}
.auth-switch-page{
  font-size:10px!important;
}

@media(max-width:520px){
  .auth-page-card{
    padding:22px 18px!important;
    max-width:calc(100% - 28px)!important;
  }
  .auth-page-top h1{
    font-size:26px!important;
  }
  .auth-page-top p{
    font-size:12px!important;
  }
  .auth-page-form{
    gap:9px!important;
  }
  .auth-page-form .input{
    height:46px!important;
  }
  .auth-page-submit,
  .auth-page-submit.register{
    height:46px!important;
  }
}

@media(max-height:760px){
  .auth-page-card{
    padding:20px 18px!important;
  }
  .auth-page-top{
    margin-bottom:13px!important;
  }
  .auth-page-top h1{
    font-size:25px!important;
  }
  .auth-page-top p{
    margin-top:5px!important;
    font-size:11px!important;
  }
  .auth-page-form{
    gap:8px!important;
  }
  .auth-page-form .field label{
    font-size:10px!important;
    margin-bottom:3px!important;
  }
  .auth-page-form .input{
    height:43px!important;
  }
  .auth-page-submit,
  .auth-page-submit.register{
    height:43px!important;
  }
}

/* Üstteki Güvenli Giriş / Yeni Hesap rozetlerini tamamen kaldır */
.auth-page-card > .auth-page-kicker,
.auth-page-card .auth-page-kicker,
.auth-page-card .auth-badge,
.auth-page-card .auth-top-badge{
  display:none!important;
}

/* Kartı ekranın ortasında, daha kompakt tut */
.auth-page-card{
  width:min(420px, calc(100vw - 32px))!important;
  max-width:420px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:28px 28px 24px!important;
}

/* Ana başlıkları belirginleştir */
.auth-page-top{
  margin:0 auto 20px!important;
  padding:0!important;
  text-align:center!important;
  transform:none!important;
}
.auth-page-top h1{
  font-size:34px!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-1px!important;
  margin:0!important;
}
.auth-page-top p{
  font-size:14px!important;
  line-height:1.45!important;
  margin:9px auto 0!important;
}

/* Alanları biraz daha kompakt tut */
.auth-page-form{
  gap:10px!important;
}
.auth-page-form .field label{
  font-size:11px!important;
  margin-bottom:5px!important;
}
.auth-page-form .input{
  height:46px!important;
  border-radius:11px!important;
  font-size:13px!important;
}

/* Giriş / Hesap Oluştur butonlarını küçült */
.auth-page-submit,
.auth-page-submit.register{
  height:44px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:700!important;
}
.auth-page-submit.register{
  background:linear-gradient(135deg,#43a4ff,#176bd8)!important;
  border-color:rgba(99,179,255,.35)!important;
}

/* Alt bağlantı alanı */
.auth-page-divider{
  margin:13px 0 10px!important;
}
.auth-switch-page{
  font-size:10px!important;
}

@media(max-width:520px){
  .auth-page-card{
    width:calc(100vw - 28px)!important;
    padding:23px 20px 20px!important;
  }
  .auth-page-top h1{
    font-size:29px!important;
  }
  .auth-page-top p{
    font-size:12px!important;
  }
  .auth-page-form{
    gap:9px!important;
  }
  .auth-page-form .input{
    height:44px!important;
  }
  .auth-page-submit,
  .auth-page-submit.register{
    height:42px!important;
    min-height:42px!important;
  }
}

body.auth-page #registerPasswordStrength{
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  overflow:hidden !important;
  transform:translate3d(0,-4px,0) !important;
  pointer-events:none !important;
}
body.auth-page #registerPasswordStrength.is-visible{
  height:22px !important;
  min-height:22px !important;
  max-height:22px !important;
  margin-top:7px !important;
  margin-bottom:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:translate3d(0,0,0) !important;
  pointer-events:auto !important;
}
.username-hint{font-size:9px;opacity:.55;font-weight:400;text-transform:none;letter-spacing:0}

/* FINAL PASSWORD BAR */
body.auth-page #registerPasswordStrength{display:block!important;position:relative!important;width:100%!important;height:22px!important;margin:7px 0 0!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;transform:translate3d(0,-7px,0)!important;pointer-events:none!important;}
body.auth-page #registerPasswordStrength.is-visible{height:22px!important;min-height:22px!important;max-height:22px!important;margin-top:7px!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;}
body.auth-page #registerPasswordStrength .password-strength-track{position:relative!important;width:100%!important;height:6px!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;box-sizing:border-box!important;}
body.auth-page #registerPasswordStrength .password-strength-fill{position:absolute!important;left:0!important;top:0!important;height:6px!important;width:0!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;box-sizing:border-box!important;transition:width .18s cubic-bezier(.22,1,.36,1),background-color .12s linear!important;}
body.auth-page #registerPasswordStrength .password-strength-meta{display:flex!important;width:100%!important;height:12px!important;margin:3px 0 0!important;padding:0!important;align-items:center!important;justify-content:space-between!important;}
body.auth-page #registerPasswordStrength .password-strength-label{display:block!important;font-size:9px!important;line-height:12px!important;font-weight:600!important;}

/* Login geri dön butonu */
.auth-back a{
    min-height:34px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:10px;
    background:rgba(255,255,255,.025);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.auth-back a:hover{
    background:rgba(255,255,255,.045);
    border-color:rgba(255,255,255,.11);
    color:#9aa7b8;
}

/* ===== FINAL UI FIX: FOOTER + AUTH ACTIONS ===== */
/* Footer links: normal text, no blue box/background. */
.footer-links-row .footer-links a,
.footer-links-row .footer-links a:visited {
  color:#687486 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
.footer-links-row .footer-links a:hover,
.footer-links-row .footer-links a:focus {
  color:#a9b3c1 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

/* Top-right Giriş Yap / Kayıt Ol: larger, cleaner, aligned. */
.header-actions {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.header-actions .header-btn {
  height:42px !important;
  min-width:118px !important;
  padding:0 18px !important;
  border-radius:11px !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.15px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease !important;
}

/* Giriş Yap — blue, subtle glow. */
.header-actions .header-btn:first-child {
  color:#eaf5ff !important;
  background:linear-gradient(135deg,#3ca5ff,#176bd8) !important;
  border:1px solid rgba(105,190,255,.42) !important;
  box-shadow:0 6px 20px rgba(47,140,255,.18), inset 0 1px rgba(255,255,255,.18) !important;
}
.header-actions .header-btn:first-child:hover {
  background:linear-gradient(135deg,#50b0ff,#2278e3) !important;
  border-color:rgba(120,200,255,.62) !important;
  box-shadow:0 8px 25px rgba(47,140,255,.30), 0 0 14px rgba(47,140,255,.14), inset 0 1px rgba(255,255,255,.22) !important;
  transform:translateY(-1px) !important;
}

/* Kayıt Ol — clean red accent, same proportions. */
.header-actions .header-btn.primary {
  color:#fff !important;
  background:linear-gradient(135deg,#e04b61,#b93249) !important;
  border:1px solid rgba(255,115,133,.34) !important;
  box-shadow:0 6px 20px rgba(224,75,97,.15) !important;
}
.header-actions .header-btn.primary:hover {
  background:linear-gradient(135deg,#ef5b70,#c83a51) !important;
  border-color:rgba(255,130,145,.52) !important;
  box-shadow:0 8px 25px rgba(224,75,97,.25) !important;
  transform:translateY(-1px) !important;
}

@media(max-width:680px){
  .header-actions{gap:7px !important}
  .header-actions .header-btn{
    height:38px !important;
    min-width:0 !important;
    padding:0 12px !important;
    font-size:10.5px !important;
    border-radius:9px !important;
  }
}


/* ===== REQUESTED FINAL UI TWEAKS ===== */
/* Field labels share one baseline/style and helper text sits in a compact aligned box. */
body.auth-page .auth-page-form .field label,
body.auth-page .field > label,
body.auth-page .auth-check.auth-terms{
  font-family:Inter,system-ui,sans-serif!important;
}
body.auth-page .auth-page-form .field label,
body.auth-page .field > label{
  font-size:11px!important;
  line-height:16px!important;
  font-weight:700!important;
  color:#aeb8c7!important;
  letter-spacing:0!important;
  margin-bottom:5px!important;
}
body.auth-page .username-hint{
  font-size:9px!important;
  line-height:1!important;
  font-weight:500!important;
  color:#7d8999!important;
}
body.auth-page .field-note{
  margin-top:5px!important;
  padding:7px 9px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
  color:#697586!important;
  font-size:9px!important;
  line-height:1.45!important;
  text-align:left!important;
  width:100%!important;
  box-sizing:border-box!important;
}
/* Plain text back links — remove the boxed treatment. */
body.auth-page .auth-back a{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  color:#62aeff!important;
  font-size:10px!important;
  font-weight:700!important;
}
body.auth-page .auth-back a:hover{
  background:transparent!important;
  border:0!important;
  color:#8ebfff!important;
}
/* Simple blue checkbox: no neon/glow, blue fill + white check. */
body.auth-page .auth-check-box,
body.auth-page .auth-check input:checked + .auth-check-box{
  background:#2f8cff!important;
  border-color:#2f8cff!important;
  transform:none!important;
  box-shadow:none!important;
}
body.auth-page .auth-check-box::after,
body.auth-page .auth-check input:checked + .auth-check-box::after{
  border-left-color:#fff!important;
  border-bottom-color:#fff!important;
  transform:rotate(-45deg) scale(1)!important;
}
body.auth-page .auth-check-box::after{
  transform:rotate(-45deg) scale(0)!important;
}