.container{padding-left:12px;padding-right:12px}.content{padding:18px}.small-note{color:var(--muted);font-size:13px}a{color:inherit}body{margin:0}:root{--bg: #eef5ff;--panel: #f7faff;--card: #ffffff;--fg: #0b1c3d;--muted: #546283;--accent: #3578f6;--accent-2: #5a97ff;--line: rgba(11,28,61,.1);--shadow: 0 10px 24px rgba(39, 93, 201, .14);--radius: 18px;--fs-hero: clamp(22px, 6vw, 34px);--fs-h2: clamp(20px, 4.5vw, 26px);--fs-body: clamp(14px, 3.7vw, 16px)}html,body,#root{height:100%}*{box-sizing:border-box}a{color:inherit;text-decoration:none}body{margin:0;background:radial-gradient(1200px 600px at -10% -20%,#cfe3ff,#cfe3ff00 60%),radial-gradient(1200px 600px at 120% 0%,#dce9ff,#dce9ff00 60%),var(--bg);color:var(--fg);font-family:Inter,Pretendard Variable,Noto Sans KR,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;line-height:1.5;padding-bottom:env(safe-area-inset-bottom,0)}.container{width:min(1080px,92%);margin:0 auto}.container.narrow{width:min(880px,92%)}.site-header{position:sticky;top:0;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border-bottom:1px solid var(--line)}.header-inner{padding:calc(10px + env(safe-area-inset-top,0)) 0 10px;display:flex;align-items:center;gap:12px}.brand{font-weight:900;letter-spacing:.2px;color:#0a1446}.only-desktop{display:none}.main-nav{margin-left:auto;display:flex;align-items:center;gap:12px}.main-nav a{color:var(--muted);padding:10px 12px;border-radius:12px}.main-nav a:hover{color:#0a1446;background:#eef4ff}.no-underline{text-decoration:none}.only-mobile{display:inline-flex}.icon-btn{background:#e9f1ff;border:1px solid #d3e2ff;color:#194aa6;width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.nav-panel{position:fixed;inset:0;background:#0510282e;opacity:0;pointer-events:none;transition:.25s ease}.nav-panel.open{opacity:1;pointer-events:auto}.nav-panel-inner{position:absolute;inset:0;background:linear-gradient(180deg,#fff,#f5f8ff,#eef5ff);transform:translateY(-6%);opacity:.98;transition:.25s ease;border-bottom-left-radius:22px;border-bottom-right-radius:22px}.nav-panel.open .nav-panel-inner{transform:none}.nav-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 4% 4px;border-bottom:1px solid var(--line)}.nav-panel-links{display:grid;gap:10px;padding:12px 4% 24px}.nav-panel-links a{display:block;padding:14px 16px;border-radius:14px;background:#f2f6ff;border:1px solid #deebff;color:#173a86;font-weight:600}.nav-panel-links a.btn{background:linear-gradient(180deg,var(--accent),#2463eb);color:#fff;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;cursor:pointer;border:0;background:linear-gradient(180deg,var(--accent),#2463eb);color:#fff;box-shadow:0 10px 22px #3578f638}.btn.small{padding:10px 12px;font-size:14px}.btn-ghost{background:#eaf2ff;color:#174aa1;border:1px solid #cfe2ff}.btn-ghost:hover{background:#dfe8ff}.btn-lg{font-size:17px;padding:14px 20px;border-radius:16px;font-weight:700}.hero{padding:24px 0 8px}.hero-inner{display:flex;gap:18px;align-items:center}.hero-text{flex:1}.hero-text h1{margin:.2rem 0 .6rem;line-height:1.18;font-size:var(--fs-hero);color:#0a1446;font-weight:800;letter-spacing:-.3px}.hero-text .muted{color:#395887;max-width:60ch}.hero-image{flex:1;display:flex;justify-content:flex-end}.hero-image img:not(.hero-logo){width:min(420px,100%);height:260px;object-fit:cover;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.emph-primary{color:#0a1446}.emph-secondary{background:linear-gradient(90deg,#3578f6,#5a97ff);-webkit-background-clip:text;background-clip:text;color:transparent}.band{padding:10px 0 40px}.card{background:#fffc;border:1px solid rgba(25,62,150,.08);box-shadow:0 8px 20px #163b7814;border-radius:16px;padding:18px 16px}.card.content{padding:18px}.card.feature{padding:16px;display:flex;flex-direction:column;gap:10px}.icon{font-size:22px}.cards-row{display:grid;gap:14px;grid-template-columns:1fr;margin-top:16px}.label{font-weight:800;margin:8px 0 6px;color:#0a1446}.input{width:100%;padding:14px 16px;border-radius:14px;background:#f9fbff;border:1px solid var(--line);color:var(--fg)}textarea.input{resize:vertical;min-height:116px}.result-box{background:#f4f8ff;border:1px dashed #cddfff;padding:12px;border-radius:14px}.muted{color:var(--muted)}.page-title{font-size:var(--fs-h2);margin:8px 0 12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;white-space:pre-wrap;word-break:break-all;font-size:13px}.error{color:#b42318;font-weight:700}.info-grid{display:grid;gap:12px;grid-template-columns:1fr}.prof-card{padding:16px;text-align:center}.qr-box{display:grid;gap:14px;grid-template-columns:1fr}.qr-img{width:200px;height:200px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.site-footer{margin-top:40px;padding:22px 0 calc(22px + env(safe-area-inset-bottom,0));color:#4e5f80;border-top:1px solid var(--line)}@media(min-width:880px){.only-mobile{display:none}.only-desktop{display:flex}.hero{padding:40px 0 16px}.hero-inner{gap:28px}.hero-image img:not(.hero-logo){height:300px;width:460px}.cards-row{grid-template-columns:repeat(4,1fr)}.info-grid{grid-template-columns:360px 1fr}.qr-box{grid-template-columns:220px 1fr;align-items:start}}.stack-2{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:880px){.stack-2{grid-template-columns:1fr 1fr}}.only-desktop{display:none!important}.only-mobile{display:inline-flex!important}@media(min-width:880px){.only-desktop{display:flex!important}.only-mobile{display:none!important}}.about-hero h1,.hero h1{font-size:clamp(22px,6.5vw,28px);line-height:1.18;letter-spacing:-.2px;margin-bottom:12px}.about-hero p,.section-intro{font-size:15.5px;line-height:1.6;letter-spacing:0;color:var(--ink-2, #2b3758)}.card-grid{display:flex;flex-direction:column;gap:16px}.about .stack-2{grid-template-columns:1fr!important;gap:16px!important}@media(min-width:880px){.about .stack-2{grid-template-columns:1fr!important}}.section-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#0a1f4d}.card ul{margin:0;padding-left:20px}.card li{margin:6px 0;line-height:1.5;color:#1a1f3f}.prof-block{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffffa6;border:1px solid rgba(25,62,150,.08);border-radius:14px}.prof-photo{width:120px;height:150px;border-radius:14px;object-fit:cover;background:#e9f0ff;border:1px solid rgba(25,62,150,.12);box-shadow:0 6px 16px #1e3c7826;margin:0 auto 8px;display:block}.prof-meta{display:flex;flex-direction:column}.prof-meta .label{font-size:12px;color:#3b5bab;opacity:.9}.prof-meta .name{font-weight:700;color:#1a2b69;letter-spacing:-.2px}.container,.container-narrow{padding-left:16px;padding-right:16px}.file-field{display:block;width:100%}.file-field input[type=file]{appearance:none;-webkit-appearance:none;width:100%;max-width:100%;display:block;font-family:inherit;font-size:15px;color:#0a1f4d;border:1px solid rgba(30,70,160,.15);border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#f8fbff,#eef4ff);box-shadow:0 3px 8px #1e46a00f;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.file-field input[type=file]:hover{border-color:#1e46a04d;background:linear-gradient(180deg,#f4f8ff,#e3ecff);box-shadow:0 0 0 3px #3578f614}.file-field input[type=file]::file-selector-button{font-family:inherit;font-size:14px;padding:8px 14px;margin-right:10px;color:#fff;background:linear-gradient(180deg,#3578f6,#2463eb);border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.file-field input[type=file]::file-selector-button:hover{background:linear-gradient(180deg,#4d8fff,#2f6ef5)}@media(max-width:720px){.hero-inner{flex-direction:column;gap:18px;text-align:center}.hero-image{justify-content:center}.hero-text .muted{margin:0 auto}}.input-file{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.upload-field{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.file-trigger{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:linear-gradient(180deg,#3578f6,#2463eb);color:#fff;border:none;font-weight:700;box-shadow:0 8px 18px #2463eb40;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,background .2s ease}.file-trigger:active{transform:translateY(1px)}.file-trigger:hover{box-shadow:0 10px 22px #2463eb52}.file-name{flex:1;min-width:200px;background:#f2f6ff;border:1px solid rgba(30,70,160,.15);color:#0a1f4d;padding:10px 14px;border-radius:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .upload-field{width:100%}.select-wrap{position:relative;display:inline-block;width:100%}.select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 42px 12px 14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#f8fbff,#eef4ff);box-shadow:0 6px 14px #1e46a014 inset;color:var(--fg);font:inherit}.select:focus{outline:none;box-shadow:0 0 0 3px #3578f62e;border-color:#3578f659}.select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#174aa1;pointer-events:none;font-size:16px;opacity:.8}.eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1;color:#1b3a8a;opacity:.85}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hint{margin:4px 0 8px;font-size:13px}.btn-ghost.small{padding:8px 10px;font-size:13px;border-radius:10px}@media(max-width:600px){.prof-photo{width:100px;height:125px}}.about-grid{display:grid;gap:16px}.profile-card{text-align:center;padding:20px}.profile-photo-wrap{display:grid;place-items:center}.prof-photo-lg{width:min(68vw,280px);height:auto;aspect-ratio:5/7;object-fit:cover;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow)}.profile-title{margin:14px 0 4px;font-weight:800;color:#0a1446;letter-spacing:-.2px}.profile-name{margin:0;color:var(--muted)}.about-right,.two-col{display:grid;gap:14px}.nice-list{margin:6px 0 0;padding-left:18px}.nice-list li{margin:6px 0;line-height:1.55}.section-subtitle{margin:0 0 8px;font-size:17px;font-weight:800;color:#0a1f4d}.about .section-title,.about .section-subtitle{color:#0d2c8f}.about strong{color:#0d2c8f;font-weight:800}@media(min-width:1100px){.about-grid{grid-template-columns:380px 1fr;align-items:start}.desktop-sticky{position:sticky;top:84px}.prof-photo-lg{width:320px;aspect-ratio:4/5;border-radius:26px}.profile-card{padding:26px}.about-right{gap:16px}.two-col{grid-template-columns:1fr 1fr;gap:16px}.half-card,.lab-card{padding:20px}}.about-grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:980px){.about-grid{grid-template-columns:420px 1fr}.desktop-sticky{position:sticky;top:92px}}.profile-photo-wrap{padding:8px;border-radius:22px;background:linear-gradient(180deg,#fff,#f5f8ff);border:1px solid var(--line)}.prof-photo-lg{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;border:1px solid var(--line);box-shadow:0 16px 28px #1e3c781f}.profile-title{margin:14px 0 6px;font-weight:800;color:#0a1446;text-align:center}.profile-name{margin:0 0 6px;color:#3a4a78;text-align:center}.contact-list{display:grid;gap:10px;margin-top:10px}.contact-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#f4f8ff;border:1px solid rgba(30,70,160,.12);text-decoration:none;color:inherit;transition:background .2s ease}.contact-item:hover{background:#eef5ff}.ci-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e6efff;border:1px solid rgba(30,70,160,.15);font-size:18px;flex-shrink:0}.ci-body{display:flex;flex-direction:column;line-height:1.3;text-align:left}.ci-label{font-size:12px;color:#3b5bab;text-align:left;margin-bottom:2px}.ci-text{font-weight:600;color:#0b1c3d;text-align:left}.hero-image .hero-logo{object-fit:contain!important;height:auto!important;width:auto;max-width:min(520px,100%);max-height:340px;background:#fff;padding:16px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}@media(min-width:880px){.hero-image .hero-logo{max-width:460px;max-height:300px}}.hero.hero--center{padding:36px 0 18px;text-align:center}.hero-title{font-size:clamp(22px,3.2vw,32px);line-height:1.15;margin:4px 0 8px;letter-spacing:-.3px;color:#0a1446;font-weight:800}.hero-sub{max-width:780px;margin:0 auto 14px}.hero-actions{display:inline-flex;gap:10px}.card-grid-4{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:680px){.card-grid-4{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.card-grid-4{grid-template-columns:repeat(4,1fr)}}.feature{min-height:260px}.feature-head{display:flex;align-items:center;gap:10px}.feature-head .icon{font-size:26px}.feature-body{margin-top:8px;color:var(--muted)}.feature-foot{margin-top:auto}.feature-foot .btn{width:72px;justify-content:center}.feature p{line-height:1.55}.site-header+.hero.hero--center{padding-top:28px}.cards-row{align-items:stretch}.card.feature{display:flex;flex-direction:column}.card.feature h3{font-size:18px;line-height:1.3;margin:6px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.card.feature p{color:var(--muted);margin-top:6px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:6.2em}.card.feature .btn{margin-top:auto;align-self:flex-start}.card.feature .icon{font-size:26px}.card.feature{padding:14px 14px 16px;gap:8px}.card.feature h3{margin:4px 0 2px;font-size:17px}.card.feature p{margin-top:4px;line-height:1.45;-webkit-line-clamp:3;min-height:4.35em}.card.feature .btn{margin-top:10px;align-self:flex-start;padding:10px 14px;font-size:15px;border-radius:12px}.cards-row{align-items:start;row-gap:14px}@media(max-width:720px){.card.feature{padding:12px 12px 14px}.card.feature p{-webkit-line-clamp:2;min-height:2.9em}.card.feature .btn{margin-top:8px}}.feature-compact{display:flex;flex-direction:column;gap:10px;padding:14px;min-height:0}.feature-emoji{font-size:22px;line-height:1}.feature-title{font-weight:800;line-height:1.15;font-size:clamp(16px,.8vw + 14px,20px);letter-spacing:-.2px;white-space:nowrap}.nowrap{white-space:nowrap}.feature-desc{margin:0;line-height:1.45;color:var(--muted);font-size:clamp(14px,.35vw + 13px,15.5px)}.feature-cta{margin-top:8px}@media(max-width:740px){.feature-compact{padding:12px;gap:8px}.feature-title{font-size:clamp(16px,4.2vw,18px)}.feature-desc{font-size:clamp(14px,3.8vw,15px);line-height:1.45}.feature-emoji{font-size:20px}}.cards-row>.feature-compact{display:flex}.feature-head{display:flex;align-items:center;gap:10px;margin:2px 0}.feature-emoji{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transform:translateY(1px)}.feature-title{display:inline-flex;align-items:center;font-weight:800;line-height:1.15;font-size:clamp(16px,.8vw + 14px,20px);letter-spacing:-.2px;white-space:nowrap}@media(max-width:740px){.feature-emoji{width:22px;height:22px;font-size:20px;transform:translateY(1px)}.feature-title{font-size:clamp(16px,4.2vw,18px)}}