@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
    --orange:#ff6a00;
    --orange-dark:#e85f00;
    --navy:#0b1420;
    --navy-2:#162033;
    --text:#161b22;
    --muted:#6b7280;
    --line:#e7eaf0;
    --bg:#f5f7fa;
    --white:#ffffff;
    --green:#22a447;
    --shadow:0 10px 30px rgba(15,23,42,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
main{min-height:70vh}

.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar-inner{max-width:1460px;height:72px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:8px;font-size:27px;font-weight:800}
.brand-pin{color:var(--orange);font-size:31px}
.desktop-nav{display:flex;gap:28px;font-size:14px;font-weight:600}
.desktop-nav a:hover{color:var(--orange)}
.topbar-actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:10px 16px;font-weight:600}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:var(--orange-dark)}
.btn-light{background:#fff;border-color:var(--line)}
.btn-success{background:var(--green);color:#fff}
.btn-large{padding:14px 24px}
.icon-btn{border:0;background:none;font-size:24px}
.mobile-only,.mobile-menu,.mobile-bottom-nav{display:none}

.hero-shell{max-width:1460px;margin:18px auto 0;padding:0 28px}
.hero{height:485px;border-radius:20px;overflow:hidden;position:relative;background:
linear-gradient(90deg,rgba(6,15,28,.88) 0%,rgba(6,15,28,.55) 54%,rgba(6,15,28,.25) 100%),
radial-gradient(circle at 78% 48%,rgba(255,126,30,.38),transparent 24%),
linear-gradient(135deg,#0a1830,#284b73 50%,#6b402a)}
.hero:before{content:"";position:absolute;right:8%;bottom:0;width:48%;height:72%;background:
linear-gradient(160deg,transparent 0 42%,rgba(7,12,18,.65) 43% 46%,transparent 47%),
linear-gradient(20deg,rgba(255,255,255,.05),transparent);clip-path:polygon(8% 100%,18% 25%,25% 12%,34% 34%,44% 8%,53% 20%,65% 2%,75% 35%,86% 14%,100% 100%);opacity:.8}
.hero-content{position:relative;z-index:2;max-width:850px;padding:92px 72px}
.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--orange)}
.hero h1{font-size:58px;line-height:1.05;margin:16px 0 18px;color:#fff}
.hero h1 em{font-family:Georgia,serif;color:var(--orange);font-weight:500}
.hero p{color:#e8edf5;font-size:18px}
.hero-search{margin-top:34px;display:grid;grid-template-columns:1.6fr 1fr auto;background:#fff;border-radius:12px;padding:8px;box-shadow:0 16px 50px rgba(0,0,0,.25)}
.hero-search label{display:flex;align-items:center;gap:9px;padding:0 14px;border-right:1px solid var(--line)}
.hero-search input{width:100%;border:0;outline:0;padding:13px 0}
.hero-search button{border:0;border-radius:8px;background:var(--orange);color:#fff;padding:0 28px;font-weight:700}

.quick-categories{position:relative;z-index:4;margin:-40px auto 0;max-width:1180px;padding:15px;background:#fff;border-radius:15px;display:grid;grid-template-columns:repeat(8,1fr);box-shadow:var(--shadow)}
.quick-category{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;border-radius:10px;font-size:13px}
.quick-category:hover{background:#fff4ec;color:var(--orange)}
.quick-category span{font-size:24px}

.content-section{max-width:1460px;margin:auto;padding:62px 28px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}
.section-head h2{font-size:29px;margin:7px 0 0}
.section-head>a{color:var(--muted);font-size:14px}

.city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.city-card{height:190px;border-radius:14px;overflow:hidden;position:relative;background:#20334c;box-shadow:var(--shadow)}
.city-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.78))}
.city-card:after{content:"";position:absolute;inset:22px 22px 50px;border-radius:50% 50% 0 0;border:5px solid rgba(255,255,255,.2);transform:skew(-8deg)}
.city-card div{position:absolute;z-index:2;left:17px;bottom:15px;color:#fff}
.city-card h3{margin:0 0 4px;font-size:18px}
.city-card p{margin:0;font-size:12px;color:#dce5f0}
.city-ankara{background:linear-gradient(135deg,#24425b,#786246)}
.city-izmir{background:linear-gradient(135deg,#1d5d87,#d2a55a)}
.city-urfa{background:linear-gradient(135deg,#6f351d,#d58c3d)}
.city-antalya{background:linear-gradient(135deg,#155d75,#7c5b43)}
.city-bursa{background:linear-gradient(135deg,#425d47,#8f6f45)}

.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.business-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}
.business-media{height:220px;position:relative;background:linear-gradient(135deg,#28130c,#b86a2f)}
.business-media:before{content:"";position:absolute;left:10%;right:10%;bottom:0;height:62%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 3px,transparent 3px 20px),linear-gradient(180deg,transparent,rgba(0,0,0,.6));border-radius:60% 60% 0 0}
.business-tour{background:linear-gradient(135deg,#21364b,#748da3)}
.business-hotel{background:linear-gradient(135deg,#402a1f,#a46f42)}
.business-food{background:linear-gradient(135deg,#562410,#d48137)}
.featured-badge{position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;font-size:12px;font-weight:700;padding:7px 9px;border-radius:7px}
.heart{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:18px}
.business-body{padding:18px}
.business-body h3{margin:0 0 8px}
.business-body p{margin:0;color:var(--muted);font-size:14px}
.business-meta{display:flex;justify-content:space-between;margin-top:14px;font-size:13px}
.business-meta span:last-child{color:var(--orange)}
.business-meta small{color:var(--muted)}

.creator-strip{max-width:1404px;margin:70px auto;padding:38px 44px;background:linear-gradient(135deg,#0b1420,#1c2b43);color:#fff;border-radius:18px;display:flex;justify-content:space-between;align-items:center}
.creator-strip h2{font-size:30px;margin:8px 0}
.creator-strip p{color:#c5cfdb;margin:0}
.section-kicker.light{color:#ff9b55}

.business-hero-wrap{max-width:1460px;margin:20px auto 0;padding:0 28px}
.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:14px}
.business-cover-pro{height:300px;border-radius:18px;background:
linear-gradient(90deg,rgba(17,8,5,.35),rgba(17,8,5,.15)),
radial-gradient(circle at 40% 45%,rgba(255,118,31,.28),transparent 24%),
linear-gradient(135deg,#2b120a,#8c4a23 50%,#170d08);position:relative;overflow:hidden}
.business-cover-pro:before{content:"";position:absolute;inset:38px 9%;border-top:8px solid rgba(255,255,255,.12);border-bottom:8px solid rgba(255,255,255,.08);transform:perspective(400px) rotateX(6deg)}
.business-page{max-width:1460px;margin:auto;padding:0 28px 70px}
.business-summary{display:flex;align-items:center;gap:20px;padding:0 18px;margin-top:-42px;position:relative;z-index:3}
.business-logo{width:110px;height:110px;border-radius:18px;background:#4b220f;color:#fff;border:5px solid #fff;box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;font-size:14px;font-weight:800}
.business-title-block{flex:1}
.title-row{display:flex;align-items:center;gap:8px}
.title-row h1{font-size:30px;margin:0}
.verified{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#2979ff;color:#fff;font-size:12px}
.business-title-block p{margin:8px 0;color:var(--muted)}
.rating-line{display:flex;gap:8px;font-size:13px}
.rating-line strong{color:var(--orange)}
.summary-actions{display:flex;gap:10px}
.profile-tabs{display:flex;gap:30px;padding:24px 0 0;margin-top:22px;border-bottom:1px solid var(--line);overflow:auto}
.profile-tabs a{padding:0 0 16px;white-space:nowrap;font-size:14px}
.profile-tabs a.active{color:var(--orange);border-bottom:3px solid var(--orange)}

.business-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:20px;margin-top:24px}
.stack{display:flex;flex-direction:column;gap:20px}
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 8px 26px rgba(15,23,42,.04)}
.panel h2,.panel h3{margin-top:0}
.info-list,.detail-list{list-style:none;padding:0;margin:0}
.info-list li{display:flex;gap:12px;margin:18px 0}
.info-list li>span{color:var(--orange)}
.info-list small,.info-list strong{display:block}
.info-list small{font-size:11px;color:var(--muted);margin-bottom:4px}
.info-list strong{font-size:13px}
.panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.detail-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.detail-list li span,.detail-list li strong{display:block}
.detail-list li span{font-size:12px;color:var(--muted)}
.detail-list li strong{font-size:13px;margin-top:4px}
.panel-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.panel-title-row h2{margin:0;font-size:20px}
.panel-title-row a{font-size:12px;color:var(--muted)}

.photo-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:145px 145px;gap:10px}
.photo-grid>div{border-radius:10px;background:linear-gradient(135deg,#34170d,#b7672f);position:relative;overflow:hidden}
.photo-grid>div:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 70%,rgba(255,183,91,.3),transparent 28%)}
.photo-large{grid-row:1/3}
.photo-5{display:grid;place-items:center;color:#fff;font-size:25px;font-weight:800}
.video-player{height:320px;border-radius:12px;background:linear-gradient(135deg,#170b07,#8f4a24);position:relative;display:grid;place-items:center}
.video-player button{width:72px;height:72px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:28px;color:var(--orange)}
.video-player span{position:absolute;right:14px;bottom:12px;background:rgba(0,0,0,.7);color:#fff;padding:5px 8px;border-radius:5px}
.service-tags{display:flex;gap:8px;flex-wrap:wrap}
.service-tags span{padding:9px 12px;background:#f3f5f8;border-radius:999px;font-size:12px}
.reviews-layout{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}
.score-box{text-align:center}
.score-box strong{font-size:45px}
.score-box div{color:var(--orange);letter-spacing:2px}
.score-box small{color:var(--muted)}
.review-bars>div{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;margin:8px 0}
.review-bars>div>div{height:7px;background:#edf0f4;border-radius:99px;overflow:hidden}
.review-bars i{display:block;height:100%;background:var(--orange)}
.review-item{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:20px 0;border-top:1px solid var(--line)}
.review-avatar{width:42px;height:42px;border-radius:50%;background:#e8edf4;display:grid;place-items:center;font-weight:700}
.review-head{display:flex;justify-content:space-between}
.review-head span{font-size:12px;color:var(--muted)}
.review-stars{color:var(--orange)}
.review-form{display:grid;gap:10px;margin-top:15px}
.review-form select,.review-form textarea{border:1px solid var(--line);border-radius:9px;padding:12px}
.review-form textarea{min-height:110px}

.qr-panel p{font-size:13px;color:var(--muted);line-height:1.5}
.qr-code{width:190px;height:190px;padding:10px;margin:18px auto;background:#fff;border:8px solid #f1f3f6}
.qr-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;height:100%}
.qr-grid i{background:#fff}
.qr-grid i.on{background:#111}
.qr-panel code{display:block;word-break:break-all;background:#f4f6f8;padding:10px;border-radius:8px;font-size:11px;margin-bottom:12px}
.full{width:100%}
.map-surface{height:230px;border-radius:12px;background:
linear-gradient(33deg,transparent 48%,#fff 49% 52%,transparent 53%),
linear-gradient(150deg,transparent 45%,#fff 46% 50%,transparent 51%),
#e7ebef;position:relative;margin-bottom:12px}
.map-pin{position:absolute;left:55%;top:44%;color:var(--orange);font-size:26px}

.qrmenu-page{min-height:100vh;background:#101826;padding:30px}
.qrmenu-shell{max-width:560px;margin:auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.qrmenu-header{background:linear-gradient(135deg,#131f31,#293b55);color:#fff;padding:24px}
.qrmenu-brand{font-size:12px;color:#ff9b55;font-weight:700}
.qrmenu-business{display:flex;gap:14px;align-items:center;margin:18px 0}
.qrmenu-logo{width:58px;height:58px;border-radius:14px;background:var(--orange);display:grid;place-items:center;font-weight:800;font-size:24px}
.qrmenu-business h1{margin:0;font-size:22px}
.qrmenu-business p{margin:5px 0 0;color:#cbd5e1}
.qrmenu-search{display:flex;gap:8px;background:#fff;border-radius:10px;padding:0 13px;color:#111}
.qrmenu-search input{border:0;outline:0;padding:13px 0;width:100%}
.qrmenu-tabs{display:flex;gap:8px;padding:14px 18px;overflow:auto;border-bottom:1px solid var(--line)}
.qrmenu-tabs button{border:0;background:#f3f5f8;border-radius:999px;padding:9px 14px;white-space:nowrap}
.qrmenu-tabs button.active{background:var(--orange);color:#fff}
.qrmenu-content{padding:18px}
.menu-category h2{font-size:20px}
.menu-item{display:grid;grid-template-columns:82px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.menu-item-image{width:82px;height:82px;border-radius:12px;background:linear-gradient(135deg,#51210f,#c06e32)}
.menu-item h3{margin:0 0 6px}
.menu-item p{margin:0;color:var(--muted);font-size:12px}
.menu-item strong{color:var(--orange)}

.footer{background:#0c1420;color:#fff;margin-top:70px}
.footer-inner{max-width:1460px;margin:auto;padding:45px 28px;display:flex;justify-content:space-between}
.footer p{color:#aeb8c6}
.footer-links{display:flex;gap:24px;color:#cbd5e1}
.footer-brand{color:#fff}

@media(max-width:1100px){
    .city-grid{grid-template-columns:repeat(3,1fr)}
    .business-grid{grid-template-columns:repeat(2,1fr)}
    .business-layout{grid-template-columns:1fr 300px}
    .business-layout>.stack:first-child{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
    body{padding-bottom:72px}
    .desktop-nav,.topbar-actions .btn{display:none}
    .mobile-only{display:block}
    .mobile-menu.open{display:grid;padding:12px 22px 20px;gap:12px}
    .topbar-inner{padding:0 18px}
    .brand{font-size:23px}
    .hero-shell,.content-section,.business-page,.business-hero-wrap{padding-left:14px;padding-right:14px}
    .hero{height:auto;min-height:500px;border-radius:16px}
    .hero-content{padding:70px 20px 115px}
    .hero h1{font-size:39px}
    .hero-search{grid-template-columns:1fr}
    .hero-search label{border-right:0;border-bottom:1px solid var(--line)}
    .hero-search button{padding:14px}
    .quick-categories{grid-template-columns:repeat(4,1fr);margin:-58px 12px 0}
    .quick-category{font-size:11px}
    .city-grid{display:flex;overflow:auto;padding-bottom:8px}
    .city-card{min-width:190px}
    .business-grid{grid-template-columns:1fr}
    .creator-strip{margin:50px 14px;display:block;padding:28px}
    .creator-strip .btn{margin-top:20px}
    .business-cover-pro{height:220px}
    .business-summary{align-items:flex-start;flex-wrap:wrap;padding:0;margin-top:-30px}
    .business-logo{width:84px;height:84px;font-size:11px}
    .title-row h1{font-size:22px}
    .summary-actions{width:100%;overflow:auto}
    .business-layout{grid-template-columns:1fr}
    .business-layout>.stack:first-child{grid-column:auto;display:flex}
    .photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:180px 120px 120px}
    .photo-large{grid-column:1/3;grid-row:auto}
    .video-player{height:230px}
    .reviews-layout{grid-template-columns:1fr}
    .footer-inner{display:block}
    .footer-links{flex-wrap:wrap;margin-top:20px}
    .mobile-bottom-nav{display:grid;position:fixed;z-index:100;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr)}
    .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px}
    .mobile-bottom-nav span{font-size:10px;margin-top:4px}
}


/* ==========================================================================
   Mekanjet Authentication v1.2.0
   ========================================================================== */

.header-logout-form{margin:0}
.account-link{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.auth-page{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(420px,1fr) minmax(520px,680px);background:#fff}
.auth-visual{position:relative;min-height:760px;background:
linear-gradient(135deg,rgba(5,14,27,.92),rgba(8,20,38,.62)),
radial-gradient(circle at 58% 65%,rgba(255,106,0,.35),transparent 22%),
linear-gradient(145deg,#0d1b2d,#463224 58%,#101826);overflow:hidden}
.auth-visual:before{content:"";position:absolute;inset:15% 8% 0;background:
linear-gradient(155deg,transparent 0 40%,rgba(255,255,255,.07) 41% 43%,transparent 44%),
linear-gradient(25deg,rgba(255,255,255,.04),transparent);clip-path:polygon(0 100%,11% 34%,18% 16%,27% 37%,36% 6%,47% 27%,58% 10%,66% 40%,78% 3%,88% 30%,100% 100%)}
.register-visual{background:
linear-gradient(135deg,rgba(5,14,27,.94),rgba(8,20,38,.7)),
radial-gradient(circle at 65% 60%,rgba(255,106,0,.4),transparent 24%),
linear-gradient(145deg,#0d1b2d,#5e341d 55%,#111a28)}
.auth-visual-overlay{position:relative;z-index:2;height:100%;padding:46px 56px;display:flex;flex-direction:column}
.auth-brand{color:#fff;width:max-content}
.auth-visual-copy{max-width:620px;margin:auto 0 60px}
.auth-visual-copy h1{font-size:48px;line-height:1.1;color:#fff;margin:15px 0 20px}
.auth-visual-copy>p{font-size:17px;line-height:1.7;color:#d4dde9;max-width:560px}
.auth-benefits{display:grid;gap:14px;margin-top:32px;color:#fff}
.auth-benefits div{display:flex;align-items:center;gap:11px}
.auth-benefits span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(255,106,0,.2);color:#ff9147}
.auth-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;margin-top:38px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.auth-stats div{padding:20px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}
.auth-stats div:last-child{border-right:0}
.auth-stats strong,.auth-stats span{display:block}
.auth-stats strong{font-size:22px;color:#fff}
.auth-stats span{font-size:12px;color:#c7d2df;margin-top:5px}

.auth-form-side{display:grid;place-items:center;padding:48px 56px;background:#fff}
.register-form-side{padding-top:34px;padding-bottom:34px}
.auth-card{width:100%;max-width:480px}
.register-card{max-width:560px}
.auth-card-head{text-align:center;margin-bottom:28px}
.auth-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:17px;background:#fff1e7;color:var(--orange);font-size:25px;font-weight:800}
.auth-card-head h1{font-size:31px;margin:0 0 8px}
.auth-card-head p{margin:0;color:var(--muted);line-height:1.6}
.alert{padding:13px 15px;border-radius:10px;margin-bottom:18px;font-size:14px;line-height:1.5}
.alert-error{background:#fff0f0;color:#a92323;border:1px solid #ffd0d0}
.alert-success{background:#effaf2;color:#166b30;border:1px solid #c9edd2}
.auth-form{display:grid;gap:17px}
.form-group{display:grid;gap:8px}
.form-group>span{font-size:13px;font-weight:700}
.input-shell{min-height:52px;display:flex;align-items:center;gap:10px;border:1px solid #dfe3e9;border-radius:10px;padding:0 14px;background:#fff;transition:.2s}
.input-shell:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.1)}
.input-shell>i{font-style:normal;color:#8c96a4}
.input-shell input{flex:1;min-width:0;border:0;outline:0;padding:14px 0;background:transparent}
.password-toggle{border:0;background:none;color:var(--orange);font-size:12px;font-weight:700;padding:8px 0}
.form-options{display:flex;align-items:center;justify-content:space-between;font-size:13px}
.form-options>a,.auth-switch a,.terms-check a{color:var(--orange);font-weight:700}
.check-label{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5}
.check-label input{margin-top:3px;accent-color:var(--orange)}
.auth-submit{width:100%;min-height:52px;font-size:15px}
.auth-divider{display:flex;align-items:center;gap:12px;color:#9aa3af;font-size:12px;margin:23px 0}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.auth-switch{text-align:center;color:var(--muted);font-size:14px}
.account-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-type-card{cursor:pointer}
.account-type-card input{position:absolute;opacity:0;pointer-events:none}
.account-type-inner{height:100%;display:grid;grid-template-columns:42px 1fr;column-gap:11px;border:1px solid #dfe3e9;border-radius:12px;padding:15px;transition:.2s}
.account-type-inner>i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#f3f5f8;color:var(--orange);font-style:normal;font-size:19px}
.account-type-inner strong{font-size:14px;align-self:end}
.account-type-inner small{font-size:11px;line-height:1.45;color:var(--muted);margin-top:4px}
.account-type-card.selected .account-type-inner{border-color:var(--orange);background:#fff8f3;box-shadow:0 0 0 3px rgba(255,106,0,.08)}
.two-column-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field-help{font-size:11px;color:var(--muted)}
.terms-check{padding-top:2px}

.account-page{padding:42px 24px 70px}
.account-container{max-width:1280px;margin:auto;display:grid;grid-template-columns:280px 1fr;gap:22px}
.account-sidebar,.account-content>section,.account-welcome,.account-stat-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 28px rgba(15,23,42,.04)}
.account-sidebar{padding:26px;align-self:start;text-align:center;position:sticky;top:94px}
.account-avatar{width:88px;height:88px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#ff9d5a);color:#fff;font-size:34px;font-weight:800}
.account-sidebar h2{margin:15px 0 5px;font-size:20px}
.account-sidebar>p{margin:0;color:var(--muted);font-size:12px;word-break:break-word}
.account-badge{display:inline-block;margin-top:13px;padding:7px 10px;border-radius:999px;background:#fff1e7;color:var(--orange);font-size:11px;font-weight:700}
.account-menu{display:grid;text-align:left;gap:5px;margin:25px 0}
.account-menu a{padding:11px 13px;border-radius:9px;font-size:13px}
.account-menu a:hover,.account-menu a.active{background:#fff3ea;color:var(--orange);font-weight:700}
.account-content{display:grid;gap:20px}
.account-welcome{padding:28px;display:flex;align-items:center;justify-content:space-between}
.account-welcome h1{font-size:29px;margin:7px 0}
.account-welcome p{margin:0;color:var(--muted)}
.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.account-stat-grid article{padding:20px;display:grid;grid-template-columns:42px 1fr;column-gap:12px}
.account-stat-grid article>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff1e7;color:var(--orange);font-size:20px}
.account-stat-grid strong{font-size:23px}
.account-stat-grid small{color:var(--muted);font-size:11px}
.account-panel{padding:26px}
.account-panel .panel-title-row p{margin:5px 0 0;color:var(--muted);font-size:13px}
.account-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.account-info-grid>div{padding:16px;border:1px solid var(--line);border-radius:11px}
.account-info-grid small,.account-info-grid strong{display:block}
.account-info-grid small{font-size:11px;color:var(--muted);margin-bottom:6px}
.account-info-grid strong{font-size:14px}

@media(max-width:980px){
    .auth-page{grid-template-columns:1fr}
    .auth-visual{min-height:380px}
    .auth-visual-overlay{padding:32px}
    .auth-visual-copy{margin:auto 0 10px}
    .auth-visual-copy h1{font-size:37px}
    .account-container{grid-template-columns:1fr}
    .account-sidebar{position:static}
    .account-stat-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:620px){
    .auth-page{display:block}
    .auth-visual{min-height:300px}
    .auth-visual-overlay{padding:24px 20px}
    .auth-visual-copy{margin:auto 0 0}
    .auth-visual-copy h1{font-size:30px}
    .auth-visual-copy>p{font-size:14px}
    .auth-benefits{display:none}
    .auth-stats{margin-top:20px}
    .auth-stats div{padding:13px 8px}
    .auth-form-side,.register-form-side{padding:30px 18px 50px}
    .account-type-grid,.two-column-fields{grid-template-columns:1fr}
    .account-type-inner{grid-template-columns:42px 1fr}
    .form-options{align-items:flex-start;gap:12px}
    .account-page{padding:25px 14px 85px}
    .account-welcome{display:block}
    .account-welcome .btn{margin-top:18px;width:100%}
    .account-stat-grid{grid-template-columns:1fr 1fr}
    .account-stat-grid article{grid-template-columns:36px 1fr;padding:14px}
    .account-info-grid{grid-template-columns:1fr}
}