body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:TTLaundryGothicB;font-style:normal;font-weight:700;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2403-2@1.0/TTLaundryGothicB.woff2) format("woff2")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#fdf6ff,#f0e6ff 50%,#fce4ec);font-family:TTLaundryGothicB,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh}.wrapper{min-height:130vh}.wrapper,.wrapper-question{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding-top:30px}.wrapper-question{min-height:50vh}.wrapper-body{min-height:70vh;padding-top:30px}.container,.wrapper-body{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;flex-direction:column;margin:20px auto;max-width:600px;padding:50px 20px 20px;text-align:center;width:100%}@media (min-width:768px){.container{padding:30px}}header{background:linear-gradient(135deg,#ffd6ff,#e8b4f8,#c9a0dc);font-size:14px;line-height:1.4;padding:12px 16px;position:-webkit-sticky;position:sticky;text-shadow:1px 1px 3px #00000026;top:0;z-index:100}footer,header{box-sizing:border-box;left:0;text-align:center;width:100%}footer{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;font-size:12px;line-height:1.6;margin-top:10px;padding:16px 20px;position:relative}.coupang-notice{color:#888;font-size:11px}.questionbutton{align-items:center;display:flex;justify-content:center}h2{margin-top:0;padding-top:10px}.app-container{display:flex;flex-direction:column;margin-bottom:70px;min-height:100vh}.content{flex:1 1;margin-top:10px}@keyframes dyongEffect{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dyong-container{animation:dyongEffect .5s ease-in-out 3;display:inline-block;text-align:center}.youtube-responsive{border-radius:8px;height:0;margin:16px auto;max-width:560px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.youtube-responsive iframe{height:100%;left:0;position:absolute;top:0;width:100%}.hero-image{height:auto}.hero-image,.result-image{border-radius:8px;max-width:80%;width:200px}.result-image{height:200px;object-fit:contain}.landing-facts{margin:12px 0 20px;padding:20px 16px;text-align:center}.landing-facts-title{color:#999;font-size:14px;letter-spacing:1px;margin-bottom:8px}.landing-facts-stat{color:#333;font-size:20px;font-weight:700;margin:8px 0}.stat-highlight{color:#ff4757;font-size:28px}.landing-facts-desc{color:#555;font-size:15px;line-height:1.7;margin:12px 0 16px}.landing-facts-question{color:#7c3aed;font-size:17px;font-weight:700;margin:0}.coupang-banner{margin:16px auto;max-width:400px;width:100%}.coupang-banner a{color:inherit;text-decoration:none}.coupang-banner-placeholder{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:12px;box-shadow:0 2px 8px #ff6b354d;color:#fff;font-size:15px;font-weight:700;padding:16px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.coupang-banner-placeholder:hover{box-shadow:0 4px 12px #ff6b3566;transform:translateY(-2px)}.coupang-banner-placeholder p{margin:0}.coupang-section{margin:20px auto;max-width:400px;width:100%}.coupang-hook{color:#222;font-size:18px;font-weight:700;line-height:1.4;margin-bottom:2px}.coupang-sub{color:#888;font-size:13px;margin-bottom:10px;margin-top:0}.coupang-card{background:#fafafa;border:1px solid #eee;border-radius:14px;box-shadow:0 2px 10px #0000000f;padding:16px;text-align:center}.coupang-iframe-wrap{display:flex;justify-content:center;margin-bottom:12px}@keyframes ctaPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.coupang-link{animation:ctaPulse 2s ease-in-out infinite;border-radius:12px;color:#fff;display:block;font-size:16px;font-weight:700;letter-spacing:.5px;padding:14px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s}.coupang-link:hover{animation:none;transform:translateY(-2px)}.coupang-link--orange{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 4px 14px #ff6b3566}.coupang-link--orange:hover{box-shadow:0 6px 18px #ff6b3580}.coupang-link--green{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 4px 14px #2ecc7166}.coupang-link--green:hover{box-shadow:0 6px 18px #2ecc7180}@media (max-width:380px){.container{border-radius:12px;margin-left:8px;margin-right:8px;padding:30px 12px 12px}header{font-size:12px;padding:8px 12px}.hero-image{width:160px}.result-image{height:160px;width:160px}.coupang-banner-placeholder{font-size:13px;padding:12px 16px}}button{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;background:none;border:none;box-shadow:3px 3px 0 #da4a0780;color:inherit;cursor:pointer;display:block;float:left;font-family:TTLaundryGothicB,sans-serif;margin:1em;max-width:250px;min-width:150px;padding:1em 2em;position:relative;vertical-align:middle;z-index:1}button:focus{outline:none}button:active{box-shadow:1px 1px 0 #da4a0780;transform:scale(.96)}button>span{vertical-align:middle}.button--ujarak{overflow:hidden;position:relative;transition:border-color .4s,color .4s;z-index:0}.button--ujarak:after{background:#37474f;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:all .4s cubic-bezier(.2,1,.3,1);width:100%;z-index:-1}.button--ujarak.button--round-s:before{border-radius:15px}.button--ujarak.button--inverted:before{background:#7986cb}.button--ujarak,.button--ujarak:before{transition-timing-function:cubic-bezier(.2,1,.3,1)}.button--ujarak:hover{border-color:#37474f;color:#fff}.button--ujarak:hover:after{transform:translateX(0)}.button--ujarak.button--inverted:hover{border-color:#fff;color:#37474f}.button--border-medium{border:3px solid}.button--round-s{border-radius:15px}.button--text-thick{font-weight:600}.fourth{align-self:center;-webkit-appearance:none;appearance:none;background-color:initial;background-image:linear-gradient(45deg,#f1c40f 50%,#0000 0);background-position:100%;background-size:400%;border:3px solid #f1c40f;border-radius:4em;box-shadow:0 3px 8px #0000001f;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-family:TTLaundryGothicB,sans-serif;font-size:1rem;font-weight:700;line-height:1;margin:20px;padding:1.2em 2.8em;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .3s ease-in-out}.fourth:hover{background-position:0}.fourth:active{box-shadow:0 1px 3px #00000026;transform:scale(.96)}.progress-bar{background-color:#f3f3f3;border-radius:8px;margin-bottom:20px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#ffd6ff,#c9a0dc,#a855f7);border-radius:8px;height:14px;transition:width .4s ease;width:0}
/*# sourceMappingURL=main.61034d99.css.map*/