:root{--ink:#171a1d;--muted:#565d65;--paper:#fff;--card:#fff;--line:#e5e9ed;--blue:#1c5899;--sky:#ebf4fe;--serif:Georgia,"Apple SD Gothic Neo","Malgun Gothic",serif;--sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1440px;margin:auto;padding:0 48px}.top{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f3;background:white}.brand{font:650 21px var(--sans);letter-spacing:-.04em;white-space:nowrap}.brand i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#64a1e1;margin:0 9px 1px 0}.nav{display:flex;align-items:center;gap:27px;font-size:14px;color:#34393d}.nav a:hover{color:var(--blue)}.hero{margin:0 -48px;padding:80px 48px 0;text-align:center;min-height:560px;background:linear-gradient(180deg,#e9f3fe 0%,#f7fafd 72%,#fff 100%);position:relative;overflow:hidden}.hero>*:not(.hero-art){position:relative;z-index:1}.eyebrow{font-size:13px;letter-spacing:.11em;color:#4d77a4;font-weight:650;text-transform:uppercase}.hero h1{font:650 clamp(46px,7vw,82px)/1.13 var(--sans);letter-spacing:-.065em;margin:17px auto 18px;max-width:920px}.hero h1 span{color:#2f6eb0}.hero p{max-width:720px;margin:0 auto 28px;color:#424b55;font-size:clamp(15px,1.6vw,19px)}.primary{display:inline-flex;align-items:center;gap:12px;background:#195391;color:#fff;padding:14px 23px;border-radius:4px;font-size:15px;font-weight:600;box-shadow:0 4px 16px #265d9720}.primary:hover{background:#114277}.hero-art{position:absolute;z-index:0;pointer-events:none;left:0;right:0;bottom:-70px;height:245px;opacity:.9;background:linear-gradient(145deg,transparent 10%,#e1effd 10% 28%,transparent 28%),linear-gradient(25deg,#dde9f6 0 30%,#eef4fa 30% 61%,#dbe9f7 61%);clip-path:polygon(0 32%,12% 13%,29% 23%,48% 0,67% 31%,82% 12%,100% 28%,100% 100%,0 100%)}.hero-art:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#fff;opacity:.75;top:10px;left:calc(50% - 80px)}.content{position:relative;z-index:1;padding:53px 0 84px;background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;margin:0 0 22px}.section-head h2{font:600 28px var(--sans);letter-spacing:-.04em;margin:0}.section-head p{color:var(--muted);margin:0;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{min-height:244px;border:1px solid var(--line);background:#fff;padding:24px;display:flex;flex-direction:column;border-radius:3px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:#bfd0e2;box-shadow:0 10px 30px #1d354d0c}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{width:42px;height:42px;display:grid;place-items:center;background:#eef5fc;color:#29629e;font-size:20px}.arrow{font-size:20px;color:#6e7883}.card h3{font:600 23px var(--sans);letter-spacing:-.04em;margin:19px 0 6px}.card p{font-size:14px;color:var(--muted);margin:0;max-width:300px}.card small{margin-top:auto;padding-top:22px;color:#2d639b;font-size:12px;letter-spacing:.02em}.note{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:23px 0 31px;color:var(--muted);font-size:12px}.note strong{color:var(--ink);font:600 15px var(--sans)}.login-link{border:1px solid #d5dbe2;border-radius:3px;padding:8px 15px;color:#21252a;font-weight:600}.login-link:hover{border-color:#1d5591;color:#1d5591}@media(max-width:760px){.wrap{padding:0 20px}.top{height:66px}.brand{font-size:18px}.nav{gap:13px;font-size:12px}.hero{margin:0 -20px;padding:65px 20px 0;min-height:485px}.hero h1{font-size:clamp(42px,10vw,62px)}.hero-art{height:190px;bottom:-50px}.content{padding:38px 0 58px}.cards{grid-template-columns:1fr;gap:12px}.card{min-height:188px}.section-head{align-items:start;gap:8px;flex-direction:column}.note{align-items:start;gap:10px;flex-direction:column}}@media(max-width:440px){.nav{gap:9px}.nav a{font-size:11px}.login-link{padding:6px 9px;font-size:11px}.wrap{padding:0 15px}.hero{margin:0 -15px;padding-left:15px;padding-right:15px}}

.admin-only{display:none!important}

.auth-only{display:none!important}

.signup-link{display:none!important}.signup-link.show-signup{display:inline-flex!important}

/* 디지털 라운지 공통 남색·하늘색 테마 */
:root{--ink:#091d32;--muted:#64788c;--paper:#f7f9fc;--card:#fff;--line:#dde5ee;--blue:#1f70bb;--sky:#ebf5fe;--green:#2e6fac}
.top{background:#091d32;border-bottom-color:#1c3651;color:#f5f9fe}
.brand{color:#f5f9fe}
.brand i{background:#5da7ea;box-shadow:0 0 14px #5da7ea55}
.nav{color:#e7f1fb}
.nav a{color:#e7f1fb}
.nav a:hover{color:#6eb5f7}
.login-link{border-color:#ffffff52;color:#f5f9fe}
.login-link:hover{border-color:#6eb5f7;color:#6eb5f7}
.note{border-top-color:#dde5ee;color:#64788c}
.note strong{color:#091d32}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #4a98e0;outline-offset:2px}
.primary{background:#1f70bb}
.primary:hover{background:#1960a2}
.card:hover{border-color:#9fc0df;box-shadow:0 12px 34px #10305018}