/* KOONECT — espace personnel */
.portal-body { min-height:100vh; margin:0; background:#f5f6f7; color:#15191d; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
.portal-header { background:#101418; color:#fff; padding:14px 24px; }
.portal-header-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.portal-logo-lockup { display:inline-flex; align-items:center; gap:8px; }
.portal-logo { font-family:Georgia,serif; text-decoration:none; display:flex; align-items:baseline; gap:1px; }
.portal-logo .logo-text { color:#fff; font-size:1.4rem; font-weight:900; }
.portal-logo .logo-dot { color:#e23b45; font-size:1.4rem; font-weight:900; }
.octobre-rose-ribbon { display:none; }
.portal-badge { padding:5px 9px; color:#ffc3c7; border:1px solid #5b2d34; border-radius:999px; font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.portal-nav { display:flex; align-items:center; gap:16px; margin-left:auto; flex-wrap:wrap; }
.portal-nav a { color:#aeb8be; font-size:.83rem; text-decoration:none; transition:150ms; }
.portal-nav a:hover { color:#fff; }
.portal-nav-logout { color:#ff9da5 !important; }
.portal-main { max-width:1200px; margin:0 auto; padding:32px 20px; }
.portal-footer { border-top:1px solid #e1e5e8; padding:16px 24px; font-size:.78rem; color:#89939a; display:flex; justify-content:space-between; align-items:center; max-width:1200px; margin:0 auto; gap:16px; flex-wrap:wrap; }
.portal-footer a { color:#6e7880; text-decoration:none; }
.portal-footer a:hover { color:#e23b45; }

.auth-page .portal-header,.auth-page .portal-footer { display:none; }
.auth-page .portal-main { max-width:none; margin:0; padding:0; }
.auth-shell { min-height:100vh; display:grid; grid-template-columns:minmax(430px,1fr) minmax(480px,1fr); margin:0; }
.auth-panel { display:flex; justify-content:center; background:#fff; }
.auth-panel-inner { width:min(520px,100%); min-height:100vh; display:flex; flex-direction:column; padding:38px clamp(28px,5vw,74px) 22px; }
.auth-brand { width:100%; display:flex; align-items:center; justify-content:center; color:#1b2024; font-size:22px; font-weight:850; letter-spacing:-.04em; }
.auth-brand-logo { width:220px; height:auto; max-height:88px; display:block; object-fit:contain; object-position:center; }
.auth-form-wrap { width:min(400px,100%); margin:auto 0; }
.auth-kicker { display:inline-flex; align-items:center; gap:9px; color:#d2211b; text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:800; }
.auth-kicker::before { content:""; width:22px; height:2px; background:#d2211b; }
.auth-form-wrap h1 { margin:0 0 30px; color:#14181b; font-family:Inter,system-ui,sans-serif; font-size:clamp(36px,4vw,54px); line-height:1.02; letter-spacing:-.065em; font-weight:850; }
.auth-form-wrap h1 em { color:#d2211b; font-style:normal; }
.auth-form-wrap .subtitle { margin:0 0 30px; color:#758087; font-size:.95rem; line-height:1.55; }
.auth-visual { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; min-height:100vh; background:#052a3b; }
.auth-visual::before { content:none; }
.visual-copy { position:absolute; z-index:3; top:38px; left:40px; display:flex; align-items:center; gap:12px; color:#fff; }
.visual-mark { display:grid; place-items:center; width:42px; height:42px; border:2px solid rgba(255,255,255,.75); border-radius:50%; font-family:Georgia,serif; font-size:24px; }
.visual-mark span,.visual-symbol span { color:#e23b45; }
.visual-copy p { margin:0; font-family:Georgia,serif; font-size:16px; line-height:1.05; }
.visual-symbol { position:relative; z-index:2; display:grid; place-items:center; width:clamp(190px,24vw,300px); height:clamp(190px,24vw,300px); border:clamp(18px,2.5vw,32px) solid rgba(255,255,255,.92); border-radius:50%; color:#fff; font-family:Georgia,serif; font-size:clamp(110px,14vw,190px); font-weight:900; line-height:1; box-shadow:0 0 0 28px rgba(255,255,255,.08),0 0 0 58px rgba(255,255,255,.05); }
.auth-illustration { position:relative; z-index:2; width:min(64%,520px); max-height:72vh; object-fit:contain; }
.auth-footer { display:flex; justify-content:space-between; gap:15px; color:#8a959c; font-size:11px; }
.auth-footer a { color:#1b97d2; }
.form-group { display:flex; flex-direction:column; gap:7px; margin-bottom:18px; }
.form-group label { color:#364047; font-size:.76rem; font-weight:800; letter-spacing:.04em; }
.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=url],.form-group textarea,.form-group select { width:100%; min-height:49px; padding:12px 14px; color:#15191d; border:1px solid #d7dde0; border-radius:10px; background:#fbfcfc; font:inherit; outline:none; transition:150ms; }
.form-group input:focus,.form-group textarea:focus,.form-group select:focus { border-color:#e23b45; box-shadow:0 0 0 4px rgba(226,59,69,.11); background:#fff; }
.form-group input::placeholder { color:#a4adb2; }
.form-submit { margin-top:26px; }
.form-submit .btn { min-height:50px; width:100%; border:0; border-radius:10px; background:#e23b45; color:#fff; font-weight:800; cursor:pointer; box-shadow:0 10px 20px rgba(226,59,69,.18); }
.form-submit .btn:hover { background:#c92f3a; }
.google-signin { display:flex; justify-content:center; width:100%; margin-top:24px; padding-top:22px; border-top:1px solid #edf0f2; }
.google-signin iframe { max-width:100%; }
.form-links { margin-top:24px; }
.auth-form-card { padding:24px; border:1px solid #edf0f2; border-radius:18px; background:#fff; box-shadow:0 18px 45px rgba(20,35,45,.07); }
.auth-form-card .form-group { margin-bottom:0; }
.auth-form-card .form-submit { margin-top:22px; }
.auth-form-card .btn--outline { border:1px solid #e3e7ea; color:#343b40; background:#fff; border-radius:10px; }
.auth-form-card .btn--outline:hover { border-color:#cbd3d8; background:#f8fafb; }
.auth-form-card input { background:#fbfcfd; }
.auth-form-card input:focus { background:#fff; }
.auth-inline-alert { margin:0 0 18px; padding:12px 14px; border-radius:10px; font-size:.84rem; line-height:1.45; }
.auth-inline-alert--success { color:#17633d; background:#edf9f2; border:1px solid #ccebd9; }
.auth-inline-alert--error { color:#8d2630; background:#fff1f2; border:1px solid #f3cdd1; }
.icon-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.ui-icon { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; vertical-align:-3px; }
.reader-home { max-width:1280px; margin:0 auto; }
.reader-welcome { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:8px 0 30px; }
.reader-welcome h1 { margin:10px 0 5px; font:700 clamp(30px,3.3vw,46px)/1.02 'Playfair Display',Georgia,serif; letter-spacing:-.04em; }
.reader-welcome p { margin:0; color:#6e7880; font-size:15px; }
.eyebrow { display:inline-flex; align-items:center; gap:7px; color:#cb2433; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.reader-profile-chip { display:inline-flex; align-items:center; gap:10px; color:#39434a; font-size:12px; font-weight:700; text-decoration:none; padding:8px 12px 8px 8px; border:1px solid #e4e8eb; border-radius:999px; background:#fff; }
.reader-profile-chip:hover { border-color:#cb2433; color:#cb2433; }
.reader-avatar { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#101418; color:#fff; font-size:12px; }
.reader-hero { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr); min-height:330px; margin-bottom:48px; background:#101418; color:#fff; border-radius:2px; overflow:hidden; }
.reader-hero-media { position:relative; min-height:330px; background:linear-gradient(135deg,#1d2b31,#0d1215); overflow:hidden; }
.reader-hero-media img { width:100%; height:100%; object-fit:cover; display:block; opacity:.88; }
.reader-hero-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,#101418); }
.reader-hero-tag { position:absolute; z-index:1; top:18px; left:20px; padding:7px 10px; border:1px solid rgba(255,255,255,.45); color:#fff; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; }
.reader-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:42px 48px 42px 18px; }
.reader-hero-copy .article-kicker,.article-kicker { color:#d83242; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.reader-hero-copy h2 { margin:14px 0 14px; font:700 clamp(28px,3.2vw,45px)/1.06 'Playfair Display',Georgia,serif; letter-spacing:-.035em; }
.reader-hero-copy h2 a { color:#fff; text-decoration:none; }
.reader-hero-copy p { max-width:460px; margin:0 0 22px; color:#c3ccd1; line-height:1.6; font-size:14px; }
.text-link { display:inline-flex; align-items:center; gap:7px; color:#fff; font-size:12px; font-weight:800; text-decoration:none; }
.text-link:hover { color:#ff6370; }
.reader-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:42px; align-items:start; }
.reader-section { margin-bottom:46px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid #dfe4e7; }
.section-heading h2 { margin:7px 0 0; font:700 28px/1 'Playfair Display',Georgia,serif; letter-spacing:-.03em; }
.section-heading > a { display:inline-flex; align-items:center; gap:5px; color:#65717a; font-size:11px; font-weight:700; text-decoration:none; white-space:nowrap; }
.section-heading > a:hover { color:#cb2433; }
.resume-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.resume-card { position:relative; min-height:144px; display:flex; flex-direction:column; gap:10px; padding:19px; border:1px solid #e1e6e9; background:#fff; color:#172027; text-decoration:none; transition:transform .18s,box-shadow .18s,border-color .18s; }
.resume-card:hover { transform:translateY(-2px); border-color:#cbd4d9; box-shadow:0 14px 30px rgba(21,33,40,.08); }
.resume-card-line { position:absolute; left:0; top:0; width:100%; height:3px; background:#cb2433; }
.resume-card strong { font:700 18px/1.18 'Playfair Display',Georgia,serif; }
.resume-card small { margin-top:auto; color:#87929a; font-size:11px; }
.story-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.story-card { min-width:0; background:#fff; border:1px solid #e1e6e9; transition:transform .18s,box-shadow .18s; }
.story-card:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(21,33,40,.08); }
.story-card-media { display:block; aspect-ratio:1.45; background:#e9edef; overflow:hidden; }
.story-card-media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s; }
.story-card:hover .story-card-media img { transform:scale(1.03); }
.story-card-placeholder { width:100%; height:100%; display:grid; place-items:center; color:#9aa5ab; }
.story-card-body { padding:16px; }
.story-card-body h3 { margin:8px 0 12px; font:700 19px/1.16 'Playfair Display',Georgia,serif; }
.story-card-body h3 a { color:#172027; text-decoration:none; }
.story-card-body h3 a:hover { color:#cb2433; }
.story-card-body time { color:#9aa4aa; font-size:11px; }
.reader-aside { display:flex; flex-direction:column; gap:16px; }
.reader-side-card { padding:22px; background:#fff; border:1px solid #e1e6e9; }
.reader-side-card--accent { background:#f0f4f5; border-top:3px solid #cb2433; }
.activity-stat { display:flex; align-items:baseline; gap:8px; margin:18px 0 20px; }
.activity-stat strong { font:700 48px/1 'Playfair Display',Georgia,serif; }
.activity-stat span { color:#75818a; font-size:12px; }
.activity-list { display:flex; flex-direction:column; gap:11px; padding-top:14px; border-top:1px solid #d7dfe2; }
.activity-list a,.side-action { display:flex; justify-content:space-between; align-items:center; gap:10px; color:#445058; font-size:12px; font-weight:700; text-decoration:none; }
.activity-list a:hover,.side-action:hover { color:#cb2433; }
.activity-list b { color:#172027; }
.side-action { padding:13px 0; border-bottom:1px solid #edf0f1; }
.side-action:last-child { border-bottom:0; padding-bottom:0; }
.side-action span { display:inline-flex; align-items:center; gap:9px; }
.portal-content-page { max-width:1040px; }
.page-intro { margin:8px 0 30px; }
.page-intro h1 { margin:9px 0 8px; font:700 clamp(32px,4vw,50px)/1 'Playfair Display',Georgia,serif; letter-spacing:-.04em; }
.page-intro p { margin:0; color:#6e7880; font-size:15px; }
.preference-card { max-width:720px; padding:28px; background:#fff; border:1px solid #e1e6e9; border-top:3px solid #cb2433; box-shadow:0 12px 30px rgba(17,27,33,.045); }
.preference-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid #edf0f1; }
.preference-card-heading h2 { margin:8px 0 0; font:700 28px/1 'Playfair Display',Georgia,serif; }
.preference-icon { width:28px; height:28px; color:#cb2433; }
.preference-copy { color:#68747c; line-height:1.6; margin:22px 0; }
.status-line { margin:22px 0; font-size:14px; font-weight:700; }
.status-line--success { color:#22704d; }.status-line--warning { color:#a86a15; }
.legal-note { max-width:720px; margin-top:18px; color:#89949a; font-size:12px; line-height:1.6; }.legal-note a { color:#536d7c; }
.empty-state-modern { max-width:720px; padding:60px 28px; text-align:center; border:1px dashed #cbd5da; background:#fbfcfc; }.empty-state-icon { display:grid; place-items:center; width:48px; height:48px; margin:0 auto 18px; border-radius:50%; color:#cb2433; background:#fff0f1; }.empty-state-icon .ui-icon { width:22px; height:22px; }.empty-state-modern h2 { margin:0 0 8px; font:700 28px/1 'Playfair Display',Georgia,serif; }.empty-state-modern p { max-width:420px; margin:0 auto 22px; color:#75818a; line-height:1.6; }
.comment-list { max-width:900px; display:grid; gap:12px; }.comment-card { padding:20px 22px; background:#fff; border:1px solid #e1e6e9; }.comment-card-meta { display:flex; justify-content:space-between; align-items:start; gap:16px; }.comment-card-meta a { color:#1c272e; font-weight:800; text-decoration:none; }.comment-card-meta a:hover { color:#cb2433; }.comment-card p { margin:17px 0 12px; color:#43515a; line-height:1.65; }.comment-card time { color:#8d989e; font-size:11px; }.status-pill { padding:5px 9px; border-radius:999px; font-size:10px; font-weight:800; white-space:nowrap; }.status-pill--approved { color:#24704f; background:#e8f5ee; }.status-pill--pending { color:#9b6419; background:#fff4dd; }.status-pill--rejected,.status-pill--spam { color:#9b2a35; background:#fff0f1; }
.reading-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.reading-card { background:#fff; border:1px solid #e1e6e9; transition:transform .18s,box-shadow .18s; }.reading-card:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(21,33,40,.08); }.reading-card-media { display:block; aspect-ratio:1.45; overflow:hidden; background:#e9edef; }.reading-card-media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s; }.reading-card:hover .reading-card-media img { transform:scale(1.03); }.reading-card-body { padding:18px; }.reading-card-body h2 { margin:8px 0 10px; font:700 22px/1.12 'Playfair Display',Georgia,serif; }.reading-card-body h2 a { color:#172027; text-decoration:none; }.reading-card-body h2 a:hover { color:#cb2433; }.reading-card-body p { margin:0 0 14px; color:#738089; font-size:13px; line-height:1.55; }.reading-card-body time { color:#9aa4aa; font-size:11px; }.reading-pagination { margin-top:30px; }
.profile-page { max-width:1180px; margin:0 auto; }.profile-hero { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:26px 30px; margin-bottom:24px; background:#101418; color:#fff; }.profile-identity { display:flex; align-items:center; gap:18px; }.profile-identity h1 { margin:8px 0 4px; font:700 34px/1 'Playfair Display',Georgia,serif; letter-spacing:-.03em; }.profile-identity p { margin:0; color:#aeb8be; font-size:13px; }.profile-avatar-large,.profile-avatar-medium { display:grid; place-items:center; flex-shrink:0; border-radius:50%; object-fit:cover; }.profile-avatar-large { width:76px; height:76px; border:2px solid #fff; }.profile-avatar-medium { width:72px; height:72px; }.profile-avatar-fallback { background:#d32c3c; color:#fff; font:700 30px 'Playfair Display',serif; }.profile-hero-status { color:#e4ecef; font-size:12px; text-align:right; }.status-dot { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:#50d18a; }.profile-hero-date { margin-top:8px; color:#89969d; font-size:11px; }.profile-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }.profile-card,.profile-side-card { margin-bottom:18px; padding:26px; background:#fff; border:1px solid #e1e6e9; }.profile-card-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:22px; }.profile-card-heading h2 { margin:8px 0 0; font:700 25px/1 'Playfair Display',Georgia,serif; }.profile-card-heading-icon { width:24px; height:24px; color:#cb2433; }.profile-photo-row { display:flex; align-items:center; gap:18px; padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid #edf0f1; }.profile-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.form-hint,.label-muted { color:#8b969d; font-size:11px; }.section-lead { margin:-8px 0 22px; color:#6e7880; font-size:13px; line-height:1.5; }.profile-card .form-group { margin-bottom:18px; }.profile-card input,.profile-card textarea { width:100%; box-sizing:border-box; border:1px solid #dbe2e5; background:#fcfdfd; border-radius:8px; }.profile-card input:focus,.profile-card textarea:focus { border-color:#83949d; box-shadow:0 0 0 3px #e9eef0; }.profile-form-actions { display:flex; align-items:center; gap:10px; padding:4px 0 20px; }.profile-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:18px; }.profile-stat-grid a { padding:13px 8px; text-align:center; color:#243038; text-decoration:none; background:#f4f7f8; }.profile-stat-grid a:hover { background:#edf1f2; }.profile-stat-grid strong { display:block; font:700 24px/1 'Playfair Display',serif; }.profile-stat-grid span { display:block; margin-top:5px; color:#7c878e; font-size:10px; }.security-status { margin:0 0 15px; font-size:12px; font-weight:700; }.security-status--on { color:#22704d; }.security-status--off { color:#a86a15; }.profile-side-card--quiet { background:#f0f4f5; }.profile-side-card--quiet p { color:#6e7880; font-size:13px; line-height:1.6; }.text-link--dark { color:#27353c; }.text-link--dark:hover { color:#cb2433; }
.portal-header-inner { max-width:1380px; }
.portal-nav { gap:20px; }
.portal-nav a { display:inline-flex; align-items:center; gap:6px; }
.portal-nav .ui-icon { width:14px; height:14px; }
@media (max-width:900px) { .profile-layout { grid-template-columns:1fr; } .profile-sidebar { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; } .profile-sidebar .profile-side-card { margin:0; } }
@media (max-width:650px) { .profile-hero { display:block; padding:22px; } .profile-hero-status { margin-top:18px; text-align:left; }.profile-form-grid { grid-template-columns:1fr; gap:0; }.profile-sidebar { display:block; }.profile-sidebar .profile-side-card { margin-bottom:16px; }.profile-card,.profile-side-card { padding:20px; } }
.portal-search { display:flex; align-items:center; gap:7px; width:min(230px,20vw); margin-left:auto; padding:8px 10px; border:1px solid #303940; background:#181e23; color:#aeb8be; }
.portal-search input { width:100%; border:0; outline:0; background:transparent; color:#fff; font:inherit; font-size:11px; }
.portal-search input::placeholder { color:#89949b; }
.portal-search:focus-within { border-color:#798991; }
.portal-main { max-width:1380px; padding:42px 48px 64px; }
.portal-list-page { max-width:1100px !important; }
.portal-list-header { padding-bottom:16px !important; border-bottom:1px solid #dfe4e7 !important; }
.portal-article-item { min-height:104px; padding:16px 18px !important; border-radius:10px !important; box-shadow:0 5px 18px rgba(17,27,33,.035); }
.pal-thumb img { width:140px !important; height:92px !important; }
.portal-profile,.portal-gdpr { max-width:920px !important; }
.profile-section,.gdpr-block { background:#fff; border:1px solid #e1e6e9; border-radius:12px; padding:24px; }
.profile-section { border-bottom:1px solid #e1e6e9 !important; }
@media (max-width:900px) { .reader-layout { grid-template-columns:1fr; } .reader-aside { display:grid; grid-template-columns:repeat(2,1fr); } }
@media (max-width:700px) { .portal-search { order:4; width:100%; margin-left:0; } .reader-welcome { display:block; } .reader-profile-chip { margin-top:18px; } .reader-hero { grid-template-columns:1fr; } .reader-hero-media { min-height:220px; } .reader-hero-copy { padding:28px 24px 34px; } .resume-grid,.story-grid { grid-template-columns:1fr; } .reader-aside { display:flex; } .section-heading { align-items:start; flex-direction:column; } }
.form-links { display:flex; justify-content:space-between; gap:12px; margin-top:18px; font-size:.78rem; flex-wrap:wrap; }
.form-links a { color:#a52b36; text-decoration:none; }
.form-links a:hover { text-decoration:underline; }
.auth-legal { width:min(390px,100%); margin:25px auto 0; color:#9aa4aa; font-size:.7rem; text-align:center; }
.auth-note { margin:25px 0 0; color:#9aa4aa; font-size:.72rem; line-height:1.5; }
.form-checkbox { display:flex; align-items:flex-start; gap:10px; font-size:.83rem; line-height:1.5; cursor:pointer; }
.form-checkbox input[type=checkbox] { margin-top:3px; accent-color:#e23b45; }
#password-strength { min-height:18px; margin-top:4px; font-size:.75rem; }
.alert { margin-bottom:18px; padding:12px 14px; border-radius:9px; font-size:.85rem; }
.alert--success { color:#19613b; background:#e9f7ef; }
.alert--error { color:#8d2630; background:#fff0f1; }
.alert--info { color:#255a7d; background:#eaf4fb; }

@media (max-width:800px) { .auth-shell { grid-template-columns:1fr; } .auth-visual { min-height:360px; order:-1; } .auth-illustration { width:min(58%,360px); max-height:300px; } .auth-panel-inner { min-height:620px; padding:30px 28px 22px; } }
@media (max-width:600px) { .portal-header { padding:12px 16px; } .portal-header-inner { gap:10px; } .portal-badge { display:none; } .portal-nav { width:100%; margin-left:0; justify-content:flex-start; gap:12px; } .auth-visual { min-height:285px; } .auth-illustration { width:64%; } .visual-copy { top:20px; left:20px; } .auth-panel-inner { min-height:590px; padding-left:20px; padding-right:20px; } .auth-footer { flex-direction:column; gap:6px; } }

@media (max-width:650px) { .profile-hero { display:block; padding:22px; } .profile-hero-status { margin-top:18px; text-align:left; } .profile-form-grid { grid-template-columns:1fr; gap:0; } .profile-sidebar { display:block; } .profile-sidebar .profile-side-card { margin-bottom:16px; } .profile-card,.profile-side-card { padding:20px; } }