*{box-sizing:border-box}
:root{color-scheme:light dark;--page:#f6f7f9;--card:#fff;--text:#202c38;--muted:#66717f;--line:#e4e8ed;--focus:#315e7d}
body{margin:0;background:var(--page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}
.page{width:min(100%,880px);margin:0 auto;padding:clamp(48px,10vh,104px) max(22px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}
.intro{margin-bottom:36px}
.brand-mark{display:grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border-radius:14px;background:#e8edf2;color:#3c566c}
.brand-mark svg{width:25px;height:25px}
h1{margin:0;font-size:clamp(30px,5vw,42px);font-weight:700;letter-spacing:-1.2px;line-height:1.2}
.intro p{margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
.apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.app-card{display:flex;align-items:center;gap:16px;min-width:0;min-height:142px;padding:26px 22px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.app-card:hover{border-color:#afbecb;box-shadow:0 6px 18px #25374b08;transform:translateY(-2px)}
.app-card:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.app-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px}
.app-icon svg{width:25px;height:25px}
.community .app-icon{background:#eef1fb;color:#53659a}
.deals .app-icon{background:#f9f0e5;color:#916c3d}
.study .app-icon{background:#eaf3ef;color:#477564}
.japan .app-icon{background:#faeeee;color:#a85e60}
.app-copy{flex:1;min-width:0}
h2{margin:0;font-size:19px;line-height:1.4;font-weight:650;letter-spacing:-.4px}
.app-copy p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6;word-break:keep-all}
.arrow{width:20px;height:20px;flex:0 0 20px;color:#84909c}
@media(max-width:640px){.page{max-width:470px;padding-top:48px}.intro{margin-bottom:28px}.apps{grid-template-columns:1fr;gap:12px}.app-card{min-height:112px;padding:22px 20px;border-radius:18px}.app-copy p{font-size:14px}}
@media(max-width:350px){.page{padding-left:16px;padding-right:16px}.app-card{gap:12px;padding-left:16px;padding-right:16px}.app-icon{width:40px;height:40px;flex-basis:40px}h2{font-size:18px}.app-copy p{font-size:12px}}
@media(prefers-color-scheme:dark){:root{--page:#171c23;--card:#212832;--text:#e8edf3;--muted:#a5b0bc;--line:#333d49;--focus:#9ac4e3}.brand-mark{background:#2c3a48;color:#b3cbdc}.community .app-icon{background:#303b55;color:#b1bfe9}.deals .app-icon{background:#443a2e;color:#dfbe8a}.study .app-icon{background:#2b4038;color:#a5d1bc}.japan .app-icon{background:#483338;color:#e1acb2}.app-card:hover{border-color:#718293;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.app-card{transition:none}.app-card:hover{transform:none}}

.admin-nav{display:flex;justify-content:flex-end;margin-top:24px}
.admin-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:var(--card);font-size:14px;text-decoration:none}
.admin-nav a:hover{color:var(--text);border-color:var(--focus)}
.admin-nav a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}