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

:root {
  color-scheme:light;
  --ink:#202b38;
  --muted:#61717d;
  --line:rgba(77,125,142,.2);
  --teal:#397f91;
  --rose:#b96d88;
  --violet:#746f9d;
  --paper:#fff;
  font-family:'Pretendard','Malgun Gothic',sans-serif;
}

* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; scroll-padding-top:76px; }
body { min-width:320px; overflow-x:hidden; color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
::selection { color:var(--ink); background:rgba(89,164,176,.2); }
a { color:inherit; text-decoration:none; -webkit-tap-highlight-color:transparent; }
button,input { font:inherit; }

::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-thumb { border:2px solid var(--paper); border-radius:4px; background:linear-gradient(180deg,#579aaa,#b884a2); }
::-webkit-scrollbar-track,::-webkit-scrollbar-corner { background:var(--paper); }

.page-background { position:fixed; z-index:-1; inset:0; background:var(--paper); pointer-events:none; }

.site-header { position:sticky; z-index:50; top:0; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:12px 32px; border-bottom:1px solid rgba(77,125,142,.14); background:rgba(255,255,255,.78); backdrop-filter:blur(16px) saturate(1.15); }
.logo { flex:none; padding:6px 0; color:var(--ink); font-size:12px; font-weight:800; }
.logo b { color:var(--rose); }
.site-nav { display:flex; align-items:center; gap:20px; font-size:12px; font-weight:600; }
.site-nav a { position:relative; color:#43525d; transition:color .3s ease; }
.site-nav a:hover { color:var(--teal); }
.account-links { display:flex; flex:none; gap:14px; color:#586875; font-size:11px; }
.account-links a:hover { color:var(--teal); }

.hero { position:relative; padding:60px 20px 24px; background:#fff; text-align:center; }
.eyebrow { color:#668997; font-size:10px; font-weight:300; letter-spacing:2.5px; text-transform:uppercase; animation:fadeUp 1s .1s both; }
.eyebrow::before,.eyebrow::after { margin:0 10px; color:#aec8cc; content:'——'; letter-spacing:0; }
.hero h1 { margin:16px 0 30px; color:var(--ink); font-family:'Pretendard','Malgun Gothic',sans-serif; font-size:40px; font-weight:300; line-height:1.45; }
.hero h1 .line { display:block; overflow:hidden; }
.hero h1 .line span { display:inline-block; max-width:100%; animation:riseUp .9s cubic-bezier(.2,.8,.2,1) both; }
.hero h1 .line:nth-child(2) span { color:var(--violet); background:linear-gradient(100deg,#387f91,#7a6d9f 58%,#bd718a); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:400; animation-delay:.25s; }
.searchbar { display:flex; max-width:620px; margin:0 auto; padding:6px; border:1px solid rgba(77,125,142,.2); border-radius:40px; background:rgba(255,255,255,.86); backdrop-filter:blur(12px); animation:fadeUp 1s .5s both; transition:border-color .3s ease; }
.searchbar:focus-within { border-color:rgba(68,139,153,.55); }
.searchbar input { flex:1; min-width:0; padding:0 18px; border:0; outline:0; color:var(--ink); background:transparent; font-size:14px; }
.searchbar input::placeholder { color:#98a5ad; }
.searchbar button { flex:none; padding:12px 28px; border:0; border-radius:28px; color:white; background:linear-gradient(100deg,#397f91,#6d789f,#b96d88); background-size:160%; cursor:pointer; font-size:11px; font-weight:700; letter-spacing:1px; transition:background-position .7s ease; }
.searchbar button:hover { background-position:100%; }

.mission { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:48px; margin-top:24px; padding:56px 8% 48px; background:#fff; }
.badge-red { display:inline-flex; align-items:center; gap:8px; margin-bottom:20px; padding:6px 12px; border:1px solid rgba(196,76,101,.26); border-radius:20px; color:#ad455c; background:rgba(224,106,126,.07); font-size:9px; font-weight:700; letter-spacing:1.4px; }
.badge-red::before { width:6px; height:6px; border-radius:50%; background:#cf6176; content:''; animation:blink 1.8s infinite; }
.mission-label { position:absolute; top:18px; right:8%; color:#7d8e98; font-size:9px; font-weight:700; letter-spacing:2px; }
.mission h2 { margin-bottom:4px; color:var(--ink); font-size:36px; font-weight:700; line-height:1.35; }
.mission h2 b { color:var(--violet); background:linear-gradient(100deg,#397f91,#746f9d,#b96d88); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.bar { width:54px; height:2px; margin:18px 0; background:linear-gradient(90deg,#397f91,#b96d88); animation:barGrow 6s ease-in-out infinite alternate; }
.sub { margin-bottom:28px; color:#586875; font-size:14px; font-weight:400; line-height:1.9; }
.tiles { display:flex; flex-wrap:wrap; gap:9px; }
.tile { position:relative; width:136px; min-height:84px; overflow:hidden; padding:14px 14px 12px; border:1px solid rgba(84,130,147,.17); border-radius:8px; background:rgba(255,255,255,.48); backdrop-filter:blur(8px); transition:transform .65s ease,border-color .65s; }
.tile::before { position:absolute; top:0; left:-100%; width:100%; height:2px; background:linear-gradient(90deg,transparent,#69aeb6,transparent); content:''; transition:left .6s; }
.tile:hover::before { left:100%; }
.tile:hover { border-color:rgba(69,137,153,.42); transform:translateY(-3px); }
.tile h3 { color:#2e4854; font-size:12px; font-weight:700; }
.tile h3 span { position:absolute; top:7px; right:9px; color:rgba(65,105,120,.1); font-size:22px; font-weight:800; }
.tile p { margin-top:7px; color:#697b83; font-size:10px; line-height:1.65; }

.terminal { position:relative; height:420px; overflow:hidden; border:1px solid rgba(83,159,170,.34); border-radius:12px; background:#0a0a0a;
  background-image:radial-gradient(ellipse at 50% 0%,rgba(0,255,136,.08),transparent 60%),linear-gradient(180deg,rgba(0,20,0,.9) 0%,#0a0a0a 30%,#0a0a0a 70%,rgba(0,20,0,.9) 100%); transition:border-color .8s ease; }
.terminal:hover { border-color:rgba(83,159,170,.58); }
.terminal::before { position:absolute; z-index:2; inset:0; background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(128,225,185,.018) 3px,rgba(128,225,185,.018) 5px); content:''; pointer-events:none; animation:scanline 32s linear infinite; }
.terminal-top { display:flex; height:42px; align-items:center; gap:12px; padding:0 14px; border-bottom:1px solid rgba(135,190,160,.14); color:#b8c9c2; background:linear-gradient(100deg,#18221f,#101716 68%,#17201c); }
.terminal-lights { display:flex; gap:5px; }
.terminal-lights i { display:block; width:8px; height:8px; border-radius:50%; background:#ff6258; }
.terminal-lights i:nth-child(2) { background:#ffc04a; }
.terminal-lights i:nth-child(3) { background:#43d17d; }
.terminal-title { flex:1; text-align:center; font-family:'Fira Code','Consolas',monospace; font-size:10px; font-weight:600; }
.terminal-live { color:#75efa9; font-family:'Fira Code','Consolas',monospace; font-size:8px; font-weight:700; letter-spacing:1px; }
.terminal-live::before { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#72d5a0; content:''; animation:blink 2.4s infinite; }
.terminal-screen { position:absolute; inset:42px 0 25px; overflow:hidden; padding:13px 15px 8px; background:radial-gradient(ellipse at 15% 0%,rgba(24,72,52,.18),transparent 50%),#080d0d; }
.terminal-screen::after { position:absolute; inset:0; background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(175,255,205,.035) 4px); content:''; opacity:.22; pointer-events:none; }
.terminal-feed { display:flex; min-height:100%; flex-direction:column; justify-content:flex-end; overflow-wrap:anywhere; color:#c0d4c8; font:11px/1.65 'Fira Code','Consolas',monospace; }
.terminal-line { animation:terminalIn .7s ease-out both; }
.terminal-command { color:#e8f5ec; }
.terminal-prompt { color:#68e99c; font-weight:700; }
.terminal-output { color:#91a99b; }
.terminal-output .good { color:#65e99b; }
.terminal-output .accent { color:#81caff; }
.terminal-cursor { display:inline-block; width:7px; height:13px; margin-left:3px; vertical-align:-2px; background:#72d5a0; animation:blink 1.8s steps(2) infinite; }
.terminal-bottom { position:absolute; inset:auto 0 0; display:flex; height:25px; align-items:center; justify-content:space-between; padding:0 13px; border-top:1px solid rgba(135,190,160,.12); color:#71877b; background:#101715; font:8px 'Fira Code','Consolas',monospace; letter-spacing:.6px; }
.terminal-bottom b { color:#77dca0; font-weight:500; }

.links-section { padding:46px 8% 72px; background:#fff; }
.links-heading { margin-bottom:24px; text-align:center; }
.links-heading > span { color:var(--teal); font-size:10px; font-weight:800; letter-spacing:3px; text-transform:uppercase; }
.links-heading h2 { margin-top:7px; color:var(--ink); font-size:24px; font-weight:700; }
.links-heading p { margin-top:5px; color:var(--muted); font-size:12px; }
.links-grid { display:grid; width:100%; grid-auto-columns:clamp(240px,calc((100vw - 11.5rem) / 4),300px); grid-auto-flow:column; gap:14px; overflow-x:auto; overscroll-behavior-x:contain; padding:2px 1px 12px; scrollbar-width:none; scroll-snap-type:x mandatory; scroll-padding-inline:1px; cursor:grab; touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.links-grid::-webkit-scrollbar { display:none; }
.links-grid.is-dragging { cursor:grabbing; scroll-snap-type:none; user-select:none; }
.links-grid.is-looping { scroll-snap-type:none; }
.link-card { display:flex; min-width:0; min-height:245px; flex-direction:column; overflow:hidden; border:1px solid var(--line); border-radius:8px; color:#2e4854; background:rgba(255,255,255,.72); scroll-snap-align:start; transition:border-color .35s ease,background-color .35s ease; }
.link-card:hover { border-color:rgba(69,137,153,.5); background:rgba(255,255,255,.96); }
.link-thumb { display:block; width:100%; aspect-ratio:16/11; flex:none; border:0; border-bottom:1px solid rgba(75,125,142,.12); background:#e8eff0; object-fit:cover; pointer-events:none; }
.link-meta { display:flex; min-width:0; flex:1; align-items:center; justify-content:space-between; gap:12px; padding:12px 13px; }
.link-name { display:flex; min-width:0; flex-direction:column; gap:5px; overflow-wrap:anywhere; font-size:13px; font-weight:700; line-height:1.35; }
.link-name small { color:#84939b; font-size:10px; font-weight:400; }
.link-arrow { flex:none; color:#8aa8b0; font-size:17px; transition:transform .3s ease,color .3s ease; }
.link-card:hover .link-arrow { color:var(--teal); transform:translate(2px,-2px); }
.links-controls { display:flex; width:100%; max-width:1120px; align-items:center; justify-content:flex-end; gap:12px; margin:10px auto 0; }
.links-position { display:flex; align-items:center; gap:5px; color:#85939a; font:10px 'Fira Code','Consolas',monospace; }
.links-position b { color:#385f6a; font-weight:700; }
.links-nav { display:grid; width:34px; height:34px; flex:none; place-items:center; border:1px solid var(--line); border-radius:50%; color:#45636c; background:rgba(255,255,255,.55); cursor:pointer; transition:color .2s,border-color .2s,background-color .2s; }
.links-nav:hover { border-color:rgba(69,137,153,.5); color:var(--teal); background:#fff; }

.section-progress { --progress-accent:#528c99; display:flex; justify-content:center; padding:18px 8%; border-block:1px solid rgba(77,125,142,.1); background:#fff; }
.progress-step-2 { --progress-accent:#a8758d; }
.progress-step-3 { --progress-accent:#698974; }
.progress-step-4 { --progress-accent:#8978a1; }
.section-progress-inner { display:grid; width:min(860px,100%); gap:12px; margin:0 auto; }
.section-progress-stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0; list-style:none; }
.section-progress-stages li { display:flex; align-items:center; justify-content:center; gap:6px; color:#96a1a5; font-size:10px; white-space:nowrap; }
.section-progress-stages li span { color:#98a5aa; font:9px 'Fira Code','Consolas',monospace; }
.section-progress-stages li b { font-weight:400; }
.section-progress-stages li.is-complete,.section-progress-stages li.is-complete span,.section-progress-stages li.is-current,.section-progress-stages li.is-current span { color:var(--progress-accent); }
.section-progress-stages li.is-current b { font-weight:700; }
.section-progress-controls { display:grid; grid-template-columns:minmax(0,1fr) 64px 34px; align-items:center; gap:14px; }
.progress-total { color:#87949a; font:10px 'Fira Code','Consolas',monospace; text-align:center; }
.progress-settings { display:grid; width:32px; height:32px; place-items:center; border:1px solid rgba(77,125,142,.18); border-radius:50%; color:#69808a; background:#fff; font-size:15px; transition:color .2s,border-color .2s; }
.progress-settings:hover { border-color:var(--progress-accent); color:var(--progress-accent); }
.section-progress-bar { display:block; width:100%; height:3px; overflow:hidden; appearance:none; border:0; border-radius:2px; color:var(--progress-accent); background:rgba(81,111,120,.14); }
.section-progress-bar::-webkit-progress-bar { border-radius:2px; background:rgba(81,111,120,.14); }
.section-progress-bar::-webkit-progress-value { border-radius:2px; background:var(--progress-accent); transition:width .4s ease; }
.section-progress-bar::-moz-progress-bar { border-radius:2px; background:var(--progress-accent); }

.site-footer { display:flex; justify-content:space-between; gap:18px; padding:22px 8%; border-top:1px solid rgba(77,125,142,.16); color:#74838c; font-size:10px; letter-spacing:1.2px; }
.visit-counter b { margin-right:5px; color:#456d78; font:600 12px 'Fira Code','Consolas',monospace; letter-spacing:0; }

.service-page { display:grid; width:min(1240px,90%); min-height:calc(100vh - 170px); grid-template-columns:260px minmax(0,1fr); align-items:start; gap:54px; margin:0 auto; padding:48px 0 76px; }
.service-sidebar { position:sticky; top:92px; max-height:calc(100vh - 112px); overflow:auto; padding:4px 16px 8px 0; border-right:1px solid rgba(77,125,142,.17); }
.service-sidebar-heading { padding:0 10px 18px; border-bottom:1px solid rgba(77,125,142,.13); }
.service-sidebar-heading span,.service-section-heading span,.service-note > span { color:var(--teal); font-size:9px; font-weight:700; letter-spacing:2px; }
.service-sidebar-heading h2 { margin-top:7px; color:var(--ink); font-size:20px; font-weight:600; }
.service-menu { display:grid; gap:8px; padding-top:12px; }
.service-menu-group { padding:3px 0 8px; }
.service-menu-main { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 10px; border-radius:5px; color:#344c58; font-size:13px; font-weight:700; transition:background-color .2s,color .2s; }
.service-menu-main > span:last-child { color:#91a5ad; font-size:13px; }
.service-menu-main:hover,.service-menu-main.is-active { color:var(--teal); background:rgba(57,127,145,.08); }
.service-menu-sub { display:grid; gap:2px; padding:4px 0 0 13px; }
.service-menu-link { display:block; padding:7px 9px; border-left:1px solid rgba(77,125,142,.17); color:#71818a; font-size:11px; line-height:1.4; transition:border-color .2s,color .2s; }
.service-menu-link:hover,.service-menu-link.is-active { border-color:var(--teal); color:var(--teal); }
.service-content { min-width:0; max-width:900px; }
.service-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; color:#89969c; font-size:10px; }
.service-breadcrumb a:hover { color:var(--teal); }
.service-hero { padding:32px 0 28px; border-bottom:1px solid rgba(77,125,142,.16); }
.service-eyebrow { margin-bottom:12px; color:var(--teal); font-size:9px; font-weight:700; letter-spacing:2px; }
.service-hero h1 { max-width:760px; color:var(--ink); font-size:36px; font-weight:500; line-height:1.35; }
.service-lead { max-width:720px; margin-top:16px; color:#586875; font-size:15px; font-weight:300; line-height:1.9; }
.service-overview { padding:25px 0 8px; }
.service-overview h2,.service-list-section h2 { color:var(--ink); font-size:17px; font-weight:600; }
.service-overview p { max-width:760px; margin-top:9px; color:#62737c; font-size:13px; line-height:1.85; }
.service-topic-section { padding-top:24px; }
.service-section-heading { margin-bottom:14px; }
.service-section-heading h2 { margin-top:5px; color:var(--ink); font-size:21px; font-weight:600; }
.service-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.service-topic-card { position:relative; display:flex; min-height:190px; flex-direction:column; align-items:flex-start; padding:17px 16px 37px; border:1px solid rgba(77,125,142,.17); border-radius:6px; color:#344c58; background:rgba(255,255,255,.55); transition:border-color .25s,background-color .25s; }
.service-topic-card:hover { border-color:rgba(57,127,145,.46); background:#fff; }
.service-topic-card > span:first-child { color:var(--teal); font-size:9px; font-weight:700; letter-spacing:.6px; }
.service-topic-card h3 { margin-top:11px; font-size:15px; font-weight:600; line-height:1.4; }
.service-topic-card p { margin-top:8px; color:#71818a; font-size:11px; line-height:1.7; }
.service-topic-arrow { position:absolute; right:15px; bottom:13px; color:#7798a2; font-size:15px; transition:transform .2s; }
.service-topic-card:hover .service-topic-arrow { transform:translateX(4px); }
.service-detail-copy { display:grid; gap:13px; max-width:770px; padding:24px 0; }
.service-detail-copy p { color:#586875; font-size:14px; line-height:1.95; }
.service-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:8px 0 28px; }
.service-list-section { padding:18px 18px 15px; border:1px solid rgba(77,125,142,.16); border-radius:6px; background:rgba(255,255,255,.46); }
.service-list-section h2 { margin:6px 0 12px; }
.service-list-section ul,.service-list-section ol { display:grid; gap:9px; padding-left:18px; color:#64747d; font-size:12px; line-height:1.6; }
.service-list-section li::marker { color:#6594a0; }
.service-back-link { display:inline-block; padding:8px 0; color:var(--teal); font-size:12px; font-weight:600; }
.service-back-link:hover { color:#245f6e; }
.service-note { display:grid; grid-template-columns:150px minmax(0,1fr); gap:18px; margin-top:30px; padding:16px 0; border-top:1px solid rgba(77,125,142,.15); }
.service-note p { color:#74838c; font-size:11px; line-height:1.75; }
.service-not-found { min-height:50vh; padding:42px; color:#586875; }
.service-not-found a { display:inline-block; margin-top:16px; color:var(--teal); }

.progress-admin-page { width:min(600px,calc(100% - 40px)); min-height:80vh; margin:0 auto; padding:48px 0 80px; }
.progress-admin-header { margin-bottom:26px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.progress-admin-header > a { color:var(--teal); font-size:11px; font-weight:600; }
.progress-admin-header p { margin-top:24px; color:#85949a; font:9px 'Fira Code','Consolas',monospace; letter-spacing:1.5px; }
.progress-admin-header h1 { margin-top:7px; color:var(--ink); font-size:28px; font-weight:500; }
.progress-admin-form { display:grid; gap:10px; }
.progress-admin-form label { display:flex; justify-content:space-between; gap:12px; margin-top:8px; color:#52656e; font-size:12px; font-weight:600; }
.progress-admin-form input:not([type="hidden"]):not([type="range"]),.progress-admin-form select { width:100%; min-height:42px; padding:9px 11px; border:1px solid var(--line); border-radius:5px; outline-color:var(--teal); color:var(--ink); background:#fff; }
.progress-admin-form input[type="range"] { width:100%; accent-color:var(--teal); }
.progress-admin-form progress { width:100%; height:4px; accent-color:var(--teal); }
.progress-admin-form button,.progress-admin-logout button { min-height:42px; padding:0 16px; border:0; border-radius:5px; color:#fff; background:var(--teal); cursor:pointer; font-size:12px; font-weight:600; }
.progress-admin-form button { margin-top:10px; }
.progress-admin-logout { margin-top:12px; }
.progress-admin-logout button { color:#62747c; background:#edf1f2; }
.progress-admin-error,.progress-admin-success { margin-bottom:16px; padding:11px 13px; border:1px solid var(--line); border-radius:5px; color:#586875; font-size:12px; }
.progress-admin-error { border-color:rgba(181,82,93,.28); color:#9c4651; background:#fff8f8; }
.progress-admin-success { color:#3f765a; background:#f5faf6; }

@keyframes riseUp { from { transform:translateY(110%); } to { transform:translateY(0); } }
@keyframes fadeUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:none; } }
@keyframes barGrow { to { width:88px; } }
@keyframes blink { 50% { opacity:.2; } }
@keyframes terminalIn { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@keyframes scanline { to { background-position:0 80px; } }

@media (max-width:1000px) {
  .site-nav { gap:12px; font-size:11px; }
  .mission { gap:30px; }
  .mission h2 { font-size:32px; }
  .terminal { height:360px; }
}
@media (max-width:760px) {
  .site-header { padding:11px 18px; }
  .site-nav { display:none; }
  .hero { padding:46px 16px 18px; }
  .hero h1 { font-size:24px; line-height:1.55; }
  .eyebrow { letter-spacing:2px; }
  .mission { grid-template-columns:1fr; gap:28px; padding:44px 6% 38px; }
  .mission-label { display:none; }
  .mission h2 { font-size:26px; }
  .terminal { height:340px; }
  .tiles { gap:8px; }
  .tile { width:calc(50% - 4px); }
  .links-section { padding:38px 6% 54px; }
  .section-progress { padding:14px 6%; }
  .section-progress-inner { gap:10px; }
  .section-progress-stages { gap:2px; }
  .section-progress-stages li { flex-direction:column; gap:3px; font-size:9px; }
  .section-progress-stages li span { font-size:8px; }
  .section-progress-controls { grid-template-columns:minmax(0,1fr) 42px 30px; gap:8px; }
  .progress-settings { width:29px; height:29px; }
  .service-page { width:88%; grid-template-columns:1fr; gap:24px; padding:26px 0 50px; }
  .service-sidebar { position:static; max-height:240px; padding:0 0 10px; border-right:0; border-bottom:1px solid rgba(77,125,142,.17); }
  .service-menu { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 10px; }
  .service-menu-group { padding-bottom:4px; }
  .service-content { max-width:none; }
  .service-hero { padding:23px 0; }
  .service-hero h1 { font-size:28px; }
  .service-lead { font-size:14px; }
  .service-topic-grid { grid-template-columns:1fr; }
  .service-topic-card { min-height:150px; }
  .service-detail-grid { grid-template-columns:1fr; gap:12px; }
  .service-note { grid-template-columns:1fr; gap:8px; }
  .links-grid { width:100%; grid-auto-columns:clamp(230px,76vw,320px); gap:10px; }
  .links-controls { width:100%; }
  .link-card { min-height:218px; }
  .link-name { font-size:12px; }
  .site-footer { flex-direction:column; padding:20px 6%; font-size:9px; }
}
@media (max-width:440px) {
  .links-grid { grid-auto-columns:clamp(235px,82vw,320px); }
  .link-card { min-height:220px; }
  .account-links { gap:9px; font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }
}