:root{--ink:#101927;--blue:#1d4ed8;--electric:#b9f227;--mist:#eef3f7;--line:#cad4de;--white:#fbfdff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"Pretendard","Noto Sans KR",Arial,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:82px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(251,253,255,.94)}
.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;letter-spacing:.05em}.brand b{font-weight:900}.wave-mark{width:40px;height:30px;display:flex;align-items:center;justify-content:center;gap:3px}.wave-mark i{display:block;width:5px;height:20px;border-radius:99px;background:var(--blue);transform:rotate(30deg)}.wave-mark i:nth-child(2){height:30px;background:var(--electric)}.wave-mark i:nth-child(3){height:14px}
nav{display:flex;gap:34px;font-size:13px;font-weight:700}.header-actions{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:700}.outline-btn{border:1px solid var(--ink);padding:11px 18px}
.hero{min-height:calc(100vh - 138px);padding:clamp(70px,8vw,118px) clamp(24px,6vw,96px) 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;opacity:.42;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 0%,black 45%,black 100%)}
.hero-copy,.concept-board{position:relative;z-index:1}.eyebrow{font:800 11px/1 Arial,sans-serif;letter-spacing:.2em}.eyebrow span{display:inline-grid;place-items:center;background:var(--electric);width:30px;height:30px;margin-right:10px;letter-spacing:0}
h1{margin:24px 0;font-size:clamp(48px,5.8vw,84px);line-height:1.08;letter-spacing:-.065em;font-weight:900}h1 em{font-style:normal;color:var(--blue);position:relative}h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:4px;background:var(--electric)}
.lead{font-size:clamp(16px,1.4vw,20px);line-height:1.8;color:#4d5b6b}.hero-actions{margin-top:38px;display:flex;align-items:center;gap:28px}.primary-btn{background:var(--ink);color:white;padding:16px 22px;font-size:14px;font-weight:800}.primary-btn span{color:var(--electric);margin-left:20px}.login-link{font-size:14px;font-weight:800}.login-link span{color:var(--blue);margin-left:6px}
.concept-board{height:540px;background:#0d1725;color:white;border:1px solid #24364c;box-shadow:22px 24px 0 var(--electric);overflow:hidden}.concept-board:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#3d5067 1px,transparent 1px);background-size:20px 20px;opacity:.5}.board-top{height:52px;border-bottom:1px solid #324156;display:flex;align-items:center;padding:0 22px;font-size:10px;letter-spacing:.14em;position:relative;z-index:2}.board-top b{margin:auto;font-size:13px}.board-top i{font-style:normal;color:var(--electric)}
.orbit{position:absolute;border:1px solid #53647a;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-12deg)}.orbit-one{width:410px;height:210px}.orbit-two{width:220px;height:410px;transform:translate(-50%,-50%) rotate(40deg)}.orbit span{position:absolute;background:var(--blue);padding:7px 10px;font:700 12px monospace;left:10%;top:13%}.orbit-two span{left:60%;top:82%;background:var(--electric);color:var(--ink)}
.core{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;background:var(--white);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(185,242,39,.12)}.core small{font:800 11px monospace;color:var(--blue)}.core strong{font-size:36px;letter-spacing:-.07em}.core span{font-size:10px;color:#667080;margin-top:4px}
.metric{position:absolute;border-left:2px solid var(--electric);padding-left:10px;display:grid;gap:4px}.metric small{font-size:10px;color:#91a0b3}.metric b{font:700 12px monospace}.metric-a{left:24px;bottom:28px}.metric-b{right:24px;top:80px}.formula{position:absolute;right:26px;bottom:28px;font:italic 18px Georgia,serif;color:#b6c4d6}
.ticker{min-height:56px;background:var(--blue);color:white;display:flex;align-items:center;justify-content:center;gap:4vw;padding:14px 24px;font-size:13px;font-weight:800;letter-spacing:.08em}.ticker i{color:var(--electric);font-style:normal;font-size:8px}
.subject-grid{grid-template-columns:1.15fr .85fr}
.section-shell{padding:120px clamp(24px,6vw,96px)}.section-number{font:800 11px/1 Arial,sans-serif;letter-spacing:.2em;color:var(--blue);margin:0 0 24px}.section-heading h2,.subjects h2,.section-title-row h2,.record h2,.access h2,.contact-band h2{margin:0;font-size:clamp(38px,4.5vw,65px);line-height:1.15;letter-spacing:-.06em}.section-heading h2 em{font-style:normal;color:var(--blue)}.approach{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;background:#f7f9fb}.section-heading>p:last-child{margin-top:32px;max-width:560px;color:#5b6877;line-height:1.85}
.logic-stack{border-top:1px solid var(--ink)}.logic-stack article{display:grid;grid-template-columns:42px 1fr 60px;gap:18px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.logic-stack article>span{font:700 11px monospace;color:var(--blue)}.logic-stack small{font:700 9px monospace;letter-spacing:.15em;color:#7a8795}.logic-stack h3{font-size:20px;margin:5px 0}.logic-stack p{margin:0;color:#667383;font-size:13px;line-height:1.6}.logic-stack article>b{width:56px;height:56px;border-radius:50%;background:var(--mist);display:grid;place-items:center;font-size:13px}.logic-stack article:nth-child(2)>b{background:var(--electric)}.logic-stack article:nth-child(3)>b{background:var(--blue);color:white}
.subjects{background:var(--ink);color:white}.section-number.light{color:var(--electric)}.subjects-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.subject-grid article{padding:32px;position:relative;overflow:hidden}.math-card{background:var(--white);color:var(--ink)}.science-card{background:var(--blue)}.subject-index{font:700 10px monospace;letter-spacing:.15em;opacity:.7}.subject-visual{height:220px;position:relative;margin:15px 0 25px;overflow:hidden}.math-visual{background-image:linear-gradient(#cbd6df 1px,transparent 1px),linear-gradient(90deg,#cbd6df 1px,transparent 1px);background-size:28px 28px}.math-visual span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:italic 62px Georgia,serif;color:var(--blue);z-index:2}.math-visual i{position:absolute;left:20%;right:15%;top:53%;height:2px;background:var(--blue);transform:rotate(-20deg)}.math-visual i:nth-of-type(2){transform:rotate(34deg);background:var(--electric);height:5px}.math-visual i:nth-of-type(3){left:48%;right:auto;top:15%;bottom:12%;height:auto;width:2px;transform:none;background:var(--ink)}.science-visual{background:radial-gradient(circle at center,rgba(185,242,39,.14),transparent 48%)}.science-visual span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85px;height:85px;background:var(--electric);color:var(--ink);border-radius:50%;display:grid;place-items:center;font:italic 45px Georgia,serif;z-index:2}.science-visual i{position:absolute;left:15%;right:15%;top:50%;height:120px;border:1px solid rgba(255,255,255,.6);border-radius:50%;transform:translateY(-50%) rotate(15deg)}.science-visual i:nth-of-type(2){transform:translateY(-50%) rotate(75deg)}.science-visual i:nth-of-type(3){transform:translateY(-50%) rotate(135deg)}.subject-grid h3{font-size:31px;margin:0 0 12px}.subject-grid article>p{max-width:460px;line-height:1.75;opacity:.74}.subject-grid ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:18px 0 0;margin:0;border-top:1px solid currentColor}.subject-grid li{font-size:11px;border:1px solid currentColor;padding:7px 10px;opacity:.8}
.routine{background:var(--mist)}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-title-row>p{max-width:370px;color:#5d6a78;line-height:1.8}.routine-list{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:60px 0 0;border-top:2px solid var(--ink)}.routine-list li{padding:25px 18px 30px;border-right:1px solid var(--line)}.routine-list li:last-child{border:0}.routine-list li>span{font:700 11px monospace;color:var(--blue)}.routine-list div{display:grid;gap:8px;margin-top:45px}.routine-list b{font-size:17px}.routine-list small{color:#73808d;line-height:1.5}.routine-list li:nth-child(4){background:var(--electric)}
.record{background:var(--blue);color:white;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.record-copy>p:not(.section-number){color:#cbd9ff;line-height:1.8;max-width:520px}.record-points{display:grid;gap:12px;margin-top:30px}.record-points span{font-size:13px}.record-points i{font-style:normal;color:var(--electric);margin-right:10px}.dashboard-card{background:var(--white);color:var(--ink);padding:28px;box-shadow:14px 16px 0 var(--electric)}.dash-head{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.mini-mark{display:flex;align-items:center;gap:2px}.mini-mark i{width:4px;height:16px;background:var(--blue);transform:rotate(25deg)}.mini-mark i:nth-child(2){height:23px;background:var(--electric)}.dash-head>span{margin-left:auto;font-size:11px;color:#768493}.dash-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0}.dash-summary>div{display:grid;gap:7px;border-right:1px solid var(--line);padding-left:18px}.dash-summary>div:first-child{padding-left:0}.dash-summary>div:last-child{border:0}.dash-summary small{color:#7c8995}.dash-summary b{font:700 24px monospace}.dash-summary em{font:500 11px sans-serif;font-style:normal;margin-left:2px}.dash-entry{display:flex;align-items:center;gap:18px;background:var(--mist);padding:16px}.dash-entry>span{font-size:10px;color:var(--blue);font-weight:800}.dash-entry div{display:grid;gap:4px}.dash-entry small{color:#7c8792}.dash-entry i{margin-left:auto;background:var(--electric);font-style:normal;font-size:10px;padding:6px 8px}.photo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.photo-row>div{height:82px;background:repeating-linear-gradient(-20deg,#e8edf1 0,#e8edf1 5px,#f5f7f9 5px,#f5f7f9 10px);display:flex;align-items:end;padding:9px}.photo-row span{background:var(--ink);color:white;font-size:9px;padding:5px}
.access{text-align:center;background:#f7f9fb}.access>p:not(.section-number){color:#617080;line-height:1.8}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:50px auto 0;text-align:left}.access-grid a{border:1px solid var(--line);background:white;padding:32px;transition:.2s}.access-grid a:hover{transform:translateY(-4px);border-color:var(--blue)}.access-grid a:last-child{background:var(--ink);color:white}.access-grid span{font:700 10px monospace;letter-spacing:.16em;color:var(--blue)}.access-grid a:last-child span{color:var(--electric)}.access-grid h3{font-size:25px;margin:20px 0 10px}.access-grid p{font-size:13px;opacity:.65}.access-grid b{display:block;margin-top:30px;font-size:13px}
.contact-band{background:var(--electric);padding:75px clamp(24px,6vw,96px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.contact-band small{font:800 10px monospace;letter-spacing:.16em}.contact-band>div:last-child{max-width:420px}.contact-band p{line-height:1.8}.contact-band span{display:inline-block;margin-top:12px;border:1px solid var(--ink);padding:13px 18px;font-size:12px;font-weight:800}footer{background:#09111c;color:white;padding:48px clamp(24px,6vw,96px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px}footer .brand{grid-row:span 2}footer p{margin:0;color:#8f9cab;font-size:12px}footer>small{color:#5f6d7c;font-size:9px}
.not-found{min-height:100vh;padding:clamp(60px,10vw,140px) clamp(24px,8vw,120px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px}.not-found h1{max-width:900px}.not-found>p:not(.eyebrow){margin:0 0 32px;color:#4d5b6b;font-size:18px}
@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.concept-board{height:470px}.hero-grid{mask-image:none}.ticker{flex-wrap:wrap}}
@media(max-width:900px){.section-shell{padding:82px 28px}.approach,.record{grid-template-columns:1fr}.subject-grid{grid-template-columns:1fr}.routine-list{grid-template-columns:1fr;border-left:2px solid var(--ink);border-top:0}.routine-list li{display:grid;grid-template-columns:40px 1fr;border-right:0;border-bottom:1px solid var(--line)}.routine-list div{margin-top:0}.contact-band{grid-template-columns:1fr}.record-copy{max-width:680px}}
@media(max-width:560px){.site-header{height:72px;padding:0 18px}.header-actions>a:first-child{display:none}.outline-btn{padding:9px 11px}.hero{padding:54px 20px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.concept-board{height:390px;box-shadow:10px 12px 0 var(--electric)}.orbit-one{width:310px;height:150px}.orbit-two{width:160px;height:310px}.core{width:130px;height:130px}.core strong{font-size:29px}.metric-b{display:none}.ticker{justify-content:flex-start;gap:12px}.ticker i{display:none}.section-title-row{align-items:flex-start;flex-direction:column}.routine-list li{padding:22px 12px}.dashboard-card{padding:18px}.dash-summary b{font-size:18px}.photo-row{grid-template-columns:1fr}.access-grid{grid-template-columns:1fr}.contact-band{padding:60px 24px}footer{grid-template-columns:1fr}footer .brand{grid-row:auto;margin-bottom:18px}}