/* SoftXora account and authentication experience */
.auth-page{position:relative;isolation:isolate;max-width:1020px;min-height:620px;margin:2.2rem auto;background:#fff;border:1px solid #e6eaf2;border-radius:28px;box-shadow:0 26px 80px rgba(25,35,72,.13);overflow:hidden}
.auth-page:before{content:"";position:absolute;inset:0 42% 0 0;background:radial-gradient(circle at 10% 5%,rgba(99,102,241,.42),transparent 38%),linear-gradient(145deg,#111936 0%,#202c62 62%,#2f4bb4 100%);z-index:-1}
.auth-promo{position:relative;min-height:620px;padding:4rem 3.2rem;background:transparent;justify-content:center}
.auth-promo:after{content:"";position:absolute;width:260px;height:260px;right:-100px;bottom:-80px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 56px rgba(255,255,255,.025);pointer-events:none}
.auth-promo .logo-mark{width:58px;height:58px;margin:0 0 2.2rem;border-radius:18px;background:linear-gradient(145deg,#818cf8,#38bdf8);font-size:1.45rem;box-shadow:0 14px 34px rgba(56,189,248,.24)}
.auth-promo .eyebrow{color:#c7d2fe;letter-spacing:.13em}
.auth-promo h2{max-width:390px;font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.065em;line-height:1.02}
.auth-promo p:not(.eyebrow){max-width:390px;color:#dbeafe;font-size:1rem}
.auth-points{margin-top:2.25rem;gap:.85rem;color:#e0e7ff}
.auth-points span{display:flex;align-items:center;gap:.6rem}
.auth-points span:before{content:"";width:21px;height:21px;border-radius:50%;background:rgba(129,140,248,.24);box-shadow:inset 0 0 0 1px rgba(191,219,254,.32)}
.auth-points span{font-size:.88rem}
.auth-card{align-self:center;margin:0;padding:4rem 3.2rem;background:#fff}
.auth-card h1{font-size:clamp(2rem,4vw,2.65rem);letter-spacing:-.06em;color:#111827}
.auth-card .lead{color:#64748b;line-height:1.6}
.auth-alert{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;margin-top:1rem;border-radius:11px;border:1px solid #fecaca;background:#fff6f6;color:#991b1b;font-size:.83rem;line-height:1.45}
.auth-alert svg{width:18px;height:18px;flex:none}.auth-alert.ok{border-color:#a7f3d0;background:#f0fdf4;color:#065f46}
.auth-card .card{margin-top:1.7rem}
.auth-card label{color:#334155;font-size:.8rem;letter-spacing:.01em}
.auth-card label>input{margin-top:.1rem;background:#f8fafc;border-color:#dce3ef;transition:border-color .18s,box-shadow .18s,background .18s}
.auth-card label>input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.12);outline:0}
.auth-card .field-wrap{position:relative}
.auth-card .field-wrap input{padding-right:3.4rem}
.auth-card .password-toggle{position:absolute;right:.45rem;bottom:.42rem;width:36px;height:34px;border:0;background:transparent;border-radius:8px;color:#64748b;cursor:pointer;display:grid;place-items:center}
.auth-card .password-toggle:hover{background:#eef2ff;color:#4338ca}
.auth-card .password-toggle svg{width:17px;height:17px}
.auth-card .field-hint{display:block;margin-top:.3rem;color:#64748b;font-weight:400;font-size:.75rem}
.auth-card .btn{height:52px;border-radius:12px;font-weight:800;letter-spacing:.01em;box-shadow:0 10px 20px rgba(79,70,229,.2)}
.auth-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:.55rem!important;color:#64748b!important;font-weight:500!important;line-height:1.5}
.auth-check input{width:17px;height:17px;flex:none;margin-top:.1rem;accent-color:#4f46e5}
.auth-check a{color:#4338ca;font-weight:700}
.auth-links{padding-top:.3rem;text-align:left}
.auth-links p{color:#64748b}
.auth-help{margin-top:1.7rem;padding:1rem 1.1rem;border:1px solid #e4e8f1;border-radius:13px;background:#f8fafc;display:grid;gap:.28rem;color:#334155}
.auth-help span{font-size:.8rem;color:#64748b}.auth-help a{font-size:.82rem;color:#4338ca;font-weight:800}
.account-page{padding-top:2.7rem}
.account-page>.wrap>h1{font-size:clamp(2rem,4.8vw,3.4rem);margin-top:.35rem}
.account-page>.wrap>.lead{color:#64748b}
.account-shell{grid-template-columns:270px minmax(0,1fr);gap:28px;margin-top:2.3rem}
.account-side{border:1px solid #e0e7f2;background:linear-gradient(180deg,#111936,#192554 65%,#202f68);box-shadow:0 16px 38px rgba(25,35,72,.14);border-radius:20px;padding:12px}
.account-user{padding:20px 12px 22px;border-bottom-color:rgba(255,255,255,.12)}
.account-avatar{background:linear-gradient(145deg,#818cf8,#38bdf8);box-shadow:0 10px 24px rgba(56,189,248,.2)}
.account-feature-links{border-top-color:rgba(255,255,255,.12);padding:1rem .4rem .35rem}
.account-feature-links a{color:#c7d2fe!important;border-radius:10px;padding:.62rem .65rem;display:flex;align-items:center;gap:.55rem}
.account-feature-links a:hover{background:rgba(255,255,255,.08);color:#fff!important}
.account-feature-links a b{margin-left:auto;background:#6366f1;color:#fff;padding:.1rem .4rem;border-radius:99px;font-size:.7rem}
.account-main{min-width:0}
.account-welcome{border-radius:24px;box-shadow:0 18px 42px rgba(30,58,114,.2);padding:2.5rem}
.account-stat-cards{gap:14px}.account-stat-card{min-width:0;padding:1.15rem;border-radius:16px}.account-stat-card div{min-width:0}.account-stat-card strong{font-size:.82rem}
.account-section-card,.account-benefits>div{border-radius:16px}
.account-newsletter{border-radius:20px}
@media(max-width:899px){.auth-page{grid-template-columns:1fr;max-width:680px;margin:1.2rem auto}.auth-page:before{inset:0 0 58% 0}.auth-promo{min-height:0;padding:2.4rem 2rem 2.2rem}.auth-promo:after{width:180px;height:180px;right:-80px;bottom:-100px}.auth-promo .logo-mark{margin-bottom:1.25rem}.auth-promo h2{font-size:2rem}.auth-points{grid-template-columns:repeat(3,1fr);font-size:.78rem;gap:.65rem}.auth-points span{align-items:flex-start}.auth-points span:before{flex:none;width:16px;height:16px}.auth-card{padding:2.3rem 2rem}}
@media(max-width:700px){.auth-page{margin:.7rem;border-radius:20px;min-height:0}.auth-promo{padding:2rem 1.35rem 1.8rem}.auth-promo h2{font-size:1.85rem}.auth-promo p:not(.eyebrow){font-size:.9rem}.auth-points{grid-template-columns:1fr 1fr;margin-top:1.35rem;font-size:.72rem}.auth-card{padding:2rem 1.2rem}.auth-card h1{font-size:2rem}.auth-card .card{margin-top:1.25rem}.account-page{padding-top:1.8rem}.account-shell{gap:16px;margin-top:1.5rem}.account-side{border-radius:16px}.account-user{padding:1.4rem 1rem}.account-tabs{padding:.75rem!important}.account-tabs a{font-size:.78rem!important;padding:.72rem .45rem!important}.account-feature-links{display:grid;grid-template-columns:1fr 1fr;padding:.55rem}.account-feature-links a{font-size:.76rem;padding:.55rem}.account-welcome{padding:1.45rem;border-radius:18px}.account-welcome-actions .btn{width:100%;justify-content:center}.account-stat-card{padding:1rem}.account-stat-card b{font-size:1.8rem}.account-benefits>div{align-items:flex-start}.account-newsletter form>div{width:100%}}

/* Hesap merkezi: son yüklenen dosya tablet ve telefonlarda iki sütunu yeniden
   etkinleştirmesin; içerik kendi genişliğinde okunabilir kalsın. */
@media (max-width: 899px) {
  .account-page > .wrap { width: min(100% - 2rem, 64rem); }
  .account-page .account-shell { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .account-page .account-side { position: static; min-width: 0; width: 100%; }
  .account-page .account-main,
  .account-page .account-main > *,
  .account-page .account-side nav { min-width: 0; max-width: 100%; }
  .account-page .account-user { flex-direction: row; text-align: left; }
  .account-page .account-user > div { min-width: 0; }
  .account-page .account-user small { max-width: 100%; overflow-wrap: anywhere; }
  .account-page .account-tabs { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .account-page .account-tabs a,
  .account-page .account-feature-links a { min-width: 0; justify-content: flex-start; gap: .65rem; font-size: .95rem !important; line-height: 1.35; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  .account-page .account-feature-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; }
  .account-page .account-stat-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .account-page .account-stat-card { min-width: 0; }
  .account-page .account-section-card > header { gap: 1rem; }
  .account-page .account-section-card > header > div { min-width: 0; }
  .account-page .account-section-card > header > div > div { min-width: 0; }
}
@media (max-width: 600px) {
  .account-page > .wrap { width: min(100% - 1.25rem, 64rem); }
  .account-page { padding-top: 1.25rem; }
  .account-page > .wrap > h1 { font-size: clamp(1.8rem, 8vw, 2.35rem); line-height: 1.12; }
  .account-page > .wrap > .lead { font-size: .9rem; overflow-wrap: anywhere; }
  .account-page .account-shell { margin-top: 1.25rem; }
  .account-page .account-user { padding: 1.1rem; gap: .8rem; }
  .account-page .account-avatar { width: 52px; height: 52px; flex: none; margin: 0; border-width: 3px; font-size: 1.35rem; }
  .account-page .account-user strong { font-size: 1rem; }
  .account-page .account-user small { font-size: .78rem; line-height: 1.35; }
  .account-page .account-tabs,
  .account-page .account-feature-links { grid-template-columns: minmax(0, 1fr) !important; padding: .65rem !important; margin-top: 0 !important; }
  .account-page .account-tabs a,
  .account-page .account-feature-links a { min-height: 48px; padding: .62rem .8rem !important; font-size: .94rem !important; }
  .account-page .account-feature-links { border-top: 1px solid rgba(255,255,255,.12); }
  .account-page .account-welcome { margin-top: 0; padding: 1.35rem; }
  .account-page .account-welcome h2 { font-size: clamp(1.55rem, 7vw, 2rem); overflow-wrap: anywhere; }
  .account-page .account-welcome p { font-size: .95rem; }
  .account-page .account-welcome-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .account-page .account-welcome-actions .btn { min-width: 0; white-space: normal; }
  .account-page .account-stat-cards { grid-template-columns: minmax(0, 1fr); }
  .account-page .account-stat-card { gap: .9rem; padding: 1rem; }
  .account-page .account-stat-card small { letter-spacing: .04em; }
  .account-page .account-section-card > header { flex-direction: column; align-items: stretch; }
  .account-page .account-section-card > header > div { align-items: flex-start; }
  .account-page .account-count { align-self: flex-start; }
  .account-page .account-benefits > div { min-width: 0; }
  .account-page .account-benefits > div > div { min-width: 0; }
  .account-page .account-main .grid-2 { grid-template-columns: minmax(0, 1fr); }
  .account-page .account-main .grid-2 > * { min-width: 0; }
  .account-page .account-main .card,
  .account-page .account-main input,
  .account-page .account-main select,
  .account-page .account-main textarea { max-width: 100%; }
  .account-page .account-main .table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .account-page .account-main .table th,
  .account-page .account-main .table td { white-space: nowrap; }
}