:root{
  --bg:#f5f7ff;
  --surface:#ffffff;
  --surface-2:#eef1ff;
  --ink:#11182d;
  --muted:#62708c;
  --line:#dfe4f3;
  --primary:#6558f5;
  --primary-dark:#473bc9;
  --accent:#18b7a5;
  --warm:#ffca5c;
  --radius:24px;
  --shadow:0 24px 70px rgba(32,41,89,.12);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,video,canvas{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 36px),var(--container));margin-inline:auto}
.narrow{max-width:820px}
.center{text-align:center}
.skip-link{position:fixed;left:14px;top:-100px;background:#fff;padding:10px 14px;border-radius:10px;z-index:9999;box-shadow:var(--shadow)}
.skip-link:focus{top:14px}

.site-header{height:78px;position:sticky;top:0;z-index:100;background:rgba(245,247,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,228,243,.86)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}
.brand img{flex:0 0 auto}
.brand span{display:grid;line-height:1.05}
.brand strong{font-size:1.08rem;letter-spacing:-.03em}
.brand small{font-size:.69rem;color:var(--muted);margin-top:5px;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:8px}
.main-nav a{padding:10px 14px;border-radius:12px;font-size:.9rem;font-weight:700;color:#3b4660}
.main-nav a:hover{background:#fff;color:var(--primary);box-shadow:0 8px 25px rgba(51,62,109,.08)}
.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;font-weight:700}

.hero{position:relative;overflow:hidden;padding:76px 0 46px;background:radial-gradient(circle at 78% 20%,rgba(101,88,245,.19),transparent 33%),radial-gradient(circle at 18% 80%,rgba(24,183,165,.12),transparent 26%)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(101,88,245,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(101,88,245,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}
.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:800;color:var(--primary);display:block;margin-bottom:14px}
.hero h1,.page-hero h1{font-size:clamp(2.7rem,6vw,5.9rem);line-height:.99;letter-spacing:-.065em;margin:0;max-width:850px}
.hero h1 em{font-style:normal;color:var(--primary)}
.hero-copy>p{font-size:1.12rem;color:var(--muted);max-width:680px;margin:25px 0}
.hero-points{display:flex;flex-wrap:wrap;gap:12px}
.hero-points span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:.82rem;font-weight:700;box-shadow:0 8px 26px rgba(32,41,89,.06)}
.hero-orbit{width:min(430px,90%);aspect-ratio:1;margin:auto;position:relative;border:1px dashed rgba(101,88,245,.32);border-radius:50%;display:grid;place-items:center;animation:float 5s ease-in-out infinite}
.hero-orbit i{position:absolute;inset:13%;border:1px solid rgba(24,183,165,.32);border-radius:50%}
.hero-orbit b{position:absolute;width:54px;height:54px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 18px 45px rgba(32,41,89,.13);font-size:1.3rem}
.hero-orbit b:nth-of-type(1){left:-8px;top:42%}.hero-orbit b:nth-of-type(2){right:20px;top:4%}.hero-orbit b:nth-of-type(3){right:-5px;bottom:17%}
.mini-wheel{width:58%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6558f5 0 12.5%,#18b7a5 0 25%,#ffca5c 0 37.5%,#ff6f91 0 50%,#7c5cff 0 62.5%,#20a4f3 0 75%,#72d572 0 87.5%,#ff9f43 0);box-shadow:0 35px 75px rgba(71,59,201,.23);position:relative;animation:slowspin 16s linear infinite}
.mini-wheel::before{content:"";position:absolute;width:32%;aspect-ratio:1;background:#fff;border-radius:50%;box-shadow:0 7px 22px rgba(0,0,0,.16)}
.mini-wheel span{position:relative;z-index:2;font-weight:900;font-size:.78rem}
@keyframes slowspin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-8px)}}

.tool-anchor{position:relative;margin-top:24px}
.wheel-app{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:22px;align-items:start;scroll-margin-top:98px}
.panel{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.wheel-stage{padding:24px;min-width:0;overflow:hidden}
.wheel-title-row{display:flex;justify-content:space-between;gap:20px;align-items:center}
.wheel-title-row h2{margin:0;font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:-.045em}
.wheel-title-row .eyebrow{margin-bottom:3px}
.icon-button{width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:var(--surface-2);font-size:1.2rem;color:var(--ink)}
.wheel-shell{width:min(100%,690px);aspect-ratio:1;margin:20px auto 5px;position:relative;display:grid;place-items:center}
.wheel-shell canvas{width:100%;height:100%;filter:drop-shadow(0 24px 32px rgba(24,31,65,.17));cursor:pointer}
.wheel-pointer{position:absolute;top:0;left:50%;z-index:4;transform:translateX(-50%);width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:55px solid #11182d;filter:drop-shadow(0 5px 5px rgba(0,0,0,.2))}
.spin-button{position:absolute;z-index:5;width:118px;aspect-ratio:1;border-radius:50%;border:0;background:transparent;font-weight:900;font-size:1rem;letter-spacing:.06em;color:#11182d}
.spin-button:focus-visible{outline:4px solid rgba(101,88,245,.35);outline-offset:6px}
.spin-button:disabled{cursor:not-allowed;color:#7c879e}
.wheel-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:10px}
.wheel-stats span{padding:8px 11px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.76rem}
.wheel-stats b{color:var(--ink)}
.winner{margin:6px auto 14px;padding:17px 20px;max-width:520px;border-radius:18px;text-align:center;background:linear-gradient(135deg,#eceaff,#e8fffb);border:1px solid #d9d5ff;animation:winnerIn .35s ease-out}
.winner small{display:block;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--primary);font-size:.66rem}
.winner strong{display:block;font-size:1.55rem;letter-spacing:-.035em;margin:4px 0 9px;overflow-wrap:anywhere}
.winner div{display:flex;justify-content:center;gap:8px}
.winner button{border:0;background:#fff;border-radius:9px;padding:7px 10px;font-size:.74rem;font-weight:700;color:var(--primary-dark)}
@keyframes winnerIn{from{transform:translateY(8px);opacity:0}}
.confetti-bit{position:absolute;top:45%;width:8px;height:14px;z-index:9;border-radius:2px;pointer-events:none;animation:confetti 1s ease-out forwards}
@keyframes confetti{to{transform:translate(var(--x),220px) rotate(var(--r));opacity:0}}

.wheel-controls{padding:22px;position:sticky;top:98px}
.field{display:grid;gap:7px;margin-bottom:17px}
.field label,.label-row label{font-size:.83rem;font-weight:800;color:#35405b}
.label-row{display:flex;justify-content:space-between;gap:8px;align-items:center}
.field input,.field textarea,.search-form input,.share-output input{width:100%;border:1px solid var(--line);background:#fbfcff;color:var(--ink);border-radius:13px;padding:12px 13px;outline:none;transition:.18s border-color,.18s box-shadow}
.field textarea{resize:vertical;min-height:220px;line-height:1.45}
.field input:focus,.field textarea:focus,.search-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(101,88,245,.1)}
.field small{font-size:.68rem;color:var(--muted)}
.text-button{border:0;background:transparent;color:var(--primary);font-size:.7rem;font-weight:800;padding:0}
.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}
.control-grid button{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:10px;font-size:.78rem;font-weight:800;color:#3d4864}
.control-grid button:hover{border-color:#c9c4ff;color:var(--primary)}
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.switch-row span{display:grid}
.switch-row strong{font-size:.82rem}.switch-row small{font-size:.67rem;color:var(--muted)}
.switch-row input{appearance:none;width:43px;height:24px;border-radius:999px;background:#cbd3e4;position:relative;transition:.2s;flex:0 0 auto}
.switch-row input::after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.2s}
.switch-row input:checked{background:var(--primary)}.switch-row input:checked::after{transform:translateX(19px)}
.theme-row{display:flex;gap:9px;padding:15px 0;border-top:1px solid var(--line)}
.theme-dot{width:31px;height:31px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}
.theme-dot.active{box-shadow:0 0 0 3px var(--primary)}
.theme-dot[data-theme=aurora]{background:conic-gradient(#6558f5,#18b7a5,#ffca5c,#ff6f91,#6558f5)}
.theme-dot[data-theme=sunset]{background:conic-gradient(#ff5f6d,#ffc371,#d45079,#ff5f6d)}
.theme-dot[data-theme=ocean]{background:conic-gradient(#006d77,#48cae4,#023e8a,#006d77)}
.theme-dot[data-theme=mono]{background:conic-gradient(#111827,#94a3b8,#334155,#111827)}
.primary,.secondary,.wheel-controls .primary{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:12px 17px;font-weight:800;border:0;transition:.2s transform,.2s box-shadow}
.primary{background:var(--primary);color:#fff;box-shadow:0 11px 25px rgba(101,88,245,.25)}
.primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(101,88,245,.3)}
.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}
.wide{width:100%}
.share-output{display:flex;gap:7px;margin:10px 0 0}
.share-output input{font-size:.72rem;min-width:0}.share-output button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:8px 10px;font-size:.72rem;font-weight:800}
.history{margin-top:15px;border-top:1px solid var(--line);padding-top:14px}
.history summary{cursor:pointer;font-size:.78rem;font-weight:800}
.history ol{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px;max-height:180px;overflow:auto}
.history li{display:flex;gap:8px;align-items:center;font-size:.75rem;padding:7px 9px;border-radius:9px;background:var(--surface-2)}
.history li span{width:20px;color:var(--muted);font-size:.65rem}.history li b{overflow-wrap:anywhere}

.sponsor-card,.adsense-wrap{margin:20px 0}
.sponsor-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 14px 40px rgba(32,41,89,.08)}
.sponsor-card a{display:grid;grid-template-columns:minmax(180px,34%) 1fr;min-height:160px}
.ad-media{width:100%;height:100%;object-fit:cover;background:#e9edf8}
.sponsor-copy{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.sponsor-copy small{font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.sponsor-copy strong{font-size:1.2rem;margin-top:6px}.sponsor-copy span{font-size:.83rem;color:var(--muted);margin-top:5px}.sponsor-copy b{font-size:.76rem;color:var(--primary);margin-top:11px}
.adsense-wrap{min-height:90px;display:grid;place-items:center}

.section{padding-top:74px;padding-bottom:74px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.section-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.055em;margin:0}
.section-head .eyebrow{margin-bottom:7px}
.section-head>a{color:var(--primary);font-weight:800;font-size:.88rem}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.template-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s transform,.2s box-shadow,.2s border-color}
.template-card:hover{transform:translateY(-4px);box-shadow:0 19px 46px rgba(32,41,89,.11);border-color:#cfcaff}
.template-card a{display:block;height:100%;padding:19px}
.template-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#eeeaff,#e8fffb);display:grid;place-items:center;font-size:1.3rem;margin-bottom:18px}
.template-meta small{color:var(--primary);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.template-meta h3{font-size:1.03rem;line-height:1.25;letter-spacing:-.025em;margin:7px 0}
.template-meta p{font-size:.76rem;color:var(--muted);margin:0 0 14px}
.template-meta b{font-size:.74rem;color:var(--primary)}
.chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:16px}
.chips span{font-size:.58rem;background:var(--surface-2);padding:4px 6px;border-radius:7px;color:#56627d;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.empty-state{text-align:center;background:#fff;border:1px dashed var(--line);border-radius:20px;padding:60px}
.category-band{background:#11182d;color:#fff}
.category-band .eyebrow{color:#9d95ff}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.category-card{padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.05);transition:.2s}
.category-card:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.category-card>span{font-size:1.65rem}.category-card h3{margin:12px 0 6px;font-size:1rem}.category-card p{font-size:.73rem;color:#aeb8cf;margin:0 0 13px}.category-card small{color:#8fe1d8;font-weight:800}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value-grid article{padding:28px;border-radius:23px;background:#fff;border:1px solid var(--line)}
.value-grid article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--surface-2);color:var(--primary);font-weight:900}
.value-grid h2{font-size:1.2rem;letter-spacing:-.03em;margin:20px 0 7px}.value-grid p{font-size:.82rem;color:var(--muted);margin:0}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.guide-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.guide-grid a{display:block;padding:24px;height:100%}
.guide-grid small{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}
.guide-grid h3,.guide-grid h2{font-size:1.15rem;line-height:1.3;letter-spacing:-.035em;margin:10px 0}.guide-grid p{color:var(--muted);font-size:.78rem}.guide-grid b{color:var(--primary);font-size:.75rem}
.guide-grid-large{grid-template-columns:repeat(2,1fr)}
.guide-grid-large article a{padding:30px}.guide-grid-large h2{font-size:1.4rem}

.page-hero{padding:76px 0 58px;background:radial-gradient(circle at 80% 20%,rgba(101,88,245,.14),transparent 34%);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(2.7rem,6vw,5.3rem)}
.page-hero p{font-size:1.08rem;color:var(--muted);max-width:760px;margin:20px 0 0}
.page-hero small{display:block;margin-top:13px;color:var(--muted)}
.category-hero .big-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:21px;background:#fff;box-shadow:var(--shadow);font-size:2rem;margin-bottom:26px}
.category-hero .primary{margin-top:24px}
.template-hero{padding-bottom:42px}
.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--muted);margin-bottom:22px}
.breadcrumbs a:hover{color:var(--primary)}
.search-form{display:flex;gap:8px;max-width:620px;margin-top:25px}
.search-form button{border:0;background:var(--primary);color:#fff;border-radius:13px;padding:0 20px;font-weight:800}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start}
.article-main h2,.prose h2{font-size:1.75rem;letter-spacing:-.04em;margin:0 0 15px}
.article-main>p,.prose p{color:#4e5b76}
.steps{counter-reset:steps;list-style:none;padding:0;display:grid;gap:12px;margin:28px 0}
.steps li{padding:15px 17px 15px 52px;background:#fff;border:1px solid var(--line);border-radius:14px;position:relative;font-size:.88rem}
.steps li::before{counter-increment:steps;content:counter(steps);position:absolute;left:14px;top:14px;width:27px;height:27px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:900}
.note{background:#edeaff;border:1px solid #d9d4ff;border-radius:17px;padding:20px;margin:25px 0}.note strong{color:var(--primary-dark)}.note p{margin:5px 0 0;font-size:.86rem}
.faq-list{display:grid;gap:9px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px}.faq-list summary{font-weight:800;cursor:pointer;font-size:.88rem}.faq-list p{font-size:.82rem;color:var(--muted);margin:10px 0 0}
.article-side{position:sticky;top:98px;display:grid;gap:13px}.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px}.side-card small{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-size:.62rem;font-weight:800}.side-card h3{font-size:1.05rem;margin:7px 0}.side-card p{font-size:.75rem;color:var(--muted)}.side-card .primary{width:100%;margin-top:7px}.side-card>a:not(.primary){font-size:.76rem;color:var(--primary);font-weight:800}
.prose{font-size:1rem}.prose section{margin-bottom:42px}.prose h2{margin-top:44px}.prose h3{font-size:1.25rem}.prose p{line-height:1.8}.prose li{margin:8px 0;color:#4e5b76}.prose blockquote{margin:25px 0;padding:15px 20px;border-left:4px solid var(--primary);background:#fff;border-radius:0 15px 15px 0;color:#4e5b76}
.article-cta{margin-top:50px;padding:30px;background:#11182d;color:#fff;border-radius:22px}.article-cta h2{margin:0}.article-cta p{color:#bac4da}.button-row{display:flex;gap:10px;margin-top:25px}

.site-footer{background:#0d1324;color:#fff;margin-top:40px;padding:62px 0 24px}
.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}
.footer-brand small{color:#9aa6bf}.footer-grid>div:first-child>p{color:#9aa6bf;font-size:.76rem;max-width:410px;margin-top:18px}
.footer-grid h2{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#8fe1d8;margin:0 0 15px}
.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-grid>div:not(:first-child) a{font-size:.77rem;color:#bac4da}.footer-grid a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;color:#7f8da8;font-size:.68rem}

.wheel-app:fullscreen{background:var(--bg);padding:24px;overflow:auto}.wheel-app:fullscreen .wheel-controls{position:static}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.mini-wheel{animation:none}}
@media(max-width:1020px){
  .hero-grid{grid-template-columns:1fr .65fr}.wheel-app{grid-template-columns:1fr}.wheel-controls{position:static}.card-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.article-side{position:static;grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:24px}
}
@media(max-width:760px){
  .site-header{height:70px}.brand small{display:none}.nav-toggle{display:block}.main-nav{position:absolute;left:18px;right:18px;top:65px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:17px;padding:8px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px}
  .hero{padding:50px 0 34px}.hero-grid{grid-template-columns:1fr}.hero-orbit{display:none}.hero h1,.page-hero h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-copy>p,.page-hero p{font-size:.96rem}.hero-points{gap:7px}.hero-points span{font-size:.7rem}
  .container{width:min(calc(100% - 24px),var(--container))}.panel{border-radius:18px}.wheel-stage{padding:14px}.wheel-title-row{padding:5px}.wheel-pointer{border-left-width:18px;border-right-width:18px;border-top-width:40px}.spin-button{width:88px;font-size:.78rem}.wheel-controls{padding:18px}.field textarea{min-height:190px}
  .section{padding-top:52px;padding-bottom:52px}.section-head{align-items:start}.section-head h2{font-size:2rem}.card-grid{grid-template-columns:repeat(2,1fr);gap:11px}.template-card a{padding:14px}.template-icon{margin-bottom:12px}.template-meta p{display:none}.chips{display:none}.category-grid,.value-grid,.guide-grid,.guide-grid-large{grid-template-columns:1fr}.category-card{padding:19px}.page-hero{padding:52px 0 42px}.search-form{flex-direction:column}.search-form button{padding:12px}.content-layout{gap:25px}.article-side{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.sponsor-card a{grid-template-columns:1fr}.ad-media{height:170px}.button-row{flex-direction:column}.button-row a{width:100%}
}
@media(max-width:430px){.card-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:4px}.share-output{flex-wrap:wrap}.share-output input{flex-basis:100%}}

.pagination{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-top:34px}.pagination a,.pagination span{min-width:38px;height:38px;padding:0 11px;border-radius:11px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:800}.pagination span{background:var(--primary);color:#fff;border-color:var(--primary)}