/*
Theme Name: AnxietyLiving
Theme URI: https://anxietyliving.com
Author: AnxietyLiving.com
Description: Custom theme for AnxietyLiving.com — anxiety resources, clinical trial finder, and lead capture.
Version: 1.0.0
Text Domain: anxietyliving
*/


  :root{
    --bg: #F6F7F1;
    --bg-alt: #ECF0E4;
    --ink: #32352C;
    --ink-soft: #666A5D;
    --ink-faint: #8B8F80;
    --green: #7FAF3A;
    --green-deep: #5C8A28;
    --green-pale: #E4EFD6;
    --blue: #7C97A8;
    --blue-deep: #52697A;
    --blue-pale: #E4ECEF;
    --warm: #C97B5D;
    --warm-pale: #F6E4DC;
    --card: #FFFFFF;
    --line: #DEE2D4;
    --radius: 18px;
    --heading: 'Nunito Sans', system-ui, sans-serif;
    --body: 'Source Sans 3', system-ui, sans-serif;
  }
  *{box-sizing:border-box;}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.65;font-size:16px;}
  h1,h2,h3,h4{font-family:var(--heading);}
  .eyebrow,nav,button,.pill,.step-num,.badge,label,input,select,textarea{font-family:var(--body);}
  img,svg{display:block;}
  a{color:inherit;}
  button,input,select{font-size:15px;}

  /* ---- proto switcher ---- */
  .proto-bar{position:sticky;top:0;z-index:60;background:var(--ink);display:flex;gap:6px;padding:10px 16px;align-items:center;flex-wrap:wrap;}
  .proto-bar span.lbl{color:#D9DBCF;font-family:var(--body);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-right:8px;}
  .proto-bar button{background:transparent;border:1px solid #545849;color:#E7E9DE;padding:7px 14px;border-radius:999px;font-size:13px;cursor:pointer;font-weight:600;}
  .proto-bar button.active{background:var(--green);border-color:var(--green);color:#1c2712;}

  .view{display:none;}
  .view.active{display:block;}

  /* ---- nav ---- */
  .site-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0;width:88%;max-width:1240px;margin:0 auto;}
  .logo{display:flex;align-items:center;gap:10px;}
  .logo, .logo a{text-decoration:none;}
  .logo img,
  .logo .custom-logo,
  .site-nav .custom-logo-link img{height:44px !important;width:auto !important;display:block;}
  .nav-links{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:600;flex-wrap:nowrap;list-style:none;margin:0;padding:0;}
  .nav-links li{list-style:none;margin:0;padding:0;}
  .nav-links a{text-decoration:none;color:var(--ink-soft);cursor:pointer;padding:6px 2px;border-bottom:2px solid transparent;white-space:nowrap;}
  .nav-links a:hover{color:var(--green-deep);}
  .nav-links a.active{color:var(--ink);border-bottom-color:var(--green);}
  .site-nav{flex-wrap:nowrap;}
  @media(max-width:1080px){ .nav-links{gap:14px;font-size:13.5px;} .btn-sub{padding:10px 20px;font-size:13px;} }
  .btn-sub{background:var(--ink);color:#fff;padding:13px 30px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;border:none;cursor:pointer;display:inline-block;margin-left:8px;}
  .nav-links a.btn-sub{color:#fff !important;border-bottom:none;}
  .nav-links a.btn-sub:hover{color:#fff !important;background:var(--green-deep);}
  .mobile-nav-note{display:none;font-size:13px;color:var(--ink-faint);}
  @media(max-width:820px){ .nav-links{display:none;} .mobile-nav-note{display:block;} }

  /* ---- hero ---- */
  .hero{max-width:1240px;width:88%;margin:0 auto;padding:30px 0 80px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
  @media(max-width:900px){ .hero{grid-template-columns:1fr;padding-bottom:50px;} }
  .eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep);margin-bottom:14px;}
  .hero h1{font-size:44px;line-height:1.15;margin:0 0 20px;font-weight:800;letter-spacing:-.01em;}
  @media(max-width:600px){ .hero h1{font-size:32px;} }
  .hero p.lead{font-size:18px;color:var(--ink-soft);max-width:46ch;margin:0 0 30px;}
  .cta-row{display:flex;gap:14px;flex-wrap:wrap;}
  .btn-primary{background:var(--green);color:#1c2712;padding:14px 26px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:none;cursor:pointer;display:inline-block;}
  .btn-secondary{background:transparent;border:1.5px solid var(--ink);color:var(--ink);padding:13px 25px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;display:inline-block;}
  .btn-ghost{background:transparent;border:none;color:var(--ink-faint);font-weight:600;cursor:pointer;font-size:14px;text-decoration:underline;}

  .breathe-wrap{display:flex;align-items:center;justify-content:center;position:relative;height:320px;}
  .breathe-circle{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #B6D989, var(--green) 70%);animation:breathe 8s ease-in-out infinite;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px -20px rgba(92,138,40,.45);}
  .breathe-ring{position:absolute;width:260px;height:260px;border-radius:50%;border:1.5px solid var(--line);animation:ring 8s ease-in-out infinite;}
  .breathe-label{color:#1c2712;font-weight:700;font-size:14px;letter-spacing:.03em;}
  @keyframes breathe{0%{transform:scale(0.82);} 40%{transform:scale(1);} 50%{transform:scale(1);} 90%{transform:scale(0.82);} 100%{transform:scale(0.82);}}
  @keyframes ring{0%{transform:scale(0.9);opacity:.5;} 45%{transform:scale(1.06);opacity:.9;} 100%{transform:scale(0.9);opacity:.5;}}
  @media (prefers-reduced-motion: reduce){ .breathe-circle,.breathe-ring{animation:none;} }

  .section{padding:64px 6%;}
  .section-inner{max-width:1240px;margin:0 auto;}
  .section h2{font-size:28px;margin:0 0 10px;font-weight:800;}
  .section p.section-lead{color:var(--ink-soft);font-size:16px;margin:0 0 36px;max-width:60ch;}
  .card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
  @media(max-width:1000px){ .card-grid{grid-template-columns:repeat(2,1fr);} }
  @media(max-width:560px){ .card-grid{grid-template-columns:1fr;} }
  .topic-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;text-decoration:none;color:var(--ink);cursor:pointer;display:block;}
  .topic-card .ic{width:38px;height:38px;border-radius:10px;background:var(--green-pale);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:18px;}
  .topic-card h3{font-size:15.5px;margin:0 0 6px;font-weight:700;line-height:1.4;}
  .topic-card span{font-size:13px;color:var(--ink-faint);}

  .trial-section{background:var(--blue-pale);}
  .search-box{background:#fff;border-radius:var(--radius);padding:22px;display:flex;gap:12px;flex-wrap:wrap;box-shadow:0 12px 30px -18px rgba(50,53,44,.25);margin-bottom:30px;}
  .search-box .field{flex:1;min-width:160px;}
  .search-box label{display:block;font-size:12px;font-weight:700;color:var(--ink-soft);margin-bottom:6px;}
  .search-box input,.search-box select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px;}
  .search-box button{background:var(--blue-deep);color:#fff;border:none;border-radius:10px;padding:0 24px;font-weight:700;cursor:pointer;}
  .trial-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  @media(max-width:800px){ .trial-cards{grid-template-columns:1fr;} }
  .trial-card{background:#fff;border-radius:var(--radius);padding:22px;border:1px solid var(--line);}
  .badge{display:inline-block;background:var(--green-pale);color:var(--green-deep);font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.03em;margin-bottom:12px;}
  .badge.blue{background:var(--blue-pale);color:var(--blue-deep);}
  .trial-card h3{font-size:16.5px;margin:0 0 8px;}
  .trial-card .meta{font-size:13px;color:var(--ink-soft);margin-bottom:10px;}
  .trial-card .elig{font-size:13.5px;color:var(--ink-soft);margin-bottom:14px;}
  .trial-card a.link{font-weight:700;font-size:13.5px;color:var(--blue-deep);text-decoration:none;cursor:pointer;}

  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  @media(max-width:800px){ .steps{grid-template-columns:1fr;} }
  .step-num{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;margin-bottom:16px;}
  .step h3{font-size:17px;margin:0 0 8px;}
  .step p{font-size:15px;color:var(--ink-soft);margin:0;}

  .crisis-band{background:var(--warm-pale);padding:30px 6%;}
  .crisis-inner{max-width:1240px;margin:0 auto;display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:space-between;}
  .crisis-inner h3{margin:0 0 4px;font-size:16.5px;color:#7A3F27;}
  .crisis-inner p{margin:0;font-size:14.5px;color:#7A3F27;}
  .crisis-links{display:flex;gap:12px;flex-wrap:wrap;}
  .crisis-links a{background:#fff;border:1px solid #E2B49E;color:#7A3F27;padding:9px 16px;border-radius:999px;font-weight:700;font-size:13.5px;text-decoration:none;}

  footer{padding:44px 6% 40px;border-top:1px solid var(--line);}
  .footer-inner{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;}
  .disclaimer{font-size:12.5px;color:var(--ink-faint);line-height:1.7;max-width:70ch;}
  .disclaimer strong{color:var(--ink-soft);}
  .foot-links{display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--ink-soft);min-width:140px;list-style:none;margin:0;padding:0;}
  .foot-links li{list-style:none;margin:0;padding:0;}
  .foot-links a{text-decoration:none;cursor:pointer;}
  .foot-links a:hover{color:var(--green-deep);}

  /* ---- illustration hero placeholder ---- */
  .illus{width:100%;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#DCE9C7,#CFE0EE);}

  /* ---- generic page header ---- */
  .page-header{max-width:1240px;width:88%;margin:0 auto;padding:20px 0 10px;}
  .page-header h1{font-size:38px;margin:0 0 12px;font-weight:800;}
  .page-header p{font-size:16.5px;color:var(--ink-soft);max-width:65ch;margin:0;}
  .pill-row{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 6px;}
  .fpill{background:var(--card);border:1px solid var(--line);padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--ink-soft);text-decoration:none;display:inline-block;}
  .fpill.active{background:var(--ink);color:#fff;border-color:var(--ink);}

  /* ---- resource cards w/ image ---- */
  .res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  @media(max-width:900px){ .res-grid{grid-template-columns:repeat(2,1fr);} }
  @media(max-width:620px){ .res-grid{grid-template-columns:1fr;} }
  .res-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;text-decoration:none;display:block;color:var(--ink);}
  .res-card .thumb{height:140px;}
  .res-card .body{padding:18px 20px;}
  .res-card .cat{font-size:11.5px;font-weight:800;color:var(--green-deep);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;}
  .res-card h3{font-size:16px;margin:0 0 8px;line-height:1.4;}
  .res-card p{font-size:13.5px;color:var(--ink-soft);margin:0 0 10px;}
  .res-card .rt{font-size:12px;color:var(--ink-faint);}

  .news-callout{background:var(--ink);border-radius:var(--radius);padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:50px;}
  .news-callout h3{color:#fff;margin:0 0 6px;font-size:19px;}
  .news-callout p{color:#C7CAB9;margin:0;font-size:14px;}
  .news-form{display:flex;gap:10px;}
  .news-form input{padding:12px 14px;border-radius:999px;border:none;width:220px;}
  .news-form button{background:var(--green);border:none;color:#1c2712;font-weight:700;padding:12px 20px;border-radius:999px;cursor:pointer;}

  /* ---- find a trial page ---- */
  .trial-layout{max-width:1240px;width:88%;margin:0 auto;padding:20px 0 80px;display:grid;grid-template-columns:260px 1fr;gap:36px;}
  @media(max-width:900px){ .trial-layout{grid-template-columns:1fr;} }
  .filter-group{margin-bottom:26px;}
  .filter-group h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin:0 0 12px;}
  .filter-group label{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink-soft);margin-bottom:10px;}
  .trial-list-cards{display:flex;flex-direction:column;gap:16px;}
  .trial-row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}
  .trial-row h3{margin:0 0 8px;font-size:18px;}

  /* ---- about page ---- */
  .about-hero{max-width:900px;width:88%;margin:0 auto;padding:20px 0 20px;text-align:left;}
  .about-block{max-width:900px;width:88%;margin:0 auto;padding:20px 0;}
  .about-block h2{font-size:22px;margin:0 0 12px;}
  .about-block p{font-size:16px;color:var(--ink-soft);margin:0 0 16px;}
  .trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 10px;}
  @media(max-width:700px){ .trust-grid{grid-template-columns:1fr;} }
  .trust-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;}
  .trust-card h4{margin:0 0 6px;font-size:14.5px;}
  .trust-card p{margin:0;font-size:13.5px;color:var(--ink-soft);}

  /* ---- article ---- */
  .article-hero-wrap{max-width:1140px;width:88%;margin:0 auto;padding:20px 0 0;}
  .article-hero-img{height:320px;}
  @media(max-width:600px){ .article-hero-img{height:200px;} }
  .article-layout{max-width:1140px;width:88%;margin:0 auto;padding:30px 0 90px;display:grid;grid-template-columns:1fr 240px;gap:44px;}
  @media(max-width:820px){ .article-layout{grid-template-columns:1fr;} }
  .art-eyebrow{font-size:13px;font-weight:700;color:var(--green-deep);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;}
  .article-layout h1{font-size:32px;line-height:1.2;margin:0 0 14px;font-weight:800;font-family:var(--heading);}
  .art-meta{font-size:13px;color:var(--ink-faint);margin-bottom:18px;display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
  .share-row{display:flex;gap:8px;margin-bottom:26px;}
  .share-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;gap:6px;text-decoration:none;}
  .share-btn:hover{border-color:var(--green);color:var(--green-deep);}
  .ai-note{background:var(--bg-alt);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--ink-soft);margin-bottom:30px;}
  .article-layout p.body-p{font-size:17px;margin:0 0 22px;max-width:70ch;}
  .entry-content{font-size:17px;}
  .entry-content p{margin:0 0 22px;max-width:70ch;}
  .entry-content h2{font-size:24px;margin:34px 0 14px;font-family:var(--heading);}
  .entry-content h3{font-size:19px;margin:28px 0 12px;font-family:var(--heading);}
  .entry-content ul,.entry-content ol{margin:0 0 22px;padding-left:22px;max-width:70ch;}
  .entry-content li{margin-bottom:8px;}
  .entry-content img{max-width:100%;height:auto;border-radius:14px;margin:20px 0;}
  .entry-content a{color:var(--green-deep);font-weight:600;}
  .pull-quote{font-family:var(--heading);font-size:22px;font-weight:700;color:var(--green-deep);border-left:4px solid var(--green);padding:6px 0 6px 20px;margin:34px 0;line-height:1.4;}
  .try-box{background:var(--green-pale);border-radius:var(--radius);padding:24px;margin:34px 0;}
  .try-box h3{margin:0 0 10px;font-size:16px;}
  .try-box ol{margin:0;padding-left:20px;font-size:15.5px;}
  .try-box li{margin-bottom:8px;}
  .mid-illus{margin:34px 0;height:200px;}
  .inline-crisis{background:var(--warm-pale);border-radius:var(--radius);padding:20px 22px;margin:34px 0;}
  .inline-crisis h3{margin:0 0 6px;font-size:15px;color:#7A3F27;}
  .inline-crisis p{font-size:14px;color:#7A3F27;margin:0;}
  .inline-signup{background:var(--ink);border-radius:var(--radius);padding:26px;margin:36px 0;}
  .inline-signup h3{color:#fff;margin:0 0 6px;font-size:17px;}
  .inline-signup p{color:#C7CAB9;margin:0 0 16px;font-size:13.5px;}
  .inline-signup form{display:flex;gap:10px;flex-wrap:wrap;}
  .inline-signup input{flex:1;min-width:160px;padding:11px 14px;border-radius:999px;border:none;}
  .inline-signup button{background:var(--green);border:none;color:#1c2712;font-weight:700;padding:11px 20px;border-radius:999px;cursor:pointer;}
  .related-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;}
  @media(max-width:600px){ .related-imgs{grid-template-columns:1fr;} }
  .rel-card{border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid var(--line);background:#fff;text-decoration:none;display:block;color:var(--ink);}
  .rel-card .thumb{height:80px;}
  .rel-card .body{padding:12px 14px;}
  .rel-card p{margin:0;font-size:13px;font-weight:600;}
  .sidebar-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:20px;position:sticky;top:70px;}
  .sidebar-box h4{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin:0 0 14px;}
  .sidebar-box a{display:block;font-size:14px;color:var(--ink-soft);text-decoration:none;margin-bottom:10px;padding-left:12px;border-left:2px solid var(--line);cursor:pointer;}
  .sidebar-box a:hover{color:var(--green-deep);border-left-color:var(--green);}

  /* ---- screener ---- */
  .screener-wrap{max-width:640px;width:88%;margin:0 auto;padding:40px 0 90px;}
  .progress-track{height:6px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:28px;}
  .progress-fill{height:100%;background:var(--green);transition:width .3s ease;}
  .screener-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:34px;}
  @media(max-width:560px){ .screener-card{padding:24px;} }
  .q-eyebrow{font-size:12.5px;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
  .screener-card h2{font-size:23px;margin:0 0 8px;line-height:1.35;}
  .screener-card .sub{font-size:14px;color:var(--ink-soft);margin:0 0 22px;}
  .opt{display:block;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:10px;font-size:15px;cursor:pointer;transition:.15s;}
  .opt:hover{border-color:var(--green);}
  .opt.selected{border-color:var(--green);background:var(--green-pale);}
  .opt input{margin-right:10px;}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  @media(max-width:520px){ .form-grid{grid-template-columns:1fr;} }
  .form-field{margin-bottom:14px;}
  .form-field.full{grid-column:1/-1;}
  .form-field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-soft);margin-bottom:6px;}
  .form-field input,.form-field select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:14.5px;}
  .addr-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:6px;box-shadow:0 12px 30px -14px rgba(50,53,44,.3);z-index:20;overflow:hidden;display:none;}
  .addr-suggestions.open{display:block;}
  .addr-suggestion{padding:11px 14px;font-size:14px;cursor:pointer;border-bottom:1px solid var(--line);color:var(--ink-soft);}
  .addr-suggestion:last-child{border-bottom:none;}
  .addr-suggestion:hover, .addr-suggestion.active{background:var(--green-pale);color:var(--ink);}
  .addr-suggestion .main{font-weight:600;color:var(--ink);}
  .addr-suggestion .sub{font-size:12px;color:var(--ink-faint);}
  .addr-powered{padding:8px 14px;font-size:10.5px;color:var(--ink-faint);text-align:right;background:var(--bg-alt);}
  .why-box{background:var(--bg-alt);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--ink-soft);margin-bottom:20px;}
  .screener-actions{display:flex;justify-content:space-between;align-items:center;margin-top:26px;}
  .save-exit{font-size:13.5px;color:var(--ink-faint);text-decoration:underline;cursor:pointer;background:none;border:none;}
  .back-btn{background:none;border:none;color:var(--ink-soft);font-weight:700;font-size:14px;cursor:pointer;}
  .consent-box{background:var(--bg-alt);border-radius:14px;padding:20px;margin-top:6px;}
  .consent-box label{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft);line-height:1.6;cursor:pointer;}
  .consent-box input{margin-top:3px;}
  .consent-box a{color:var(--green-deep);font-weight:700;}
  .consent-legal{margin:8px 0 0 26px;font-size:12px;color:var(--ink-faint);}
  .consent-legal a{color:var(--green-deep);font-weight:600;text-decoration:underline;}
  .tier-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.04em;background:#fff;border:1px solid var(--line);padding:2px 8px;border-radius:999px;margin-bottom:8px;color:var(--ink-faint);}
  .match-card{border:1.5px solid var(--green);background:var(--green-pale);border-radius:14px;padding:18px;margin-bottom:16px;}
  .match-card h4{margin:0 0 6px;font-size:15.5px;}
  .match-card p{margin:0;font-size:13.5px;color:var(--ink-soft);}
  .email-mock{background:var(--bg-alt);border:1px dashed var(--ink-faint);border-radius:12px;padding:18px;margin-top:18px;font-size:13.5px;color:var(--ink-soft);}
  .email-mock strong{color:var(--ink);}

  /* ---- modal ---- */
  .modal-overlay{position:fixed;inset:0;background:rgba(50,53,44,.55);display:none;align-items:center;justify-content:center;z-index:100;padding:20px;}
  .modal-overlay.open{display:flex;}
  .modal{background:#fff;border-radius:var(--radius);padding:32px;max-width:420px;width:100%;position:relative;}
  .modal-close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--ink-faint);}
  .modal h3{margin:0 0 8px;font-size:20px;}
  .modal p{font-size:14.5px;color:var(--ink-soft);margin:0 0 18px;}
  .modal input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;}
  .modal button.submit{width:100%;background:var(--green);border:none;color:#1c2712;font-weight:700;padding:13px;border-radius:999px;cursor:pointer;font-size:15px;}