body *,body *:before,body *:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;margin:0;padding-left:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.15}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}iframe,video{width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}em{font-style:normal}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}*:focus{outline:0}*:focus-visible{box-shadow:0 0 0 1px var(--green-900);border-radius:var(--rounded-xs)}@font-face{font-family:titleFont;src:url(/assets/Maplestory_Light-D1cZXjj6.ttf) format("truetype");font-weight:300;font-size:normal}@font-face{font-family:titleFont;src:url(/assets/Maplestory_Bold-CikNHvkm.ttf) format("truetype");font-weight:700;font-size:normal}@font-face{font-family:contextFont;src:url(/assets/BMHANNA_11yrs_ttf-BHjjMg1U.ttf) format("truetype");font-weight:400;font-size:normal}:root{--color-white: #ffffff;--color-blue: #365fff;--color-pink: #ec4899;--color-purple: #9333ea;--color-lightpink: #f9a8d4;--text-xxs: 9px;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 15px;--text-2xl: 16px;--text-3xl: 18px;--text-4xl: 28px;--text-5xl: 32px;--text-6xl: 40px}body{background:linear-gradient(145deg,#fff0f8,#f4eeff,#fdfdff);color:#4a0033;line-height:1.5}h1{text-align:center;padding-block:40px;font-size:120px;color:#f5f5f5;background:linear-gradient(135deg,#ffd6e8,#d9c2ff)}@media (max-width: 640px){h1{padding-block:20px;font-size:60px}}h1 span{color:#d6eaff}nav{position:sticky;top:0;z-index:1;display:flex;justify-content:center;padding-block:20px;background-color:#f5f5f5;border-radius:0 0 1.5rem 1.5rem;box-shadow:0 4px 8px #0000001a}nav ul{display:grid;grid-template-columns:repeat(6,1fr);justify-content:space-between;max-width:1200px;text-align:center}@media (max-width: 640px){nav ul{grid-template-columns:repeat(3,1fr);gap:10px}}nav ul li{cursor:pointer}.bold{font-weight:700}.main-container{margin:40px auto 200px;width:80%;max-width:1200px}section,button{padding:2rem;margin-bottom:2rem;width:100%;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:1.5rem;box-shadow:0 4px 30px #0000001a}section h2,button h2{margin-block:20px}section img,button img{width:50%}button{font-weight:700;font-size:20px;color:#4a0033;transition:all .3s ease}button:hover{transform:scale(1.02);cursor:pointer}.about-project div{display:flex}@media (max-width: 640px){.about-project div{flex-direction:column}}.about-project div p{align-self:center;flex:1;margin-left:20px}.about-project div img{width:200px}.mini-game div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}@media (max-width: 640px){.mini-game div{grid-template-columns:1fr}}.mini-game div section{display:flex;flex-direction:column;margin-block:20px 0;justify-items:center;align-items:center;text-align:center;transition:all .3s ease;transform:translateY(0);box-shadow:0 4px 12px #0000001a}.mini-game div section:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026;transition:all .6s ease}.mini-game div section img{width:30%}.mini-game div section h3{margin-block:20px}.about-member div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}@media (max-width: 640px){.about-member div{grid-template-columns:1fr}}@media (min-width: 1024px){.about-member div{grid-template-columns:1fr 1fr 1fr 1fr}}.about-member div .card{margin-bottom:0;justify-items:center;align-items:center;padding:1rem;transition:all .3s ease;transform:translateY(0);box-shadow:0 4px 12px #0000001a;perspective:1000px;height:300px}.about-member div .card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px #00000026;transition:all .6s ease}.about-member div .card .card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.about-member div .card .card-inner .card-t{background:url(/index_img/taewooPing.png) no-repeat center/contain;aspect-ratio:1}.about-member div .card .card-inner .card-j{background:url(/index_img/jaehyunPing.png) no-repeat center/contain;aspect-ratio:1}.about-member div .card .card-inner .card-s{background:url(/index_img/seohyunPing.png) no-repeat center/contain;aspect-ratio:1}.about-member div .card .card-inner .card-w{background:url(/index_img/siwonPing.png) no-repeat center/contain;aspect-ratio:1}.about-member div .card.flip .card-inner{transform:rotateY(180deg)}.about-member div .card-front,.about-member div .card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:1rem;margin-bottom:2rem;background:#ffffff40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);border-radius:1.5rem;box-shadow:0 4px 30px #0000001a;text-align:center}.about-member div .card-front img,.about-member div .card-back img{width:50%}.about-member div .card-back{transform:rotateY(180deg)}.coding-commit-convention div,.team-rules div,.project-details div{padding:20px}.coding-commit-convention div li,.team-rules div li,.project-details div li{margin-block:10px}.coding-commit-convention div pre,.team-rules div pre,.project-details div pre{padding:10px;background-color:#0000000d}.project-retrospective details{margin-block:20px 0;padding:20px;text-align:center;transition:all .3s ease;transform:translateY(0);box-shadow:0 4px 12px #0000001a}.project-retrospective details:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 24px #00000026;transition:all .6s ease}.project-retrospective details summary{font-weight:700}footer{text-align:center;padding-block:40px;color:#fff;background:linear-gradient(135deg,#ffd6e8,#d9c2ff);border-radius:1.5rem 1.5rem 0 0}