:root{--navy:#071d34;--navy2:#173d60;--ink:#172536;--muted:#66798d;--line:#cfd8e1;--silver:#edf1f5;--paper:#fff;--shadow:0 24px 70px -48px rgba(7,29,52,.58)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0,#fff 0,#f4f7f9 31%,#e8edf2 100%);color:var(--ink);font-family:"Pretendard",Arial,sans-serif}.hub-topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.hub-topbar-inner{width:min(1240px,calc(100% - 36px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.hub-brand{display:flex;align-items:center;gap:13px;color:var(--navy);text-decoration:none}.hub-brand img{width:46px;height:46px;border:1px solid #b7c2cd;border-radius:14px}.hub-brand span{display:grid;gap:3px}.hub-brand small{color:#71849a;font:800 8px "Lexend",sans-serif;letter-spacing:1.7px}.hub-brand b{font-size:15px}.top-actions{display:flex;gap:8px}.top-actions a{display:grid;place-items:center;min-height:40px;padding:0 16px;border:1px solid #b8c5d1;border-radius:999px;background:#fff;color:var(--navy);text-decoration:none;font-size:12px;font-weight:850}.top-actions .primary{border-color:var(--navy);background:var(--navy);color:#fff}.hub-shell{width:min(1240px,calc(100% - 36px));margin:auto;padding:48px 0 80px}.hub-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.hero-copy,.today-board{border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.hero-copy{padding:44px}.eyebrow{color:#60778e;font:800 10px "Lexend",sans-serif;letter-spacing:2px}.hero-copy h1{margin:20px 0 15px;color:var(--navy);font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-3px}.hero-copy h1 span{display:block;margin-top:10px;color:#718396;font-size:.45em;letter-spacing:-1px}.hero-copy p{max-width:720px;margin:0;color:#52697d;font-size:17px;line-height:1.7}.hero-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-stats span{padding:9px 12px;border:1px solid #c5d0d9;border-radius:999px;background:#f7f9fb;color:#34516a;font:800 10px "Lexend",sans-serif}.today-board{padding:32px;background:linear-gradient(145deg,#091f37,#173e60);color:#fff}.today-board small{color:#aebdcb;font:800 9px "Lexend",sans-serif;letter-spacing:1.8px}.today-board h2{margin:16px 0 20px;font-size:29px;line-height:1.2}.today-list{display:grid;gap:8px}.today-list a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-size:12px;font-weight:750}.today-list b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff;color:var(--navy);font:800 9px "Lexend",sans-serif}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:32px 0 14px}.section-head small{color:#718599;font:800 9px "Lexend",sans-serif;letter-spacing:1.6px}.section-head h2{margin:5px 0 0;color:var(--navy);font-size:29px}.section-head p{margin:0;color:#64798c;font-size:12px}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.material-card{position:relative;display:flex;min-height:210px;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:.18s ease}.material-card:hover{transform:translateY(-3px);border-color:#8ea2b4}.material-card .card-no{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--silver);color:var(--navy);font:900 10px "Lexend",sans-serif}.material-card small{margin-top:20px;color:#718599;font:800 8px "Lexend",sans-serif;letter-spacing:1.3px}.material-card h3{margin:7px 0;color:var(--navy);font-size:19px}.material-card p{margin:0;color:#607589;font-size:12px;line-height:1.55}.material-card .card-link{margin-top:auto;padding-top:17px;color:#234d72;font-size:11px;font-weight:900}.phase-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.phase-card{display:flex;min-height:238px;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;color:inherit;text-decoration:none}.phase-top{display:flex;align-items:center;justify-content:space-between}.phase-top b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--navy);color:#fff;font:900 10px "Lexend",sans-serif}.phase-top span{color:#718499;font:800 8px "Lexend",sans-serif}.phase-card small{margin-top:20px;color:#73879a;font:800 8px "Lexend",sans-serif;letter-spacing:1.2px}.phase-card h3{margin:7px 0;color:var(--navy);font-size:18px}.phase-card p{margin:0;color:#62778a;font-size:11px;line-height:1.5}.phase-actions{display:grid;gap:6px;margin-top:auto;padding-top:17px}.phase-actions span{padding:8px;border:1px solid #d5dde4;border-radius:10px;background:#f7f9fb;color:#3e5a73;font-size:10px;font-weight:800}.workflow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.workflow-step{min-height:128px;padding:22px;border-right:1px solid var(--line)}.workflow-step:last-child{border-right:0}.workflow-step b{color:#61778c;font:900 9px "Lexend",sans-serif}.workflow-step h3{margin:9px 0 6px;color:var(--navy);font-size:16px}.workflow-step p{margin:0;color:#62778a;font-size:11px;line-height:1.5}.hub-note{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:28px;padding:25px;border-radius:22px;background:var(--navy);color:#e4ebf1}.hub-note h3{margin:0 0 6px;color:#fff;font-size:21px}.hub-note p{margin:0;font-size:12px;line-height:1.55}.hub-note a{padding:13px 17px;border-radius:12px;background:#fff;color:var(--navy);text-decoration:none;font-size:11px;font-weight:900}@media(max-width:1020px){.material-grid{grid-template-columns:repeat(2,1fr)}.phase-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr}.workflow-step{min-height:0;border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:760px){.hub-hero{grid-template-columns:1fr}.hub-shell{width:calc(100% - 22px);padding-top:18px}.hub-topbar-inner{width:calc(100% - 22px)}.hero-copy{padding:28px 22px}.material-grid,.phase-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.top-actions a:first-child{display:none}.hub-note{grid-template-columns:1fr}}