/* TutorLink static - light theme (same palette as Next.js version) */
:root{
  --background:#faf9f7; --foreground:#1e2a26;
  --accent:#1f5c4d; --accent-deep:#0e3a30; --accent-bright:#3f9078;
  --accent-soft:#e6f0ed;
  --muted:#5f6f6a; --card:#ffffff;
  --on-dark:#eef6f2; --on-dark-dim:#c9ddd4;
  --gradient:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent) 55%,var(--accent-bright) 100%);
  --line:#e7e5e4; --line-soft:#f0eeeb;
  --amber:#f59e0b; --red:#b91c1c;
  --radius:28px; --shadow:0 8px 28px rgba(30,42,38,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem}
body{background:var(--background);color:var(--foreground);font-family:'IBM Plex Sans Arabic','Inter','Segoe UI',system-ui,-apple-system,Arial,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.01em}
a{color:inherit}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit;font-size:14px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hidden{display:none!important}
.wrap{margin:0 auto;padding:0 clamp(16px,4vw,64px)}
/* header - full-width, bigger */
.site-header{position:sticky;top:0;z-index:40;background:var(--background);border-bottom:1px solid var(--line)}
.site-header::after{content:"";display:block;height:3px;background:linear-gradient(90deg,#b98a2f,#e7c66b,#b98a2f)}
.site-header.scrolled{box-shadow:0 2px 10px rgba(0,0,0,.06)}
.header-inner{margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,4vw,64px);flex-wrap:wrap}
.brand{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:800;color:var(--accent);text-decoration:none;white-space:nowrap}
.head-emblem{display:inline-flex;align-items:center}
.head-emblem svg{display:block}
.main-nav{display:none;align-items:center;gap:20px;font-size:16px}
.main-nav .btn{white-space:nowrap;padding:10px 22px!important;font-size:14px}
@media(min-width:860px){.main-nav{display:flex}}
@media(min-width:860px) and (max-width:1350px){.main-nav{gap:12px;font-size:14px}}
.nav-link{color:var(--muted);text-decoration:none;border-radius:999px;padding:10px 14px;transition:.15s;font-weight:500;white-space:nowrap}
.nav-link:hover{color:var(--foreground);background:rgba(230,240,237,.5)}
.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}
.btn{display:inline-block;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:.15s;text-align:center}
.btn-accent{background:var(--accent);color:#fff}
.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(31,92,77,.25)}
.btn-outline{border-color:#d6d3d1;color:var(--foreground);background:transparent}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.lang-toggle{display:flex;align-items:center;gap:2px;border-radius:999px;background:var(--accent-soft);padding:5px;font-size:14px}
.lang-toggle button{border:none;border-radius:999px;padding:6px 14px;background:transparent;color:var(--muted)}
.lang-toggle button.on{background:var(--accent);color:#fff}
.menu-btn{border:1px solid #d6d3d1;border-radius:10px;padding:10px 18px;background:#fff;font-size:16px}
@media(min-width:860px){.menu-btn{display:none}}
.mobile-nav{border-top:1px solid var(--line);padding:12px 16px;display:flex;flex-direction:column;gap:12px;font-size:14px}
.mobile-nav a{color:var(--muted);text-decoration:none;border-radius:999px;padding:6px 16px}
.mobile-nav a.on{background:var(--accent-soft);color:var(--accent);font-weight:600}
/* hero - full-bleed green gradient band with teacher photo */
.hero{display:grid;gap:32px;padding:56px clamp(16px,4vw,64px);align-items:center;margin-inline:calc(50% - 50vw);background:var(--gradient);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 320px at 85% 0%,rgba(255,255,255,.14),transparent 70%),radial-gradient(600px 300px at 10% 100%,rgba(0,0,0,.18),transparent 70%);pointer-events:none}
.hero>*{position:relative;z-index:1}
@media(min-width:860px){.hero{grid-template-columns:minmax(280px,360px) 1fr;gap:clamp(24px,4vw,64px);padding-top:88px;padding-bottom:88px}}
.hero-band .hero-kicker{color:var(--on-dark-dim)}
.hero-band .hero-name{color:#fff}
.hero-band .hero-tag{color:var(--on-dark)}
.hero-band .typewriter{color:var(--on-dark-dim)}
.hero-band .hero-rating{color:var(--on-dark)}
.hero-band .photo-box{border:4px solid rgba(255,255,255,.9);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.hero-band .btn-accent{background:#fff;color:var(--accent);border-color:#fff}
.hero-band .btn-accent:hover{box-shadow:0 8px 22px rgba(0,0,0,.3)}
.hero-band .btn-outline{border-color:#e7c66b;color:#e7c66b}
.hero-band .btn-outline:hover{border-color:#e7c66b;color:#e7c66b;background:rgba(231,198,107,.14)}
.photo-box{width:100%;max-width:240px;margin-inline:auto;aspect-ratio:3/4;border-radius:24px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:14px;text-align:center;overflow:hidden;box-shadow:var(--shadow)}
@media(min-width:860px){.photo-box{max-width:360px;margin-inline:0}}
.photo-box img{width:100%;height:100%;object-fit:cover}
.hero-kicker{font-size:14px;font-weight:600;color:var(--accent)}
.typewriter{min-height:28px;margin-top:8px;font-size:18px;color:var(--muted)}
.hero-name{font-size:clamp(32px,6vw,52px);line-height:1.15;margin-top:4px}
.hero-tag{margin-top:10px;color:var(--muted);font-size:17px}
.hero-rating{margin-top:16px;font-size:14px;color:var(--muted)}
.stars{color:var(--amber);letter-spacing:-1px}
.stars .off{color:#d6d3d1}
.hero-cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:639px){.hero-cta .btn{flex:1 1 100%;text-align:center}.hero-name{font-size:34px}}
/* stats */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}
@media(min-width:640px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat-v{font-size:24px;font-weight:700;color:var(--accent)}
.stat-l{font-size:12px;color:var(--muted);margin-top:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:6px 16px;font-size:14px}
/* sections */
.section{padding:clamp(48px,6vw,88px) 0;border-top:1px solid var(--line)}
.section:first-child{border-top:none}
.sec-label{font-size:13px;color:var(--accent);font-weight:700}
.sec-title{font-size:clamp(24px,4vw,34px);margin-top:6px}
.about-card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 4px 16px rgba(0,0,0,.04);display:grid;gap:32px}
@media(min-width:860px){.about-card{grid-template-columns:minmax(260px,340px) 1fr;padding:clamp(24px,3vw,48px);gap:clamp(24px,4vw,56px)}}
.about-side{background:var(--accent-soft);border-radius:24px;padding:24px;display:flex;flex-direction:column;align-items:center}
.about-photo{width:100%;aspect-ratio:3/4;border-radius:16px;background:var(--card);display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:14px;text-align:center}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-bio{margin-top:24px;font-size:18px;line-height:1.9;color:var(--muted);white-space:pre-line;max-width:80ch}
.about-bio .hl{color:var(--accent);font-weight:700}
.facts{margin-top:auto;padding-top:40px;display:grid;gap:20px}
@media(min-width:640px){.facts{grid-template-columns:1fr 1fr}}
.fact b{color:var(--accent)}
/* teaching panel - full-bleed band so wide screens feel filled */
.panel{background:var(--accent-soft);border-radius:var(--radius);padding:24px}
@media(min-width:860px){.panel{padding:40px}}
@media(min-width:1024px){
  .panel{margin-inline:calc(50% - 50vw);padding-inline:max(clamp(16px,4vw,48px),calc(50vw - 640px));border-radius:0}
  .panel .cards{max-width:none}
  .panel .panel-sub{max-width:900px;margin-inline:auto}
}
.panel h3{text-align:center;font-size:clamp(22px,4vw,30px)}
.panel-sub{max-width:640px;margin:24px auto 0;text-align:center;font-size:15px;color:var(--muted);white-space:pre-line}
.cards{display:grid;gap:20px;margin-top:24px}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.cards.cols4{grid-template-columns:repeat(4,1fr)}.cards.cols3{grid-template-columns:repeat(3,1fr)}}
.tcard{background:var(--card);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:30px 28px;text-align:center;box-shadow:0 6px 20px rgba(30,42,38,.1);transition:.15s}
.tcard.reveal.in:hover,.tcard:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 30px rgba(30,42,38,.14)}
/* Photon touches: underline bar under section titles, gradient icon badges */
.sec-title{position:relative;padding-bottom:14px}
.sec-title::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:72px;height:4px;border-radius:2px;background:linear-gradient(90deg,#b98a2f,#e7c66b)}
.ticon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:26px;margin:0 auto;background:linear-gradient(135deg,var(--accent),var(--accent-bright));color:#fff;box-shadow:0 6px 16px rgba(31,92,77,.3)}
.tcard h4{margin-top:20px;font-size:20px}
.tcard .sub{margin-top:8px;font-size:14px;color:var(--accent)}
.tcard .desc{margin-top:12px;font-size:14px;color:var(--muted)}
.tcard .meta{margin-top:16px;font-size:12px;color:var(--muted)}
.tcard .price{margin-top:8px;font-size:14px;font-weight:700;color:var(--accent)}
.center-label{text-align:center;font-size:13px;font-weight:800;letter-spacing:.18em;color:var(--accent);margin-top:40px}
#subjectsLabel{font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:0}
.cards.center{grid-template-columns:repeat(auto-fit,minmax(250px,320px));justify-content:center}
/* philosophy */
.quote{background:var(--accent);color:#fff;border-radius:24px;padding:40px}
@media(min-width:860px){.quote{padding:56px}}
@media(min-width:1024px){.quote{margin-inline:calc(50% - 50vw);border-radius:0;padding-inline:max(clamp(16px,4vw,64px),calc(50vw - 640px))}.quote blockquote,.quote figcaption{max-width:1000px;margin-inline:auto}}
.quote blockquote{font-size:clamp(18px,3vw,24px);line-height:1.7}
.quote figcaption{margin-top:24px;font-size:14px;color:var(--accent-soft)}
/* experience */
.two{display:grid;gap:32px;margin-top:32px}
@media(min-width:860px){.two{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px)}}
.timeline{list-style:none;border-inline-start:1px solid var(--line);padding-inline-start:24px;display:flex;flex-direction:column;gap:40px}
html[dir="rtl"] .timeline{border-right:1px solid var(--line);border-left:none}
.timeline li{position:relative}
.timeline .dot{position:absolute;top:4px;width:12px;height:12px;border-radius:50%;background:var(--accent)}
html[dir="rtl"] .timeline .dot{right:-31px}html[dir="ltr"] .timeline .dot{left:-31px}
.tl-date{font-size:12px;letter-spacing:.1em;color:var(--muted)}
.tl-title{margin-top:4px;font-size:18px;font-weight:700}
.tl-org{font-size:14px;color:var(--accent)}
.tl-desc{margin-top:8px;font-size:14px;color:var(--muted)}
.qual-grid{list-style:none;display:grid;gap:16px}
@media(min-width:640px){.qual-grid{grid-template-columns:1fr 1fr}}
.qual-grid li{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:20px}
.qual-type{font-size:12px;letter-spacing:.1em;color:var(--muted)}
.more-link{margin-top:24px;display:inline-block;color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}
/* videos */
.vid-grid{display:grid;gap:20px;margin-top:32px}
@media(min-width:860px){.vid-grid{grid-template-columns:1fr 1fr}}
.vid{position:relative;padding-bottom:56.25%;height:0;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 8px 24px rgba(30,42,38,.12)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* testimonials */
.rev-grid{display:grid;gap:16px;margin-top:32px}
@media(min-width:860px){.rev-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1200px){.rev-grid{grid-template-columns:repeat(3,1fr);gap:20px}}
@media(min-width:1700px){.rev-grid{grid-template-columns:repeat(4,1fr)}}
.rev{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:.15s}
.rev.reveal.in:hover,.rev:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.rev blockquote{margin-top:12px;line-height:1.7}
.rev .extra{margin-top:8px;font-size:14px;color:var(--muted)}
.rev .who{margin-top:16px;font-size:14px;font-weight:700}
.rev .meta{font-size:12px;color:var(--muted)}
.empty{margin-top:24px;color:var(--muted)}
/* feedback */
.form-card{margin:40px auto 0;max-width:920px;border:1px solid var(--line);background:var(--card);border-radius:24px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,.04)}
@media(min-width:860px){.form-card{padding:40px}}
.form-card h3{font-size:18px;margin:32px 0 12px}
.form-card h3:first-child{margin-top:0}
.star-row{display:flex;gap:4px;margin-top:8px}
.star-row button{border:none;background:none;font-size:30px;line-height:1;padding:4px;color:#d6d3d1}
.star-row button.lit{color:var(--amber)}
.field{margin-top:16px;display:block;font-size:14px}
.field>span{font-weight:600}
.field textarea,.field input,.field select{margin-top:6px;width:100%;border:1px solid #d6d3d1;border-radius:12px;padding:10px 12px;background:#fff}
.rec-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.rec-opts label{border:1px solid #d6d3d1;border-radius:999px;padding:6px 16px;font-size:14px;cursor:pointer}
.rec-opts input{margin-inline-end:6px;accent-color:var(--accent)}
.grid2{display:grid;gap:16px}
@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}}
.consent{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin-top:20px}
.consent input{margin-top:4px;accent-color:var(--accent)}
.err{color:var(--red);font-size:14px;margin-top:12px}
.ok-box{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:32px;text-align:center}
.privacy{font-size:12px;color:var(--muted);margin-top:16px}
.hp{position:absolute;left:-9999px;top:-9999px}
/* contact */
.contact-grid{display:grid;gap:16px;margin-top:32px}
@media(min-width:640px){.contact-grid{grid-template-columns:repeat(3,1fr)}}
.contact-grid a,.contact-grid div{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:20px;text-decoration:none;transition:.15s}
.contact-grid a:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.contact-grid .k{font-size:12px;color:var(--muted)}
/* CTA band + dark footer (Photon-style rhythm, our green identity) */
.cta-band{margin-inline:calc(50% - 50vw);padding:clamp(48px,6vw,80px) clamp(16px,4vw,64px);background:var(--gradient);color:#fff;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 280px at 50% 0%,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.cta-band>*{position:relative;z-index:1}
.cta-sub{margin-top:12px;color:var(--on-dark);max-width:640px;margin-inline:auto}
footer{border-top:none;background:linear-gradient(160deg,var(--accent-deep),var(--accent));color:var(--on-dark);margin-top:80px}
footer::before{content:"";display:block;height:3px;background:linear-gradient(90deg,#b98a2f,#e7c66b,#b98a2f)}
footer .mut{color:var(--on-dark-dim)}
.foot nav{color:var(--on-dark-dim)}
.foot nav a:hover{color:#fff}
#footName{color:#fff}
.soc-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.soc-row a{display:inline-block;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:6px 16px;font-size:13px;text-decoration:none;transition:.15s}
.soc-row a:hover{background:rgba(255,255,255,.16);border-color:#fff}
.foot-emblem{display:inline-block;margin-bottom:10px}
.foot-emblem svg{display:block}
.foot{margin:0 auto;padding:48px clamp(16px,4vw,64px);display:grid;gap:24px;font-size:15px}
@media(min-width:640px){.foot{grid-template-columns:1fr 1fr 1fr}}
.foot nav{display:flex;flex-direction:column;gap:6px;color:var(--muted)}
.foot nav a{text-decoration:none}.foot nav a:hover{color:var(--accent)}
.foot .mut{color:var(--muted)}
/* admin */
.admin-bar{position:fixed;bottom:16px;inset-inline-start:16px;z-index:50}
.admin-bar a{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;color:var(--muted);text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.dash{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
@media(min-width:640px){.dash{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1400px){.dash{grid-template-columns:repeat(4,1fr);gap:20px}}
.dash .box{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:24px}
.dash .k{font-size:14px;color:var(--muted)}.dash .v{font-size:28px;font-weight:700;margin-top:4px}
.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.admin-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-size:14px}
.admin-tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.tbl{width:100%;border-collapse:collapse;font-size:14px;margin-top:16px}
.tbl th,.tbl td{border-bottom:1px solid var(--line-soft);padding:10px 8px;text-align:start;vertical-align:top}
.row-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.row-btns button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 10px;font-size:12px}
.row-btns button.danger{color:var(--red);border-color:#f0caca}
.row-btns button.go{color:var(--accent);border-color:#bcd8d0}
.admin-form label{display:block;font-size:13px;margin-top:12px}
.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid #d6d3d1;border-radius:10px;padding:8px 10px;margin-top:4px}
.admin-form textarea{min-height:80px}
/* reveal on scroll */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
/* private-notes notice */
.notice-box{display:flex;gap:12px;align-items:flex-start;border:1px solid #f5d78e;background:#fef9e7;border-radius:16px;padding:16px 20px;margin-top:16px}
.notice-box .lock{font-size:24px;line-height:1}
.notice-box b{font-size:15px}
.notice-box p{font-size:13px;color:var(--muted);margin-top:4px}
.clickable{cursor:pointer;transition:.15s}
.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}
/* admin - mirrors Next.js admin pages exactly */
.input{margin-top:4px;width:100%;border:1px solid #d6d3d1;border-radius:12px;padding:10px;font-size:14px;background:#fff}
textarea.input{resize:vertical}
.admin-view{margin:0;padding:32px clamp(16px,4vw,64px)}
.admin-shell{display:grid;gap:32px}
@media(min-width:1024px){.admin-shell{grid-template-columns:260px 1fr}}
.admin-side{height:max-content;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:6px}
@media(min-width:1024px){.admin-side{position:sticky;top:24px}}
.admin-side button{width:100%;text-align:start;border:none;border-radius:12px;padding:13px 18px;font-size:15px;background:transparent;color:var(--muted);transition:.15s}
.admin-side button:hover{background:var(--accent-soft);color:var(--accent)}
.admin-side button.on{background:var(--accent);color:#fff;font-weight:600}
.admin-side .logout{margin-top:8px;border:1px solid #f0caca;border-radius:12px;color:var(--red);font-weight:600}
.admin-side .logout:hover{background:#fef2f2;color:var(--red)}
.admin-panel{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:clamp(24px,3vw,44px)}
.admin-savebar{position:sticky;bottom:16px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.95);border-radius:16px;padding:12px 20px;box-shadow:0 8px 24px rgba(0,0,0,.1);backdrop-filter:blur(8px)}
.admin-savebar-note{font-size:12px;color:var(--muted)}
.admin-savebar-tab{border-radius:999px;background:var(--accent);color:#fff;padding:6px 16px;font-size:12px;font-weight:600}
.pill{display:inline-block;border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:2px 12px;font-size:13px}
.badge-muted{font-size:12px;color:var(--muted)}
.badge-accent{font-size:12px;color:var(--accent);font-weight:600}
.divide-list{list-style:none;margin-top:24px;border-top:1px solid var(--line-soft)}
.divide-list>li{padding:16px 0;border-bottom:1px solid var(--line-soft)}
.mini-btn{border:1px solid #d6d3d1;background:#fff;border-radius:999px;padding:4px 12px;font-size:12px}
.mini-btn:hover{border-color:var(--accent);color:var(--accent)}
.mini-btn.danger{border-color:#f0caca;color:var(--red)}
.card-box{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--card)}
.grid2old{display:grid;gap:12px}
@media(min-width:640px){.grid2old{grid-template-columns:1fr 1fr}}
.link{color:var(--accent);text-decoration:none}
.dl-rows{margin-top:24px;border-top:1px solid var(--line-soft)}
.dl-rows>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:14px;border-bottom:1px solid var(--line-soft)}
.reset-box{border:1px solid #f0caca;background:rgba(254,242,242,.4);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
.reset-box b{color:#991b1b}
.uploader-preview{height:128px;width:96px;flex-shrink:0;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:var(--accent-soft);display:grid;place-items:center;font-size:11px;color:var(--muted);text-align:center}
.uploader-preview img{height:100%;width:100%;object-fit:cover}
.file-input{display:block;width:100%;font-size:12px;color:var(--muted)}
.file-input::file-selector-button{margin-inline-end:12px;border:none;border-radius:999px;background:var(--accent-soft);color:var(--accent);padding:6px 12px;font-size:12px;font-family:inherit;cursor:pointer}