@font-face{font-family:SUIT;font-weight:500;font-style:normal;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2) format("woff2")}@font-face{font-family:SUIT;font-weight:700;font-style:bold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2) format("woff2")}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f8f8ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.snap-scroll{scroll-behavior:smooth;overflow-y:auto;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{margin:0 auto;padding:2rem;text-align:center;color:#000}#qwerty-color{color:#7e92f6}.header{background-color:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 20px #0000001a;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 10vw;box-sizing:border-box}.header .logo{height:3rem;width:5vw;object-fit:contain}.header .nav{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.header .nav li a{font-family:SUIT;font-weight:500;font-size:100%;text-decoration:none;color:#000;padding:.5rem;display:inline-block}.nav-toggle{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.nav-toggle-btn{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;box-sizing:content-box}.nav-toggle-btn .hamburger,.nav-toggle-btn .hamburger:before,.nav-toggle-btn .hamburger:after{display:block;width:1.6rem;height:2px;background:#000;border-radius:2px;transition:transform .25s ease,opacity .25s ease;position:relative}.nav-toggle-btn .hamburger:before,.nav-toggle-btn .hamburger:after{content:"";position:absolute;left:0}.nav-toggle-btn .hamburger:before{top:-6px}.nav-toggle-btn .hamburger:after{top:6px}@media(max-width:1024px){.main-container{flex-direction:column;text-align:center;gap:2rem;width:90vw}.text-container{align-items:center;width:100%}.main-text{font-size:3.5vw}.sub-text{font-size:2vw}.card-container{width:60vw;left:0}}@media(max-width:568px){.header{padding:.75rem 5vw}.header .logo{height:2.2rem;width:auto}.header .nav{display:none;left:0;flex-direction:column;position:absolute;top:100%;background:#fffffff2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 6px 20px #00000014;padding:.75rem 1rem;border-radius:8px;gap:.5rem;min-width:100%;z-index:1100}.header .nav li a{padding:.5rem 0;display:block}.nav-toggle-btn{display:block}.nav-toggle:checked~.nav{display:flex}.main-container{width:95vw;padding-top:2rem}.main-text{font-size:6vw}.sub-text{font-size:3.5vw}.card-container{width:80vw;margin-top:2rem}}section{min-height:100vh;display:grid;place-items:center}.main-section{min-height:100vh;text-align:left}.main-container{display:flex;justify-content:space-between;width:70vw;margin:0 auto}.text-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:70%;width:100%}#qwerty-color .rise-letter{display:inline-block;opacity:0;transform:translateY(.6em);animation:rise .42s cubic-bezier(.2,.8,.2,1) forwards}@keyframes rise{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:translateY(0)}}.main-container{display:flex;align-items:center;justify-content:flex-start;gap:3rem;width:70vw;margin:0 auto}.main-text{font-size:4vw;font-weight:700;margin-bottom:1vh}.sub-text-container{display:flex;flex-direction:column;margin-top:1vh}.sub-text{font-size:2.5vw;font-weight:500;margin-bottom:2vh}.card-container{position:relative;width:40vw;aspect-ratio:3/2;left:-5vw}.card-container img{position:absolute;top:0;left:0;width:120%;height:100%;object-fit:cover}.card-container .card1{transform-origin:center center;opacity:0;will-change:transform,opacity;transform:translate(-150%,-50%) rotate(-45deg);margin-left:25%;animation:throw1 1.2s cubic-bezier(.4,0,.2,1) .5s forwards}.card-container .card2{transform-origin:center center;opacity:0;will-change:transform,opacity;transform:translate(150%,50%) rotate(60deg);margin-top:20%;animation:throw2 1.2s cubic-bezier(.4,0,.2,1) .8s forwards}@keyframes throw1{0%{transform:translate(-150%,-50%) rotate(-45deg);opacity:0}60%{opacity:1}to{transform:translate(0) rotate(-20deg);opacity:1}}@keyframes throw2{0%{transform:translate(150%,50%) rotate(60deg);opacity:0}60%{opacity:1}to{transform:translate(0) rotate(35deg);opacity:1}}.info-section{background:linear-gradient(135deg,#7e92f60d,#fffc);padding:6rem 10vw;min-height:50vh;display:flex;align-items:center;justify-content:center}.info-counter{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:1200px;gap:2rem}.info-text-container{text-align:center;flex:1;padding:2rem 1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #7e92f61a;border:1px solid rgba(126,146,246,.1);transition:transform .3s ease,box-shadow .3s ease}.info-text-container:hover{transform:translateY(-8px);box-shadow:0 16px 48px #7e92f626}.info-text{font-size:3rem;font-weight:700;color:#7e92f6;display:block;margin-bottom:.5rem;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.info-subtext{font-size:1.1rem;color:#4a4a4a;font-weight:500;display:block;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}@media(max-width:1024px){.info-section{padding:4rem 5vw}.info-counter{gap:1rem}.info-text-container{padding:1.5rem .8rem}.info-text{font-size:2.5rem}.info-subtext{font-size:1rem}}@media(max-width:768px){.info-counter{flex-direction:column;gap:1.5rem}.info-text-container{width:100%;max-width:300px;padding:1.5rem 1rem}.info-text{font-size:2.2rem}.info-subtext{font-size:.95rem}}.portfolio-container{padding:8rem 10vw 4rem;box-sizing:border-box;background:linear-gradient(180deg,#ffffff05,#0000)}.portfolio-title-section{font-size:3.5rem;font-weight:700;color:#2d2d2d;text-align:center;margin-bottom:4rem;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;position:relative}.portfolio-title-section:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#7e92f6,#5a6fd8);border-radius:2px}@media(max-width:768px){.portfolio-title-section{font-size:2.5rem;margin-bottom:3rem}.portfolio-title-section:after{width:60px;height:3px}}.portfolio-slider-wrap{overflow:hidden;position:relative}.portfolio-list{display:flex;gap:1.25rem;width:80vw;margin:0 auto;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:.5rem 0;box-sizing:border-box}.portfolio-list::-webkit-scrollbar{display:none}.portfolio-list{-ms-overflow-style:none;scrollbar-width:none}.portfolio-item{flex:0 0 calc((100% - 2 * 1.25rem) / 3);scroll-snap-align:start;min-width:260px;background:#fffc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px;padding:1.25rem;box-shadow:0 8px 30px #1018280f;transition:transform .22s cubic-bezier(.2,.9,.3,1),box-shadow .22s ease,opacity .22s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;border:1px solid rgba(0,0,0,.04);will-change:transform;opacity:1}.portfolio-item:hover,.portfolio-item:focus-within{transform:translateY(-8px) scale(1.01);box-shadow:0 18px 40px #1018281f}.portfolio-title{font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;font-weight:700;font-size:clamp(1rem,2.6vw,1.45rem);margin:0 0 .5rem;color:#4a4a4a;line-height:1.15;flex-shrink:0}.portfolio-description{font-size:clamp(.9rem,1.8vw,1.05rem);color:#0a0a0abf;margin:0 0 .75rem;flex-grow:1;overflow:hidden}@media(max-width:1024px){.portfolio-list{gap:1rem}.portfolio-item{flex:0 0 calc((100% - 1rem)/2)}.portfolio-container{padding-top:7rem}}@media(max-width:568px){.portfolio-list{gap:.9rem;padding:.5rem 0}.portfolio-item{flex:0 0 92%;max-width:92%;margin-left:4%;margin-right:4%;padding:1rem;border-radius:10px}.portfolio-container{padding:6.5rem 5vw 3rem}.portfolio-title{font-size:1.05rem}.portfolio-description{font-size:.95rem}}.use{display:inline-block;font-size:.85rem;color:#2f2f2f;background:#7e92f614;border-radius:999px;padding:.28rem .6rem;margin-top:.5rem}.user{font-size:.8rem;color:#0000008c;margin-top:.5rem;text-align:right}.portfolio-title .accent,.portfolio-item .accent{color:#7e92f6}@media(max-width:1024px){.portfolio-list{grid-template-columns:repeat(2,1fr)}.portfolio-container{padding-top:7rem}}@media(max-width:568px){.portfolio-list{grid-template-columns:1fr;gap:.9rem}.portfolio-container{padding:6.5rem 5vw 3rem}.portfolio-item{padding:1rem;border-radius:10px}.portfolio-title{font-size:1.05rem}.portfolio-description{font-size:.95rem}}.modal-toggle{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.modal{display:none;position:fixed;inset:0;z-index:1200;align-items:center;justify-content:center;padding:1.25rem;box-sizing:border-box;-webkit-overflow-scrolling:touch}.modal-toggle:checked~.modal{display:flex;touch-action:none}.modal-overlay{position:absolute;inset:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;z-index:1210;touch-action:auto}.modal-content{position:relative;z-index:1220;background:linear-gradient(180deg,#fffffffa,#fff);border-radius:12px;padding:2rem;width:min(820px,96%);max-width:820px;max-height:85vh;overflow:auto;box-shadow:0 18px 50px #1018282e;border:1px solid rgba(0,0,0,.06);box-sizing:border-box;animation:modal-pop .18s cubic-bezier(.2,.9,.3,1);-webkit-overflow-scrolling:touch}.modal-content h3{font-size:1.8rem;font-weight:700;color:#2d2d2d;margin:0 0 1rem;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.modal-description{font-size:1.1rem;color:#4a4a4a;margin:0 0 1rem;line-height:1.6;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.modal-use,.modal-user{font-size:1rem;color:#666;margin:.5rem 0;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.modal-links{margin-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap}.modal-links a{display:inline-block;padding:.8rem 1.5rem;background:linear-gradient(135deg,#7e92f6,#5a6fd8);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.9rem;transition:transform .3s ease,box-shadow .3s ease;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.modal-links a:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7e92f64d}.modal-close{top:12px;right:12px;position:absolute;display:inline-flex;align-items:center;justify-content:center;background:transparent;padding:.5rem .7rem;color:#333;cursor:pointer;border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 18px #1018280f}.modal-close img{width:3vw;height:3vw}@media(max-width:768px){.modal-content{width:min(720px,94%);max-height:86vh;padding:1rem;border-radius:12px}}@media(max-width:568px){.modal{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:100%;border-radius:12px 12px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0));max-height:calc(100vh - 56px);margin:0;box-shadow:0 -10px 40px #1018281f;animation:modal-slide-up .22s cubic-bezier(.2,.9,.3,1);border-left:0;border-right:0;border-bottom:0}.modal-close{top:8px;right:10px;padding:.6rem;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay{background:#0000006b}}@keyframes modal-pop{0%{transform:translateY(-6px) scale(.995);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.apply-section{background:linear-gradient(135deg,#7e92f614,#ffffffe6);padding:8rem 10vw;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.apply-title{font-size:3.5rem;font-weight:700;color:#2d2d2d;margin-bottom:3rem;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;position:relative}.apply-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#7e92f6,#5a6fd8);border-radius:2px}.apply-content{max-width:800px;width:100%}.apply-description{font-size:1.3rem;color:#4a4a4a;margin-bottom:3rem;line-height:1.6;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.apply-form{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;box-shadow:0 16px 48px #7e92f61a;border:1px solid rgba(126,146,246,.1)}.form-group{margin-bottom:2rem;text-align:left}.form-group label{display:block;font-size:1.1rem;font-weight:600;color:#2d2d2d;margin-bottom:.8rem;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid rgba(126,146,246,.2);border-radius:12px;font-size:1rem;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7e92f6;box-shadow:0 0 0 3px #7e92f61a}.form-group textarea{resize:vertical;min-height:120px}.apply-button{background:linear-gradient(135deg,#7e92f6,#5a6fd8);color:#fff;border:none;padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;width:100%}.apply-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #7e92f64d}.apply-button:active{transform:translateY(0)}@media(max-width:768px){.apply-section{padding:6rem 5vw;min-height:70vh}.apply-title{font-size:2.5rem;margin-bottom:2rem}.apply-title:after{width:60px;height:3px}.apply-description{font-size:1.1rem;margin-bottom:2rem}.apply-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:1rem}.apply-button{padding:1rem 2rem;font-size:1rem}}footer{color:#000;padding:3rem 10vw;text-align:center;margin-top:4rem}footer p{font-size:1rem;margin:0;font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;opacity:1}@media(max-width:768px){footer{padding:2rem 5vw;margin-top:2rem}footer p{font-size:.9rem}}.text{color:#000;font-family:SUIT,sans-serif}.logo{width:20vw;height:20vw;background-size:contain;background-repeat:no-repeat}.title{font-size:9vw;margin:0}.subtitle{font-size:3vw;margin-top:1vh}.loding-pages{position:absolute;top:0;left:0;width:100vw;height:100vh;border-radius:0;overflow:hidden;background:radial-gradient(circle at center,#7E92F6 10%,transparent 50%)}.loding-pages .under{width:10vh;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.loding-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;align-items:center}.loding-container .logo,.loding-container .text{opacity:0;display:none}@keyframes logoFadeIn{0%{opacity:0;transform:translate(-5vw)}to{opacity:1;transform:translate(0)}}@keyframes textFadeIn{0%{opacity:0;transform:translate(5vw)}to{opacity:1;transform:translate(0)}}.loding-container.logo-in .logo{display:block;animation:logoFadeIn 1.8s cubic-bezier(.4,0,.2,1) forwards}.loding-container.logo-in .text{display:flex;flex-direction:column;animation:textFadeIn 1.4s cubic-bezier(.4,0,.2,1) .3s forwards}