.App{min-height:100vh;display:flex;flex-direction:column}.Section{background-color:var(--color-bg)}.section-inner{min-height:10vh;padding:120px 1.5rem 80px;box-sizing:border-box;max-width:960px;margin:0 auto}.section-title{font-size:2.4rem;font-weight:700;text-align:left;margin:0 0 40px;letter-spacing:.02em;color:var(--color-text)}.project-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}.horizon-line{width:100%;text-align:center;border-bottom:1px solid var(--color-border-soft);line-height:.1em;margin:0}.horizon-line span{background:var(--color-bg);padding:0 10px}@media(max-width:1024px){.project-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.section-inner{min-height:auto;padding:96px 1.25rem 64px}.section-title{font-size:2rem;margin-bottom:28px}.project-cards-grid{grid-template-columns:1fr}}._intro-section_11ibg_1{background:linear-gradient(180deg,var(--color-bg-dark) 0%,var(--color-bg-dark) 70%,#ffffff 100%);color:#fff;min-height:150vh;display:flex;flex-direction:column;justify-content:flex-start;position:relative;box-sizing:border-box}._navbar_11ibg_24{width:100%;background-color:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;display:flex;justify-content:center;position:sticky;top:0;z-index:10}._navbar_11ibg_24 nav ul{list-style:none;margin:0;padding:0 1.5rem;display:flex;gap:2.4rem}._navbar_11ibg_24 nav li a{text-decoration:none;color:#a3a3a3;font-size:1.25rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:color .25s ease,opacity .25s ease}._navbar_11ibg_24 nav li a:hover{color:#fff;opacity:.9}._intro-content_11ibg_60{display:flex;flex-direction:column;padding-top:30vh;max-width:960px;width:100%;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}._intro-content_11ibg_60 h1{font-size:3.4rem;color:#fff;margin:0 0 1.2rem}._intro-content_11ibg_60 p{font-size:1.05rem;color:silver;line-height:1.7;max-width:560px;margin:0 0 2.4rem;word-break:keep-all}._cta-button_11ibg_91{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-strong));color:#fff;padding:.8rem 1.4rem;border-radius:999px;font-size:.95rem;font-weight:700;text-decoration:none;box-shadow:0 0 24px #6fb82880;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:fit-content}._cta-button_11ibg_91:hover{transform:translateY(-2px);box-shadow:0 0 34px #6fb828b3;opacity:.96}@media(max-width:768px){._intro-content_11ibg_60{padding-top:25vh;align-items:center;text-align:center}._intro-content_11ibg_60 h1{font-size:2.4rem}._intro-content_11ibg_60 p{margin-left:auto;margin-right:auto}._navbar_11ibg_24 nav ul{gap:1.4rem;font-size:.85rem}}._scroll-indicator_11ibg_139{position:absolute;top:92vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.8;z-index:5;animation:_bounce_11ibg_1 2s infinite;cursor:default}._scroll-text_11ibg_161{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;font-weight:500}._scroll-arrow_11ibg_170{width:12px;height:12px;border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;transform:rotate(45deg);margin-bottom:5px}@keyframes _bounce_11ibg_1{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}@media(max-width:768px){._scroll-indicator_11ibg_139{top:88vh}}._project-section_ccp8b_1{background-color:var(--color-bg)}._project-card_wtul9_1{display:block;width:100%;min-height:200px;background-color:#fff;border-radius:16px;box-shadow:var(--shadow-soft);text-decoration:none;color:var(--color-text);transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out;overflow:hidden;position:relative;border:1px solid var(--color-border-soft)}._project-card_wtul9_1:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172a2e;border-color:#6fb82866}._card-content_wtul9_23{padding:22px 24px 24px;display:flex;flex-direction:column;height:100%}._card-image_wtul9_30{max-width:100%;height:auto;border-radius:10px;margin-bottom:14px}._card-title_wtul9_37{font-size:1.15rem;margin:0 0 8px;color:var(--color-text);font-weight:600}._card-description_wtul9_44{font-size:.95rem;color:var(--color-text-sub);line-height:1.6;flex-grow:1}@media(max-width:768px){._card-content_wtul9_23{padding:18px 18px 20px}}._about-me-container_xwfvr_4{background-color:var(--color-bg);padding-bottom:0}._about-me-body_xwfvr_9{width:100%;max-width:100%;margin:0;color:var(--color-text-sub);font-size:1rem;line-height:1.8}._top-section_xwfvr_21{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}._title-area_xwfvr_30{display:flex;flex-direction:column;justify-content:flex-start;max-width:780px}._section-title_xwfvr_38{margin-top:0;line-height:1;margin-bottom:30px}._lead_xwfvr_45{font-size:1.35rem;font-weight:700;color:var(--color-text);margin:0}._lead_xwfvr_45 span{color:var(--color-accent-strong)}._img-area_xwfvr_57{flex-shrink:0;width:130px;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background-color:#eee;margin-top:5px}._img-area_xwfvr_57 img{width:100%;height:100%;object-fit:cover;display:block}._about-me-body_xwfvr_9 p{max-width:100%;margin:0 0 18px}._highlight_xwfvr_82{width:100%;margin-top:30px;padding:16px 18px;border-radius:12px;background-color:var(--color-accent-soft);color:var(--color-text);border:1px solid rgba(111,184,40,.25);box-sizing:border-box}@media(max-width:768px){._top-section_xwfvr_21{flex-direction:column;align-items:flex-start;margin-bottom:30px}._img-area_xwfvr_57{width:100px;align-self:flex-end;margin-top:-60px;margin-bottom:10px}}._tech-stack-container_1etgy_1{background-color:var(--color-bg)}._tech-list_1etgy_5{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:24px 32px}._tech-item_1etgy_12{display:inline-flex;flex-direction:row;align-items:center;gap:10px;font-size:1rem;color:var(--color-text);padding:10px 14px;border-radius:999px;border:1px solid var(--color-border-soft);background-color:#fff;box-shadow:0 4px 12px #0f172a08;cursor:default;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background-color .18s ease-out}._icon-wrapper_1etgy_29 svg{font-size:1.6rem;color:var(--color-accent-strong)}._tech-item_1etgy_12:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f;border-color:#6fb82866;background-color:var(--color-accent-soft)}@media(max-width:768px){._tech-list_1etgy_5{justify-content:flex-start}._tech-item_1etgy_12{font-size:.95rem}}._contact-me-container_15o6s_1{background-color:var(--color-bg)}._contact-list_15o6s_5{display:flex;flex-direction:column;gap:18px;margin-top:16px}._contact-item_15o6s_12{font-size:1rem;color:var(--color-text-sub)}._contact-type_15o6s_17{font-weight:600;margin-right:8px;color:var(--color-text);min-width:68px;display:inline-block}._contact-value_15o6s_25{color:var(--color-accent-strong);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .2s ease,border-color .2s ease}._contact-value_15o6s_25:hover{color:var(--color-accent);border-color:#6fb82899}@media(max-width:768px){._contact-item_15o6s_12{font-size:.95rem}}._footer_4drkl_1{background-color:var(--color-bg);padding:24px 16px 40px;text-align:center;font-size:.9rem;color:#888;border-top:1px solid var(--color-border-soft);margin-top:auto}._revealSection_il3gg_2{opacity:0;transform:translateY(100px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}._visible_il3gg_10{opacity:1;transform:translateY(0)}._backButton_3rlql_3{background:none;border:none;cursor:pointer;font-size:1rem;color:#555;margin-bottom:20px;font-family:inherit;padding:0}._backButton_3rlql_3:hover{color:#222;text-decoration:underline}._title_3rlql_24{font-size:2.5rem;margin-bottom:30px;color:var(--color-text)}._image_3rlql_30{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-soft);margin-bottom:40px}._content_3rlql_38{margin:40px 0;line-height:1.6;font-size:1.1rem;color:var(--color-text-sub)}._content_3rlql_38 h3{color:var(--color-text);margin-top:40px;margin-bottom:20px;font-size:1.5rem}._techStack_3rlql_53{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 16px;margin-top:10px}._techBadge_3rlql_62{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;color:var(--color-text);padding:8px 16px;border-radius:999px;border:1px solid var(--color-border-soft);background-color:#fff;box-shadow:0 4px 12px #0f172a08;cursor:default;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background-color .18s ease-out}._links_3rlql_87{margin-top:50px;text-align:center}._visitButton_3rlql_92{display:inline-block;padding:12px 30px;background-color:var(--color-accent);color:#fff;text-decoration:none;border-radius:999px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px #6fb8284d;transition:all .2s ease}._visitButton_3rlql_92:hover{background-color:var(--color-accent-strong);transform:translateY(-2px);box-shadow:0 6px 20px #6fb82866}@media(max-width:768px){._title_3rlql_24{font-size:2rem}._techBadge_3rlql_62{font-size:.9rem;padding:6px 14px}}._detailContainer_3rlql_19{max-width:800px;margin:0 auto}._header_3rlql_128{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;gap:10px}._title_3rlql_24{font-size:2.5rem;margin:0;color:var(--color-text)}._statusWrapper_3rlql_144{font-size:.9rem;font-weight:600}._statusLive_3rlql_148{color:var(--color-accent-strong);background:var(--color-accent-soft);padding:6px 12px;border-radius:20px}._statusEnd_3rlql_149{color:#666;background:#f0f0f0;padding:6px 12px;border-radius:20px}._statusDev_3rlql_150{color:#d97706;background:#fef3c7;padding:6px 12px;border-radius:20px}._infoGrid_3rlql_153{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;background-color:#fafafa;padding:24px;border-radius:12px;border:1px solid var(--color-border-soft)}._infoItem_3rlql_164{display:flex;flex-direction:column;gap:6px}._label_3rlql_170{font-size:.85rem;color:#888;font-weight:500}._value_3rlql_176{font-size:1.05rem;color:var(--color-text);font-weight:600}._divider_3rlql_183{height:1px;background-color:var(--color-border-soft);margin:30px 0}._links_3rlql_87{margin-top:50px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}._visitButton_3rlql_92{display:inline-flex;align-items:center;padding:12px 30px;background-color:var(--color-accent);color:#fff;text-decoration:none;border-radius:999px;font-weight:700;font-size:1rem;transition:all .2s ease}._visitButton_3rlql_92:hover{background-color:var(--color-accent-strong);transform:translateY(-2px)}._githubButton_3rlql_217{background-color:#333}._githubButton_3rlql_217:hover{background-color:#000}@media(max-width:768px){._infoGrid_3rlql_153{grid-template-columns:1fr;gap:24px}._header_3rlql_128{flex-direction:column;align-items:flex-start}}._featureList_3rlql_241{list-style:none;padding:0;margin:20px 0 40px}._featureList_3rlql_241 li{position:relative;padding-left:24px;margin-bottom:12px;color:var(--color-text-sub);font-size:1.05rem;line-height:1.6}._featureList_3rlql_241 li:before{content:"✔";position:absolute;left:0;color:var(--color-accent);font-weight:700}._learnedBox_3rlql_265{background-color:#f8f9fa;border-left:4px solid var(--color-accent);padding:20px;border-radius:0 8px 8px 0;margin-bottom:40px;color:#444;line-height:1.7}._techStack_3rlql_53{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 16px;margin-top:20px}._techBadge_3rlql_62{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;color:var(--color-text);padding:8px 16px;border-radius:999px;border:1px solid var(--color-border-soft);background-color:#fff;box-shadow:0 4px 12px #0f172a08;cursor:default;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background-color .18s ease-out}._techIcon_3rlql_301{display:flex;align-items:center;font-size:1.2rem;color:var(--color-accent-strong)}._techBadge_3rlql_62:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1f;border-color:#6fb82866;background-color:var(--color-accent-soft)}@font-face{font-family:GangwonEducationModuche;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFLightA.woff) format("woff");font-weight:300;font-display:swap}:root{--color-bg: #ffffff;--color-bg-dark: #000000;--color-text: #222222;--color-text-sub: #555555;--color-border-soft: #e5e7eb;--color-accent: #6fb828;--color-accent-soft: #e5f6d1;--color-accent-strong: #4c8f11;--shadow-soft: 0 8px 24px rgba(15, 23, 42, .08)}html{scroll-behavior:smooth}body{margin:0;font-family:GangwonEducationModuche;background-color:var(--color-bg);color:var(--color-text)}