*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{text-rendering:optimizespeed;min-height:100vh}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--primary-1:#cef17b;--primary-1-light:#cef17b1a;--black:#000;--white:#fff;--gray-1:#1a1a1a;--gray-2:#a09f9f;--gray-3:#d8d7d7;--gray-4:#f2f2f2;--gray-5:#f9f9f9;--gray-6:#949494;--placeholder:#ccc;--helper:#999;--error:#ff4d4d;--success:#4caf50;--border-default:#e0e0e0;--border-light:#f5efea;--border-divider:#f5f5f5;--selected-bg:#e5dcd2;--overlay-bg:#00000080;--bg-gradient:linear-gradient(180deg, #fffdf8 0%, #fff 100%);--font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--transition-fast:.15s ease;--transition-normal:.25s ease;--safe-area-top:env(safe-area-inset-top);--safe-area-bottom:env(safe-area-inset-bottom);--safe-area-left:env(safe-area-inset-left);--safe-area-right:env(safe-area-inset-right)}html,body{font-family:var(--font-family);color:var(--black);-webkit-font-smoothing:antialiased;background-color:#e5e5e5;font-size:16px;line-height:1.5}body{justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}#root{width:100%;max-width:390px}.mobile-frame{background:var(--bg-gradient);border-radius:40px;width:390px;min-height:844px;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000026}.screen{background:var(--bg-gradient);width:100%;min-height:844px;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);flex-direction:column;display:flex;position:relative}.screen-content{flex:1;padding:0 20px 100px;overflow-y:auto}.screen-content.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.header{align-items:center;min-height:56px;padding:16px 20px;display:flex}.header-back{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.header-back svg{width:24px;height:24px}.header-title{text-align:center;flex:1;margin-right:40px;font-size:18px;font-weight:600}.progress-container{margin-bottom:20px;padding:0 20px}.progress-bar{background:var(--gray-4);border-radius:100px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--primary-1);height:100%;transition:width var(--transition-normal);border-radius:100px}.progress-text{color:var(--gray-2);text-align:right;margin-top:8px;font-size:12px}.question-title{color:var(--gray-1);letter-spacing:-.3172px;margin-bottom:40px;font-size:28px;font-weight:700;line-height:42px}.page-title{color:var(--gray-1);margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.4}.text-secondary{color:var(--gray-2);font-size:15px;font-weight:400;line-height:1.5}.helper-text{color:var(--helper);margin-top:12px;font-size:13px;font-weight:400}.step-badge{color:var(--black);background:var(--primary-1);border-radius:100px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.border-input{border:none;border-bottom:2px solid var(--border-default);width:100%;font-family:var(--font-family);color:var(--black);transition:border-color var(--transition-fast);background:0 0;outline:none;padding:8px 0;font-size:24px;font-weight:500}.border-input:focus{border-bottom-color:var(--black)}.border-input::placeholder{color:var(--placeholder);font-weight:500}.border-input.large{font-size:28px;font-weight:700}.box-input-group{gap:12px;display:flex}.box-input{background:var(--white);border:.97px solid var(--border-default);font-family:var(--font-family);color:var(--black);text-align:center;transition:border-color var(--transition-fast);border-radius:8px;outline:none;padding:16px;font-size:16px;font-weight:500}.box-input:focus{border-color:var(--black)}.box-input::placeholder{color:var(--placeholder)}.box-input.year{width:120px}.box-input.month,.box-input.day{width:80px}.selection-list{flex-direction:column;display:flex}.selection-item{border-bottom:2px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.selection-item:last-child{border-bottom:none}.selection-item .text{color:var(--placeholder);transition:all var(--transition-fast);font-size:28px;font-weight:500}.selection-item.selected .text{color:var(--black);font-weight:700}.selection-item.selected{border-bottom-color:var(--black)}.selection-item .check-icon{width:34px;height:34px}.selection-item .check-icon svg{stroke:var(--border-default);transition:stroke var(--transition-fast)}.selection-item.selected .check-icon svg{stroke:var(--black)}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--white);border:.602px solid var(--border-default);color:var(--gray-1);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;align-items:center;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--gray-2)}.chip.selected{border-color:var(--black);background:var(--gray-5)}.search-section{margin-top:32px}.search-label{color:var(--black);margin-bottom:16px;font-size:16px;font-weight:500}.search-input-wrapper{position:relative}.search-input{border:none;border-bottom:2px solid var(--border-default);width:100%;font-family:var(--font-family);color:var(--black);transition:border-color var(--transition-fast);background:0 0;outline:none;padding:8px 40px 8px 0;font-size:20px;font-weight:500}.search-input:focus{border-bottom-color:var(--black)}.search-input::placeholder{color:var(--placeholder)}.search-icon{color:var(--gray-2);position:absolute;top:50%;right:0;transform:translateY(-50%)}.search-results{max-height:280px;margin-top:16px;overflow-y:auto}.search-result-item{cursor:pointer;height:67px;transition:background var(--transition-fast);border-bottom:1px solid var(--border-divider);flex-direction:column;justify-content:center;padding:10px 20px;display:flex}.search-result-item:hover{background:var(--gray-5)}.search-result-item.selected{background:var(--selected-bg)}.search-result-item .main-text{color:var(--black);font-size:20px;font-weight:500}.search-result-item .sub-text{color:var(--gray-6);font-size:14px;font-weight:400}.interests-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.interests-counter{color:var(--helper);font-size:14px;font-weight:500}.interests-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.interest-chip{background:var(--white);border:2px solid var(--gray-3);height:60px;color:var(--black);cursor:pointer;transition:all var(--transition-fast);border-radius:16px;justify-content:center;align-items:center;padding:20px;font-size:15px;font-weight:500;display:flex}.interest-chip:hover{border-color:var(--gray-2)}.interest-chip.selected{border-color:var(--black);background:var(--primary-1-light)}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.photo-item{aspect-ratio:1;background:var(--gray-4);border:2px dashed var(--gray-3);cursor:pointer;transition:all var(--transition-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.photo-item:hover{border-color:var(--black);background:var(--gray-5)}.photo-item.filled{background:var(--gray-3);border:none}.photo-item svg{width:24px;height:24px;color:var(--gray-2)}.photo-item span{color:var(--gray-2);margin-top:4px;font-size:12px}.photo-emoji{font-size:32px}.border-textarea{border:none;border-bottom:2px solid var(--border-default);width:100%;min-height:140px;font-family:var(--font-family);color:var(--black);resize:none;transition:border-color var(--transition-fast);background:0 0;outline:none;padding:8px 0;font-size:20px;font-weight:500;line-height:28px}.border-textarea:focus{border-bottom-color:var(--black)}.border-textarea::placeholder{color:var(--placeholder)}.char-counter{text-align:right;color:var(--helper);margin-top:8px;font-size:13px}.char-counter.valid{color:var(--success)}.agreement-all{background:var(--gray-5);border-radius:12px;margin-bottom:24px;padding:20px}.agreement-item{cursor:pointer;align-items:center;padding:12px 0;display:flex}.agreement-checkbox{border:2px solid var(--gray-3);width:24px;min-width:24px;height:24px;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;margin-right:12px;display:flex}.agreement-checkbox.checked{border-color:var(--black);background:var(--black)}.agreement-checkbox.checked svg{stroke:var(--white)}.agreement-text{color:var(--black);flex:1;font-size:15px;font-weight:500}.agreement-all .agreement-text{font-size:16px;font-weight:600}.agreement-badge{color:var(--gray-2);margin-left:4px;font-size:13px;font-weight:400}.agreement-arrow{color:var(--gray-3)}.bottom-fixed{background:linear-gradient(#fffdf800 0%,#fffdf8 30%);padding:20px 20px 34px;position:absolute;bottom:0;left:0;right:0}.btn-primary{width:100%;height:56px;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:4px;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.btn-primary.active{background:var(--black);color:var(--white)}.btn-primary.inactive{background:var(--white);color:var(--helper);border:1px solid var(--border-default);cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--black);border:1px solid var(--gray-3);cursor:pointer;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:600}.select-dropdown{background:var(--white);border:1px solid var(--border-default);width:100%;font-family:var(--font-family);color:var(--black);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23A09F9F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:16px;font-size:16px;font-weight:500}.select-dropdown:focus{border-color:var(--black)}.card-option-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.card-option{background:var(--white);border:2px solid var(--gray-3);cursor:pointer;transition:all var(--transition-fast);text-align:center;border-radius:16px;padding:20px}.card-option:hover{border-color:var(--gray-2)}.card-option.selected{border-color:var(--black);background:var(--primary-1-light)}.card-option-icon{margin-bottom:8px;font-size:28px}.card-option-title{color:var(--black);font-size:16px;font-weight:600}.card-option-desc{color:var(--gray-2);margin-top:4px;font-size:13px}.notice-box{background:var(--gray-5);border-radius:12px;margin-top:20px;padding:16px}.notice-box p{color:var(--gray-1);font-size:13px;line-height:1.6}.complete-icon{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:24px;font-size:60px;display:flex}.complete-title{color:var(--gray-1);margin-bottom:12px;font-size:22px;font-weight:700}.complete-desc{color:var(--gray-2);margin-bottom:32px;font-size:15px;font-weight:400;line-height:1.6}.complete-info-box{background:var(--gray-5);text-align:left;border-radius:12px;width:100%;padding:20px}.complete-info-box h4{color:var(--gray-1);margin-bottom:12px;font-size:15px;font-weight:600}.complete-info-box li{color:var(--gray-1);margin-bottom:8px;font-size:14px;line-height:1.5}.onboarding-slide{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.onboarding-image{background:var(--gray-4);border-radius:24px;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:40px;font-size:80px;display:flex}.onboarding-dots{gap:8px;margin-top:40px;display:flex}.onboarding-dot{background:var(--gray-3);width:8px;height:8px;transition:all var(--transition-fast);border-radius:50%}.onboarding-dot.active{background:var(--primary-1);border-radius:100px;width:24px}.degree-button-group{gap:8px;display:flex}.degree-button{border:2px solid var(--gray-3);background:var(--white);cursor:pointer;transition:all var(--transition-fast);border-radius:8px;flex:1;padding:16px;font-size:15px;font-weight:600}.degree-button.selected{border-color:var(--black);background:var(--primary-1-light)}.modal-overlay{background:var(--overlay-bg);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);text-align:center;border-radius:20px;width:320px;padding:32px 24px}.modal-icon{margin-bottom:16px;font-size:80px}.modal-title{margin-bottom:8px;font-size:22px;font-weight:700}.modal-description{color:var(--gray-2);margin-bottom:24px;font-size:15px}.modal-button{background:var(--black);width:100%;height:56px;color:var(--white);cursor:pointer;border:none;border-radius:4px;font-size:16px;font-weight:600}.header-spacer{width:40px}.pre-line{white-space:pre-line}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-12{margin-top:12px}.mt-24{margin-top:24px}.flex-between{justify-content:space-between;align-items:center;display:flex}.section-label{color:var(--gray-1);margin-bottom:12px;font-size:14px;font-weight:500}.section-label-bold{margin-bottom:12px;font-size:14px;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeIn}.slide-up{animation:.4s forwards slideUp}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}body.landing-mode{background:#fff;padding:0;display:block}body.landing-mode #root{width:100%;max-width:none}.monthly-landing-root{overflow-x:hidden}.monthly-landing-root .rv,.monthly-landing-root .rv-l,.monthly-landing-root .rv-r{opacity:1;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:none}.monthly-landing-root .rv.in,.monthly-landing-root .rv-l.in,.monthly-landing-root .rv-r.in{opacity:1;transform:none}@keyframes monthly-float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.monthly-landing-root .float-y{animation:5.5s ease-in-out infinite monthly-float-y}@keyframes monthly-mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.monthly-landing-root .mq-track{width:max-content;animation:30s linear infinite monthly-mq;display:flex}.monthly-landing-root .hover-lift{cursor:pointer;transition:transform .2s,box-shadow .2s}.monthly-landing-root .hover-lift:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0000001a}.monthly-landing-root .btn-t{transition:background .15s,transform .15s,color .15s,border-color .15s}.monthly-landing-root .btn-t:hover{transform:translateY(-1px)}
@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.3s forwards fadeIn}.slide-up{animation:.4s forwards slideUp}.slide-down{animation:.4s forwards slideDown}.slide-in-right{animation:.3s forwards slideInRight}.slide-in-left{animation:.3s forwards slideInLeft}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}