:root{color-scheme:dark;--bg:#080d17;--panel:#111a28;--ink:#f5f5ef;--muted:#9faabb;--line:rgba(225,239,248,.16);--mint:#b9f2de;--orange:#ff896d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans KR","DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:var(--mint);color:var(--bg)}.site-wrap{overflow:hidden}.skip-link{position:absolute;z-index:99;top:-100px;left:1rem;background:var(--mint);color:var(--bg);padding:.75rem}.skip-link:focus{top:1rem}
.site-header{height:96px;max-width:1480px;margin:auto;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font:800 22px/1 "Manrope",sans-serif;letter-spacing:-.07em}.brand-light{font-weight:400;margin-left:2px}.brand-symbol{display:grid;grid-template-columns:repeat(2,6px);gap:3px;transform:rotate(-12deg)}.brand-symbol span{width:6px;height:6px;background:var(--mint);border-radius:1px}.brand-symbol span:nth-child(2){background:var(--orange)}.brand-symbol span:nth-child(3){opacity:.48}.site-header nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--mint)}.site-header nav a:last-child{border:1px solid var(--line);padding:12px 16px;border-radius:100px}.site-header nav a:last-child span{margin-left:12px;color:var(--mint)}
.hero{max-width:1480px;min-height:710px;margin:auto;padding:102px 5.5% 35px;display:grid;grid-template-columns:1.12fr .88fr;position:relative}.hero-copy{position:relative;z-index:2;padding-top:18px}.eyebrow{display:flex;align-items:center;gap:11px;margin:0;color:var(--mint);font:700 10px/1.4 "Manrope",sans-serif;letter-spacing:.2em}.signal-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint)}h1,h2,h3,p{overflow-wrap:break-word}.hero h1,.section-heading h2,.donate-copy h2{font-weight:800;letter-spacing:-.075em}.hero h1{font-size:clamp(55px,6.2vw,102px);line-height:1.14;margin:29px 0 28px;word-break:keep-all}.hero h1 em{font-style:normal;color:var(--mint)}.period,.donate-copy h2 span{color:var(--orange)}.hero-description{max-width:520px;color:#b3becb;font-size:16px;line-height:1.95;word-break:keep-all}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{min-height:59px;display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:0 24px;border-radius:8px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font:500 22px "Manrope",sans-serif}.button-primary{background:var(--mint);color:#0a1820;box-shadow:0 12px 32px #b9f2de24}.button-primary:hover{box-shadow:0 15px 44px #b9f2de42}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid #8493a1;padding-bottom:5px}.text-link span{margin-left:8px;color:var(--mint)}.hero-bottom{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;margin-top:95px;padding-top:19px;border-top:1px solid var(--line);color:#7f8e9e;font:700 10px "Manrope",sans-serif;letter-spacing:.2em}
.hero-art{height:570px;position:relative;align-self:center;margin:-35px -9% 0 -13%;isolation:isolate}.art-grid{position:absolute;inset:3%;opacity:.23;background-image:linear-gradient(#70929d26 1px,transparent 1px),linear-gradient(90deg,#70929d26 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle,#000 20%,transparent 75%)}.orbit{position:absolute;border:1px solid rgba(185,242,222,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-outer{width:min(100%,550px);aspect-ratio:1;box-shadow:0 0 90px #b9f2de09,inset 0 0 80px #b9f2de08;animation:orbit-pulse 7s ease-in-out infinite}.orbit-middle{width:73%;aspect-ratio:1;border-style:dashed;border-color:#b9f2de55;animation:orbit-spin 42s linear infinite}.orbit-inner{width:49%;aspect-ratio:1;border-color:#b9f2de44}.art-glow{position:absolute;z-index:-1;inset:18%;border-radius:50%;background:radial-gradient(circle at 48% 45%,#9cdaca66 0,#6daebd25 28%,#1f426b0d 62%,transparent 76%);filter:blur(18px)}.art-core{position:absolute;width:35%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);display:grid;place-items:center;border-radius:43% 57% 50% 50%;background:linear-gradient(145deg,#c8fff0,#87b9bf 58%,#416681);box-shadow:inset 13px 16px 28px #fff8,inset -15px -18px 35px #14253b78,0 32px 100px #b9f2de57;animation:float 6s ease-in-out infinite}.art-core>span{font:800 clamp(70px,10vw,170px)/1 "Manrope",sans-serif;letter-spacing:-.17em;color:#09212a;text-shadow:0 1px 0 #ffffff50}.art-core .art-star{position:absolute;font-size:clamp(22px,2.5vw,38px);letter-spacing:0;top:12%;right:12%;color:#f0685d;text-shadow:none}.art-label{position:absolute;color:#a9c0c5;font:700 10px "Manrope",sans-serif;letter-spacing:.21em}.art-label-top{top:16%;left:6%}.art-label-bottom{bottom:15%;right:1%}.art-cross{position:absolute;color:var(--mint);font:400 22px "Manrope",sans-serif}.art-cross-one{right:9%;top:24%}.art-cross-two{left:16%;bottom:22%;font-size:14px}
.why-section{padding:114px max(5.5%,calc((100vw - 1318px)/2));background:#0d1420;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:5%;max-width:1318px;margin:auto}.section-heading h2{margin:24px 0 0;font-size:clamp(43px,5vw,72px);line-height:1.22;word-break:keep-all}.section-heading h2 span{color:var(--mint)}.section-heading>p{max-width:380px;margin:0 0 8px;color:#a9b7c6;font-size:15px;line-height:1.9;word-break:keep-all}.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1318px;margin:62px auto 0}.purpose-card{min-height:275px;position:relative;padding:29px 31px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,#182333,#111b29);transition:transform .25s,border-color .25s}.purpose-card:hover{transform:translateY(-5px);border-color:#b9f2de88}.card-number{font:700 11px "Manrope",sans-serif;color:#7d91a2;letter-spacing:.15em}.card-icon{position:absolute;top:17px;right:28px;color:var(--mint);font:400 40px "Manrope",sans-serif}.purpose-card h3{margin:85px 0 13px;font-size:22px;letter-spacing:-.05em}.purpose-card p{max-width:310px;margin:0;color:#a6b3c0;font-size:13px;line-height:1.8;word-break:keep-all}
.donate-section{padding:120px 5.5% 135px;background:var(--bg)}.donate-panel{max-width:1318px;min-height:545px;position:relative;overflow:hidden;margin:auto;padding:78px 7.4%;background:#d9ece3;color:#112028;border-radius:18px}.donate-panel:before{content:"";position:absolute;right:-14%;top:-42%;width:60%;aspect-ratio:1;border-radius:50%;border:1px solid #142b2833;box-shadow:0 0 0 45px #accfc437,0 0 0 100px #accfc426,0 0 0 170px #accfc41e}.donate-copy{position:relative;z-index:2;max-width:610px}.donate-copy .eyebrow{color:#497268}.donate-copy h2{font-size:clamp(45px,5.1vw,75px);line-height:1.21;margin:23px 0;word-break:keep-all}.donate-copy>p:not(.eyebrow){max-width:445px;color:#49615e;line-height:1.8;font-size:14px;word-break:keep-all}.button-dark{margin-top:22px;background:#101e25;color:#f7faf4;min-width:min(100%,320px)}.button-dark:hover{background:#213842;box-shadow:0 13px 30px #102b2a38}.button-dark.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.button-dark.is-disabled:hover{transform:none;box-shadow:none}.donate-copy .donate-note{margin:15px 0 0;font-size:12px;color:#627873}.donate-stamp{position:absolute;top:64px;right:8%;z-index:2;border:1px solid #183c3861;border-radius:50%;width:120px;height:120px;display:grid;place-content:center;text-align:center;transform:rotate(13deg);font:800 14px/1.06 "Manrope",sans-serif;letter-spacing:.06em}.donate-stamp span{color:#f47762;font-size:28px}.donate-decoration{position:absolute;width:34%;aspect-ratio:1;right:8%;bottom:-20%;transform:rotate(-18deg)}.donate-decoration span{position:absolute;inset:0;border:1px solid #20504852;border-radius:45% 55% 54% 46%}.donate-decoration span:nth-child(2){inset:18%}.donate-decoration span:nth-child(3){inset:36%}
.site-footer{max-width:1480px;min-height:135px;margin:auto;padding:28px 5.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#8191a0;font:500 12px "DM Sans","Noto Sans KR",sans-serif}.footer-brand{color:var(--ink);font:800 17px "Manrope",sans-serif;letter-spacing:-.05em}.footer-brand span{color:var(--mint);margin-left:5px}.site-footer p{margin:0}
@keyframes float{50%{transform:translate(-50%,-53%) rotate(-6deg)}}@keyframes orbit-pulse{50%{box-shadow:0 0 120px #b9f2de19,inset 0 0 100px #b9f2de0d}}@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:1050px){.hero{min-height:620px;padding-top:80px}.hero-art{height:450px}.hero h1{font-size:clamp(52px,6vw,80px)}.donate-panel:before{right:-25%}}@media(max-width:760px){.site-header{height:72px}.site-header nav{gap:0}.site-header nav a:first-child{display:none}.brand{font-size:19px}.hero{display:block;min-height:auto;padding-top:63px}.hero h1{font-size:clamp(46px,10vw,76px);margin-top:25px}.hero-description{font-size:14px}.hero-art{height:min(90vw,480px);margin:24px -7% -12px}.art-label-top{left:2%}.art-label-bottom{right:0}.hero-bottom{margin-top:30px}.section-heading{display:block}.section-heading>p{margin:27px 0 0}.why-section{padding-top:82px;padding-bottom:80px}.purpose-grid{grid-template-columns:1fr;margin-top:42px}.purpose-card{min-height:210px}.purpose-card h3{margin-top:52px}.donate-section{padding-top:78px;padding-bottom:85px}.donate-panel{padding:60px 7%;min-height:520px}.donate-panel:before{width:95%;top:auto;bottom:-65%;right:-24%}.donate-stamp{top:35px;right:7%;width:82px;height:82px;font-size:10px}.donate-stamp span{font-size:20px}.donate-decoration{width:60%;right:-6%;bottom:-22%}.site-footer{min-height:155px;flex-wrap:wrap}.site-footer p{order:3;flex-basis:100%}}@media(max-width:450px){.site-header nav a:last-child{font-size:11px;padding:9px 10px}.site-header nav a:last-child span{margin-left:4px}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.hero h1{font-size:46px}.hero-art{height:350px}.art-core{width:38%}.art-label{font-size:8px}.section-heading h2,.donate-copy h2{font-size:43px}.donate-stamp{opacity:.65}.donate-copy h2{margin-top:56px}.button-dark{width:100%;gap:15px}.site-footer{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}