body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary:#f59e0b;--primary-hover:#d97706;--primary-bg-light:#f59e0b1a;--primary-shadow:#f59e0b4d;--primary-shadow-hover:#f59e0b66;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--background:#fff;--text-primary:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--sidebar-bg:#f9fafb;--sidebar-active:#f59e0b;--font-xs:10px;--font-sm:12px;--font-base:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:36px}.skin-g{--primary-color:#2e7d32;--primary-dark:#1b5e20;--accent-color:#81c784;--background-color:#f1f8e9;--surface-color:#fff;--text-primary:#2e2e2e;--text-secondary:#424242;--text-tertiary:#757575;--button-primary:#388e3c;--button-secondary:#e8f5e8;--section-header:#1b5e20;--primary:#2e7d32;--primary-hover:#1b5e20;--primary-bg-light:#2e7d321a;--primary-shadow:#2e7d324d;--primary-shadow-hover:#2e7d3266;--primary-rgb:46,125,50}.skin-g .shocking-stats{background:#2e7d32;color:#f1f8e9}.skin-g .shocking-stats .shocking-item{background:#f1f8e926}.skin-g .shocking-stats .shocking-item .shocking-number{color:#81c784}.skin-g .shocking-stats .data-source,.skin-g .shocking-stats .shocking-item .shocking-desc{color:#f1f8e9}.skin-m{--primary-color:#6b4e3d;--primary-dark:#3e2723;--accent-color:#a1887f;--background-color:#fffef7;--surface-color:#fff;--text-primary:#212121;--text-secondary:#424242;--text-tertiary:#757575;--button-primary:#5d4037;--button-secondary:#efebe9;--section-header:#3e2723;--primary:#6b4e3d;--primary-hover:#3e2723;--primary-bg-light:#6b4e3d1a;--primary-shadow:#6b4e3d4d;--primary-shadow-hover:#6b4e3d66;--primary-rgb:107,78,61}.skin-m .shocking-stats{background:#5d4037;color:#fffef7}.skin-m .shocking-stats .shocking-item{background:#fffef726}.skin-m .shocking-stats .shocking-item .shocking-number{color:#a1887f}.skin-m .shocking-stats .data-source,.skin-m .shocking-stats .shocking-item .shocking-desc{color:#fffef7}.skin-b{--primary-color:#1565c0;--primary-dark:#0d47a1;--accent-color:#42a5f5;--background-color:#fafafa;--surface-color:#fff;--text-primary:#263238;--text-secondary:#37474f;--text-tertiary:#546e7a;--button-primary:#1976d2;--button-secondary:#e3f2fd;--section-header:#0d47a1;--primary:#1565c0;--primary-hover:#0d47a1;--primary-bg-light:#1565c01a;--primary-shadow:#1565c04d;--primary-shadow-hover:#1565c066;--primary-rgb:21,101,192}.skin-b .shocking-stats{background:#1976d2;color:#fafafa}.skin-b .shocking-stats .shocking-item{background:#fafafa26}.skin-b .shocking-stats .shocking-item .shocking-number{color:#42a5f5}.skin-b .shocking-stats .data-source,.skin-b .shocking-stats .shocking-item .shocking-desc{color:#fafafa}.skin-r{--primary-color:#1565c0;--primary-dark:#0d47a1;--accent-color:#90caf9;--background-color:#fff;--surface-color:#fff;--text-primary:#212121;--text-secondary:#424242;--text-tertiary:#757575;--button-primary:#d32f2f;--button-secondary:#ffebee;--section-header:#0d47a1;--primary:#1565c0;--primary-hover:#b71c1c;--primary-bg-light:#d32f2f1a;--primary-shadow:#d32f2f4d;--primary-shadow-hover:#d32f2f66;--primary-rgb:211,47,47}.skin-r .shocking-stats{background:#d32f2f;color:#fff}.skin-r .shocking-stats .shocking-item{background:#ffffff26}.skin-r .shocking-stats .shocking-item .shocking-number{color:#90caf9}.skin-r .shocking-stats .data-source,.skin-r .shocking-stats .shocking-item .shocking-desc{color:#fff}.mockup-page{background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.mockup-page .container{margin:0 auto;max-width:400px;padding:0 16px}.mockup-page .hero-section{background:#f59e0b;background:var(--primary);color:#fff;padding:40px 0;position:relative;text-align:center}.mockup-page .hero-section .hero-title{font-size:22px;font-weight:700;line-height:1.3;margin-bottom:16px}.mockup-page .hero-section .hero-subtitle{font-size:14px;font-weight:400;margin-bottom:24px;opacity:.9}.mockup-page .hero-section .hero-stats{display:flex;flex-direction:column;gap:12px;margin:24px 0}.mockup-page .hero-section .hero-stats .stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;padding:16px}.mockup-page .hero-section .hero-stats .stat-item .stat-number{color:#fff;font-size:18px;font-weight:700;margin-bottom:4px}.mockup-page .hero-section .hero-stats .stat-item .stat-label{font-size:12px;margin-bottom:4px;opacity:.9}.mockup-page .hero-section .hero-stats .stat-item .stat-source{font-size:10px;opacity:.7}.mockup-page .section-title{color:#333;font-size:20px;font-weight:700;margin-bottom:16px;text-align:center}.mockup-page .section-subtitle{color:#666;font-size:14px;line-height:1.5;margin-bottom:24px;text-align:center}.mockup-page .highlight{color:#f59e0b;color:var(--primary);font-weight:600}.mockup-page .problem-section{background:#f8f9fa;padding:32px 0}.mockup-page .problem-section .shocking-stats{border-radius:12px;margin-bottom:24px;padding:24px;text-align:center}.mockup-page .problem-section .shocking-stats .shocking-title{font-size:16px;font-weight:700;margin-bottom:20px}.mockup-page .problem-section .shocking-stats .shocking-grid{display:flex;flex-direction:column;gap:16px;margin-top:20px}.mockup-page .problem-section .shocking-stats .shocking-grid .shocking-item{border-radius:8px;padding:16px}.mockup-page .problem-section .shocking-stats .shocking-grid .shocking-item .shocking-number{font-size:24px;font-weight:700;margin-bottom:8px}.mockup-page .problem-section .shocking-stats .shocking-grid .shocking-item .shocking-desc{font-size:12px;line-height:1.4}.mockup-page .problem-section .shocking-stats .data-source{font-size:10px;margin-top:16px;opacity:.8}.mockup-page .problem-section .problem-details{background:#fff;border-radius:12px;margin-top:16px;padding:24px}.mockup-page .problem-section .problem-details .problem-item{border-bottom:1px solid #e5e5e5;margin-bottom:24px;padding-bottom:20px}.mockup-page .problem-section .problem-details .problem-item:last-child{border-bottom:none;margin-bottom:0}.mockup-page .problem-section .problem-details .problem-item h3{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.mockup-page .problem-section .problem-details .problem-item p{color:#666;font-size:14px;line-height:1.6;margin-bottom:8px}.mockup-page .problem-section .problem-details .problem-item ul{list-style:none;margin-left:0}.mockup-page .problem-section .problem-details .problem-item ul li{color:#666;font-size:14px;line-height:1.6;margin-bottom:6px;padding-left:16px;position:relative}.mockup-page .problem-section .problem-details .problem-item ul li:before{color:#f59e0b;color:var(--primary);content:"•";left:0;position:absolute}.mockup-page .problem-section .problem-details .problem-item .source-citation{color:#999;font-size:10px;font-style:italic;margin-top:8px}.mockup-page .evidence-section,.mockup-page .government-section,.mockup-page .solution-section{display:none}.mockup-page .government-section{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color,#667eea) 0,var(--primary-dark,#764ba2) 100%);color:#fff;display:block!important;padding:80px 0;text-align:center}.mockup-page .government-section .government-content{margin:0 auto;max-width:900px}.mockup-page .government-section .government-highlight{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;margin:40px 0;padding:40px}.mockup-page .government-section .government-amount{color:#00b8a9;color:var(--accent-color,#00b8a9);font-size:4rem;font-weight:700;margin-bottom:10px}.mockup-page .government-section .government-subtitle{font-size:1.3rem;margin-bottom:20px}.mockup-page .government-section .government-description{font-size:1.1rem}.mockup-page .government-section .government-goal{font-size:1.2rem;opacity:.9}.mockup-page .market-evidence-section{background:#f8f9fa;background:var(--background-color,#f8f9fa);padding:100px 0}.mockup-page .market-evidence-section .evidence-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:70px}.mockup-page .market-evidence-section .evidence-card{background:#fff;background:var(--surface-color,#fff);border-radius:25px;border-top:6px solid #00b8a9;border-top:6px solid var(--accent-color,#00b8a9);box-shadow:0 15px 35px #0000001a;padding:40px;text-align:center;transition:transform .3s ease}.mockup-page .market-evidence-section .evidence-card:hover{transform:translateY(-5px)}.mockup-page .market-evidence-section .evidence-stat{color:#00b8a9;color:var(--accent-color,#00b8a9);font-size:3rem;font-weight:700;margin-bottom:15px}.mockup-page .market-evidence-section .evidence-title{color:#1a237e;color:var(--primary-color,#1a237e);font-size:1.3rem;font-weight:600;margin-bottom:15px}.mockup-page .market-evidence-section .evidence-description{color:#6b7280;color:var(--text-secondary,#666);font-size:1rem;line-height:1.6;margin-bottom:15px}.mockup-page .market-evidence-section .evidence-source{color:#999;color:var(--text-tertiary,#999);font-size:.85rem;font-style:italic}.mockup-page .market-evidence-section .warning-box{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-left:6px solid #fdcb6e;border-radius:20px;box-shadow:0 10px 25px #fdcb6e33;margin:40px 0;padding:30px}.mockup-page .solution-section{background:#fff;background:var(--surface-color,#fff);display:block!important;padding:100px 0}.mockup-page .solution-section .solution-intro{margin:0 auto 70px;max-width:800px;text-align:center}.mockup-page .solution-section .solution-intro p{color:#6b7280;color:var(--text-secondary,#666);font-size:1.2rem;line-height:1.8}.mockup-page .solution-section .solution-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:70px}.mockup-page .solution-section .solution-card{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color,#667eea) 0,var(--primary-dark,#764ba2) 100%);border-radius:25px;color:#fff;overflow:hidden;padding:45px;position:relative;text-align:center;transition:transform .3s ease}.mockup-page .solution-section .solution-card:hover{transform:translateY(-10px)}.mockup-page .solution-section .solution-card:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s;width:200%}.mockup-page .solution-section .solution-card:hover:before{animation:shine .6s ease-in-out}.mockup-page .solution-section .solution-icon{font-size:3.5rem;margin-bottom:25px}.mockup-page .solution-section .solution-title{font-size:1.6rem;font-weight:600;margin-bottom:20px}.mockup-page .solution-section .solution-description{font-size:1.1rem;line-height:1.6}.mockup-page .solution-section .success-box{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;border-left:6px solid #00b8a9;border-left:6px solid var(--accent-color,#00b8a9);border-radius:20px;box-shadow:0 10px 25px #00b8a933;margin:40px 0;padding:30px}.mockup-page .process-section{background:#fff;background:var(--surface-color,#fff);padding:100px 0}.mockup-page .process-section .process-steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:70px}.mockup-page .process-section .step{background:#f8f9fa;background:var(--background-color,#f8f9fa);border-radius:25px;box-shadow:0 10px 30px #0000001a;padding:40px;position:relative;text-align:center;transition:transform .3s ease}.mockup-page .process-section .step:hover{transform:translateY(-5px)}.mockup-page .process-section .step-number{align-items:center;background:#2962ff;background:var(--primary-color,#2962ff);border-radius:50%;color:#fff;display:flex;font-size:1.4rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 25px;width:60px}.mockup-page .process-section .step h3{color:#1a237e;color:var(--primary-color,#1a237e);font-size:1.4rem;margin-bottom:15px}.mockup-page .process-section .step p{color:#6b7280;color:var(--text-secondary,#666);line-height:1.6}.mockup-page .success-stories-section{background:#f8f9fa;background:var(--background-color,#f8f9fa);padding:100px 0}.mockup-page .success-stories-section .success-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:60px}.mockup-page .success-stories-section .success-card{background:#fff;background:var(--surface-color,#fff);border-left:6px solid #00b8a9;border-left:6px solid var(--accent-color,#00b8a9);border-radius:25px;box-shadow:0 15px 35px #0000001a;padding:40px}.mockup-page .success-stories-section .success-card h4{color:#1a237e;color:var(--primary-color,#1a237e);font-size:1.3rem;margin-bottom:20px}.mockup-page .success-stories-section .success-story{color:#6b7280;color:var(--text-secondary,#555);font-size:1.1rem;font-style:italic;line-height:1.7;margin-bottom:20px}.mockup-page .success-stories-section .success-author{color:#2962ff;color:var(--primary-color,#2962ff);font-weight:600}.mockup-page .cta-section{background:linear-gradient(135deg,#1a237e,#2962ff);background:linear-gradient(135deg,var(--primary-color,#1a237e) 0,var(--primary-dark,#2962ff) 100%);color:#fff;padding:100px 0;text-align:center}.mockup-page .cta-section .cta-title{font-size:2.8rem;margin-bottom:30px}.mockup-page .cta-section .cta-subtitle{font-size:1.3rem;margin:40px 0;opacity:.9}.mockup-page .cta-section .cta-benefits{font-size:1.1rem;margin-top:40px;opacity:.9}.mockup-page .highlight{background:linear-gradient(120deg,#00b8a9,#00b8a9);background:linear-gradient(120deg,var(--accent-color,#00b8a9) 0,var(--accent-color,#00b8a9) 100%);padding:0 3px}.mockup-page .source-tag{background:#e3f2fd;border-radius:8px;color:#1976d2;display:inline-block;font-size:.8rem;font-weight:500;margin-left:8px;padding:4px 8px}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.mockup-page .floating-cta{bottom:0!important;display:block!important;left:0!important;opacity:1!important;pointer-events:none!important;position:fixed!important;right:0!important;transition:all .3s ease!important;visibility:visible!important;width:100%!important;z-index:99999!important}.mockup-page .floating-cta.hidden{opacity:0!important;transform:translateY(100%)!important;visibility:hidden!important}.mockup-page .floating-cta.visible{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.mockup-page .floating-cta .floating-button{background:#f59e0b!important;background:var(--button-primary,var(--primary))!important;border:none!important;border-radius:0!important;box-shadow:0 -4px 16px #4b556333,0 -2px 8px #0000001a!important;color:#fff!important;cursor:pointer!important;display:block!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.02em!important;margin:0!important;max-width:100%!important;padding:20px 32px!important;pointer-events:auto!important;text-align:center!important;transition:background-color .3s ease,box-shadow .3s ease,filter .3s ease!important;width:100%!important}.mockup-page .floating-cta .floating-button:hover{background:#d97706!important;background:var(--primary-hover)!important;box-shadow:0 -6px 20px #4b55634d,0 -3px 12px #00000026!important;filter:brightness(1.05)!important}.mockup-page .floating-cta .floating-button:active{filter:brightness(.95)!important;transition:filter .1s ease!important}.mockup-page .floating-cta .floating-button:focus{box-shadow:0 12px 40px #4b556366,0 6px 20px #00000026,inset 0 1px 0 #ffffff4d,0 0 0 3px #ffffff80!important;box-shadow:0 16px 48px #4b556366,0 8px 24px #00000026,inset 0 1px 0 #ffffff4d,0 0 0 3px #ffffff80;outline:none!important;outline:none}.mockup-page .floating-cta .floating-button:active{transform:translateY(-1px) scale(1.01);transition:all .1s ease}.mockup-page .floating-cta .floating-button:after{content:"→";font-size:20px;font-weight:400;margin-left:8px;opacity:.8;transition:all .3s ease}.mockup-page .floating-cta .floating-button:hover:after{margin-left:12px;opacity:1}.mockup-page .final-cta-section,.mockup-page .problem-section{padding-bottom:100px}.mockup-page .testimonials{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000014;margin-top:40px;padding:32px}.mockup-page .testimonials .testimonial-title{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:32px;text-align:center}.mockup-page .testimonial{background:#f8f9fa;border-left:4px solid var(--primary-color);border-radius:16px;margin-bottom:20px;padding:24px;position:relative}.mockup-page .testimonial:before{color:var(--primary-color);content:'"';font-size:3rem;font-weight:700;left:16px;opacity:.3;position:absolute;top:-8px}.mockup-page .testimonial .testimonial-content{color:#6b7280;color:var(--text-secondary);font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:12px}.mockup-page .testimonial .testimonial-author{color:var(--text-tertiary);font-size:.875rem;font-style:normal;font-weight:500;text-align:right}.mockup-page .highlight{background:linear-gradient(120deg,var(--accent-color) 0,var(--accent-color) 100%);background-position:0 88%;background-repeat:no-repeat;background-size:100% .3em;padding:0 2px}.mockup-page .source-citation{color:var(--text-tertiary);font-size:.75rem;font-style:italic;line-height:1.3;margin-top:8px}@keyframes floatingBounce{0%{opacity:.8;transform:translateX(-50%) translateY(20px) scale(.95)}50%{transform:translateX(-50%) translateY(-8px) scale(1.02)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes floatingIdle{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-2px)}}.mockup-page .floating-cta.visible .floating-button{animation:floatingIdle 3s ease-in-out infinite;animation-delay:.6s}@media(max-width:768px){.mockup-page .final-cta-section,.mockup-page .government-section,.mockup-page .market-evidence-section,.mockup-page .process-section,.mockup-page .solution-section,.mockup-page .success-stories-section{padding:40px 0}.mockup-page .government-amount{font-size:2.8rem!important}.mockup-page .government-title{font-size:1.125rem!important}.mockup-page .cta-title{font-size:1.8rem!important;line-height:1.4!important}.mockup-page .cta-description{font-size:1.125rem!important}.mockup-page .evidence-grid,.mockup-page .process-steps,.mockup-page .solution-grid,.mockup-page .success-grid{gap:20px!important;grid-template-columns:1fr!important}.mockup-page .evidence-card,.mockup-page .solution-card,.mockup-page .step,.mockup-page .success-card{padding:24px!important}.mockup-page .solution-icon{font-size:2.5rem!important}.mockup-page .step-number{font-size:1.125rem!important;height:40px!important;width:40px!important}.mockup-page .testimonials{margin-top:32px!important;padding:24px!important}.mockup-page .testimonial{padding:20px!important}.mockup-page .testimonial:before{font-size:2.5rem!important;top:-6px!important}.mockup-page .success-box,.mockup-page .warning-box{margin:24px 0!important;padding:20px!important}.mockup-page .government-highlight{margin:24px 0!important;padding:24px!important}.mockup-page .cta-benefits{max-width:100%!important;text-align:center!important}}@media(max-width:480px){.mockup-page .container{padding:0 16px!important}.mockup-page .section-title{font-size:1.75rem!important;line-height:1.3!important}.mockup-page .section-subtitle{font-size:1rem!important}.mockup-page .government-amount{font-size:2.25rem!important}.mockup-page .evidence-stat{font-size:2rem!important}.mockup-page .evidence-card,.mockup-page .solution-card,.mockup-page .step,.mockup-page .success-card,.mockup-page .testimonials{padding:20px!important}.mockup-page .floating-cta .floating-button{border:3px solid #fff!important;border-radius:14px!important;font-size:16px!important;font-size:15px!important;max-width:85vw!important;max-width:80vw!important;padding:18px 28px!important;padding:16px 24px!important;width:280px!important;width:260px!important}}.floating-cta,body .floating-cta,body .mockup-page .container .floating-cta,body .mockup-page .floating-cta,div.floating-cta,html body .floating-cta,html body .mockup-page .container .floating-cta,html body .mockup-page .floating-cta{bottom:24px!important;box-sizing:border-box!important;display:block!important;left:50%!important;margin:0 0 0 -160px!important;max-width:calc(100vw - 32px)!important;padding:0!important;pointer-events:none!important;position:fixed!important;right:auto!important;top:auto!important;transform:none!important;width:320px!important;z-index:999999!important}.floating-cta.hidden,body .floating-cta.hidden,body .mockup-page .container .floating-cta.hidden,body .mockup-page .floating-cta.hidden,div.floating-cta.hidden,html body .floating-cta.hidden,html body .mockup-page .container .floating-cta.hidden,html body .mockup-page .floating-cta.hidden{bottom:-100px!important;opacity:0!important;visibility:hidden!important}.floating-cta.visible,body .floating-cta.visible,body .mockup-page .container .floating-cta.visible,body .mockup-page .floating-cta.visible,div.floating-cta.visible,html body .floating-cta.visible,html body .mockup-page .container .floating-cta.visible,html body .mockup-page .floating-cta.visible{bottom:24px!important;opacity:1!important;visibility:visible!important}@media(max-width:480px){.floating-cta,body .floating-cta,body .mockup-page .container .floating-cta,body .mockup-page .floating-cta,div.floating-cta,html body .floating-cta,html body .mockup-page .container .floating-cta,html body .mockup-page .floating-cta{margin-left:calc(-50vw + 16px)!important;width:calc(100vw - 32px)!important}}.floating-cta .floating-button,body .floating-cta .floating-button,body .mockup-page .container .floating-cta .floating-button,body .mockup-page .floating-cta .floating-button,button.floating-button,div.floating-cta .floating-button,html body .floating-cta .floating-button,html body .mockup-page .container .floating-cta .floating-button,html body .mockup-page .floating-cta .floating-button{background:#f59e0b!important;background:var(--button-primary,var(--primary,#f59e0b))!important;border:4px solid #fff!important;border-radius:16px!important;box-shadow:0 8px 32px #4b55634d,0 4px 16px #0000001a,inset 0 1px 0 #fff3!important;clear:none!important;color:#fff!important;cursor:pointer!important;display:block!important;float:none!important;font-family:inherit!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.2!important;margin:0!important;max-width:none!important;padding:20px 32px!important;pointer-events:auto!important;position:relative!important;text-align:center!important;transform:none!important;transition:background-color .3s ease,box-shadow .3s ease,filter .3s ease!important;width:100%!important}.floating-cta .floating-button:hover,body .floating-cta .floating-button:hover,body .mockup-page .container .floating-cta .floating-button:hover,body .mockup-page .floating-cta .floating-button:hover,button.floating-button:hover,div.floating-cta .floating-button:hover,html body .floating-cta .floating-button:hover,html body .mockup-page .container .floating-cta .floating-button:hover,html body .mockup-page .floating-cta .floating-button:hover{background:#d97706!important;background:var(--primary-hover,#d97706)!important;box-shadow:0 12px 40px #4b556366,0 6px 20px #00000026,inset 0 1px 0 #ffffff4d!important;filter:brightness(1.05)!important}.campaign-container{--primary:var(--campaign-primary,#f59e0b);--primary-hover:var(--campaign-primary-hover,#d97706);--primary-bg-light:var(--campaign-primary-bg-light,#f59e0b1a);--primary-shadow:var(--campaign-primary-shadow,#f59e0b4d);--primary-shadow-hover:var(--campaign-primary-shadow-hover,#f59e0b66)}.event-page{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.event-page .container{display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;position:relative;width:100%}.event-page .images-container{background-color:#000;display:flex;flex-direction:column;width:100%}.event-page .event-image{display:block;width:100%}.event-page .event-image img{display:block;height:auto;object-fit:cover;width:100%}.event-page .bottom-button-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(#0000,#000000e6);border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #0000004d;left:0;padding:24px 16px 32px;position:fixed;right:0;z-index:100}.event-page .bottom-button{background:#f59e0b;background:var(--primary);border:4px solid #fff;border-radius:16px;box-shadow:0 8px 25px #f59e0b4d;box-shadow:0 8px 25px var(--primary-shadow);color:#fff;cursor:pointer;font-size:24px;font-weight:700;line-height:1.3;margin:0 8px;overflow:hidden;padding:22px 28px;position:relative;text-align:center;transition:all .3s ease;white-space:nowrap;width:calc(100% - 16px)}.event-page .bottom-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.event-page .bottom-button:hover{background:#d97706;background:var(--primary-hover);box-shadow:0 8px 25px #f59e0b66;box-shadow:0 8px 25px var(--primary-shadow-hover);transform:translateY(-3px)}.event-page .bottom-button:hover:before{left:100%}.event-page .bottom-button:active{transform:translateY(0)}@media(max-width:768px){.event-page .bottom-button-container{padding:20px 12px 28px}.event-page .bottom-button{border:3px solid #fff;border-radius:14px;font-size:22px;padding:20px 24px}}@media(max-width:480px){.event-page .bottom-button-container{padding:16px 8px 24px}.event-page .bottom-button{border:3px solid #fff;border-radius:12px;font-size:20px;line-height:1.4;padding:18px 20px}}.survey-page{background:#f9fafb;background:var(--sidebar-bg);color:#111827;color:var(--text-primary);display:flex;flex-direction:column;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;font-size:var(--font-base);gap:0;line-height:1.6;margin:0;overflow-x:hidden;padding:0}.survey-page .survey-header{background:#fff;border-bottom:1px solid #e5e7eb;margin:0;padding:2px 16px 1px}.survey-page .survey-header .header-content{margin:0;padding:0;text-align:center}.survey-page .survey-header .xog-icon{align-items:center;display:flex;justify-content:center;margin-bottom:0}.survey-page .survey-header .icon-image{height:32px;object-fit:contain;width:32px}.survey-page .survey-header h1{color:#111827;color:var(--text-primary);font-size:16px;font-size:var(--font-md);font-weight:600;margin:0}.survey-page .survey-header p{color:#6b7280;color:var(--text-secondary);font-size:10px;font-size:var(--font-xs);font-weight:400;line-height:1;margin:0;padding:0}.survey-page .progress-section{background:#f9fafb;background:var(--sidebar-bg);margin:0;padding:0 16px 16px}.survey-page .survey-content{flex:1 1;margin-bottom:80px;padding:8px 16px 16px}.survey-page .bottom-actions{background:#fff;border-top:1px solid #e5e7eb;bottom:0;left:0;padding:12px 16px;position:fixed;right:0;z-index:1000}.survey-page .bottom-actions .action-button{background:#f59e0b;background:var(--button-primary,var(--primary));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-size:var(--font-md);font-weight:600;padding:16px;transition:all .3s ease;width:100%}.survey-page .bottom-actions .action-button:hover{background:#d97706;background:var(--primary-hover)}.survey-page .bottom-actions .action-button:disabled{background:#9ca3af;cursor:not-allowed}.survey-page .hidden{display:none}.survey-page .result-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;color:#111827;color:var(--text-primary);margin:24px 0;padding:40px 24px;text-align:center}.survey-page .result-card .result-title{color:#111827;color:var(--text-primary);font-size:18px;font-size:var(--font-lg);font-weight:600;line-height:1.4;margin-bottom:16px}.survey-page .result-card .result-text{color:#6b7280;color:var(--text-secondary);font-size:14px;font-size:var(--font-base);font-weight:500;line-height:1.5}.survey-page .completion-card{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 32px #00000014;color:#111827;color:var(--text-primary);margin:24px 0;overflow:hidden;padding:48px 24px;position:relative;text-align:center}.survey-page .completion-card:before{background:linear-gradient(90deg,#f59e0b,#10b981);background:linear-gradient(90deg,var(--primary),var(--success));border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.survey-page .completion-card .completion-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.survey-page .completion-card .completion-icon.success{animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.survey-page .completion-card .completion-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.survey-page .completion-card .completion-icon.processing{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--primary),var(--primary-hover))}.survey-page .completion-card .success-checkmark{animation:checkmarkBounce .6s ease-out;font-size:36px;font-weight:700}.survey-page .completion-card .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:36px;width:36px}.survey-page .completion-card .completion-title{font-size:20px;font-size:var(--font-xl);font-weight:700;line-height:1.3;margin-bottom:16px}.survey-page .completion-card .completion-title.success{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);background-clip:text;-webkit-background-clip:text;color:#10b981;color:var(--success)}.survey-page .completion-card .completion-title.error{color:#ef4444;color:var(--danger)}.survey-page .completion-card .completion-subtitle{color:#111827;color:var(--text-primary);font-size:16px;font-size:var(--font-md);font-weight:600;line-height:1.4;margin-bottom:32px}.survey-page .completion-card .completion-features{background:#10b9810d;border:1px solid #10b9811a;border-radius:16px;display:flex;flex-direction:column;gap:16px;margin:32px 0;padding:24px}.survey-page .completion-card .feature-item{align-items:center;display:flex;gap:12px;padding:8px 0}.survey-page .completion-card .feature-icon{align-items:center;background:#10b9811a;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;width:32px}.survey-page .completion-card .feature-text{color:#111827;color:var(--text-primary);font-size:14px;font-size:var(--font-base);font-weight:500;text-align:left}.survey-page .completion-card .completion-text{color:#6b7280;color:var(--text-secondary);font-size:14px;font-size:var(--font-base);font-weight:500;line-height:1.6;margin-top:24px}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes checkmarkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:480px){.survey-page .container{padding:16px 12px}.survey-page .header{margin-bottom:16px;padding:8px 12px 6px}.survey-page .header .icon-container{height:64px;width:64px}.survey-page .header .icon-image{height:48px;width:48px}.survey-page .header .xog-icon{margin-bottom:4px}.survey-page .header h1{font-size:18px;font-size:var(--font-lg);margin-bottom:0}.survey-page .result-card{margin:20px 0;padding:32px 20px}.survey-page .result-card .result-title{font-size:16px;font-size:var(--font-md);margin-bottom:12px}.survey-page .result-card .result-text{font-size:12px;font-size:var(--font-sm)}}.progress-container{margin:0}.progress-container .progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-container .progress-info .progress-percentage,.progress-container .progress-info .progress-text{color:#6b7280;color:var(--text-secondary);font-size:12px;font-size:var(--font-sm);font-weight:600}.progress-container .progress-bar{background:#e5e7eb;background:var(--border);border-radius:3px;height:6px;overflow:hidden;position:relative}.progress-container .progress-bar .progress-fill{background:#f59e0b;background:var(--primary);border-radius:3px;height:100%;position:relative;transition:width .4s ease;width:0}.progress-container .progress-bar .progress-fill:after{animation:progress-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@media(max-width:480px){.progress-container{margin:12px 0 20px}.progress-container .progress-info{margin-bottom:6px}.progress-container .progress-info .progress-percentage,.progress-container .progress-info .progress-text{font-size:10px;font-size:var(--font-xs)}}@keyframes progress-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.question-card{background:#fff;background:var(--background);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:24px;transition:all .2s ease}.question-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a}.question-card .question-number{color:#f59e0b;color:var(--primary);font-size:12px;font-size:var(--font-sm);font-weight:600;margin-bottom:8px}.question-card .question-title{color:#111827;color:var(--text-primary);font-size:16px;font-size:var(--font-md);font-weight:600;line-height:1.4;margin-bottom:16px}.question-card .question-subtitle{color:#6b7280;color:var(--text-secondary);font-size:12px;font-size:var(--font-sm);line-height:1.4;margin-bottom:20px}.question-card .options-grid{grid-gap:12px;display:grid;gap:12px}.question-card .checkbox-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.question-card .checkbox-grid .option-item{padding:10px 16px}@media(max-width:480px){.question-card{margin-bottom:16px;padding:20px 16px}}.option-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:all .2s ease}.option-item:hover{background:#f1f5f9}.option-item.selected,.option-item:hover{border-color:#f59e0b;border-color:var(--primary)}.option-item.selected{background:#f59e0b1a;background:var(--primary-bg-light);color:#f59e0b;color:var(--primary)}.option-item.none-selected{background:#6b72801a;border-color:#6b7280;border-color:var(--text-secondary);color:#6b7280;color:var(--text-secondary)}.option-item input[type=checkbox],.option-item input[type=radio]{accent-color:#f59e0b;accent-color:var(--primary);height:16px;margin-right:12px;width:16px}.option-item label{cursor:pointer;flex:1 1;font-size:14px;font-size:var(--font-base);font-weight:500;line-height:1.4}.custom-date-picker{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:20px 0;padding:24px}.custom-date-picker .date-picker-header{margin-bottom:24px;text-align:center}.custom-date-picker .date-picker-header .date-picker-title{color:#111827;color:var(--text-primary);display:block;font-size:18px;font-size:var(--font-lg);font-weight:600;margin-bottom:8px}.custom-date-picker .date-picker-header .date-picker-subtitle{color:#6b7280;color:var(--text-secondary);display:block;font-size:12px;font-size:var(--font-sm);line-height:1.4}.custom-date-picker .date-picker-selects{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;margin-bottom:24px}.custom-date-picker .date-picker-selects .select-group{position:relative}.custom-date-picker .date-picker-selects .date-select{-webkit-appearance:none;appearance:none;background:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;color:#111827;color:var(--text-primary);cursor:pointer;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:14px;font-size:var(--font-base);padding:16px 40px 16px 12px;transition:all .2s ease;width:100%}.custom-date-picker .date-picker-selects .date-select:focus{background:#fff;border-color:#f59e0b;border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b1a;box-shadow:0 0 0 3px var(--primary-bg-light);outline:none}.custom-date-picker .date-picker-selects .date-select:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.custom-date-picker .date-picker-selects .select-label{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:4px;color:#f59e0b;color:var(--primary);font-size:10px;font-size:var(--font-xs);font-weight:600;padding:2px 8px;position:absolute;right:12px;top:-8px}.custom-date-picker .date-picker-footer{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.custom-date-picker .date-picker-footer .selected-date-display{color:#6b7280;color:var(--text-secondary);font-size:14px;font-size:var(--font-base);font-weight:500;transition:all .2s ease}.custom-date-picker .date-picker-footer .selected-date-display.has-date{color:#f59e0b;color:var(--primary);font-size:16px;font-size:var(--font-md);font-weight:600}@media(max-width:480px){.custom-date-picker{margin:16px 0;padding:20px 16px}.custom-date-picker .date-picker-selects{gap:12px;grid-template-columns:1fr}.custom-date-picker .date-picker-selects .date-select{font-size:12px;font-size:var(--font-sm);padding:14px 12px}.custom-date-picker .date-picker-selects .select-label{font-size:10px;padding:1px 6px;right:8px;top:-6px}}.survey-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;min-height:100vh}.survey-page .survey-container{margin:0 auto;max-width:800px;padding:40px 20px}.survey-page .survey-header{margin-bottom:0;text-align:center}.survey-page .survey-header .survey-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);background-clip:text;-webkit-background-clip:text;color:#111827;color:var(--text-primary);font-size:32px;font-weight:800;margin-bottom:12px}.survey-page .survey-header .survey-subtitle{color:#6b7280;color:var(--text-secondary);font-size:18px;margin-bottom:32px}.survey-page .survey-header .progress-container .progress-bar{background:#e2e8f0;border-radius:10px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.survey-page .survey-header .progress-container .progress-bar .progress-fill{background:linear-gradient(90deg,#f59e0b,#d97706);background:linear-gradient(90deg,var(--primary) 0,var(--primary-hover) 100%);border-radius:10px;height:100%;transition:width .3s ease}.survey-page .survey-header .progress-container .progress-text{color:#6b7280;color:var(--text-secondary);font-size:14px;font-weight:600}.survey-page .survey-content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 40px #00000014;margin-bottom:24px;padding:40px}.survey-page .survey-content .survey-step .step-title{color:#111827;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.survey-page .survey-content .survey-step .step-description{color:#6b7280;color:var(--text-secondary);font-size:16px;margin-bottom:32px}.survey-page .survey-content .survey-step .form-group{margin-bottom:24px}.survey-page .survey-content .survey-step .form-group label{color:#111827;color:var(--text-primary);display:block;font-size:16px;font-weight:600;margin-bottom:8px}.survey-page .survey-content .survey-step .form-group input,.survey-page .survey-content .survey-step .form-group select,.survey-page .survey-content .survey-step .form-group textarea{border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:16px;padding:16px;transition:all .2s ease;width:100%}.survey-page .survey-content .survey-step .form-group input:focus,.survey-page .survey-content .survey-step .form-group select:focus,.survey-page .survey-content .survey-step .form-group textarea:focus{border-color:#f59e0b;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.survey-page .survey-content .survey-step .form-group input::placeholder,.survey-page .survey-content .survey-step .form-group select::placeholder,.survey-page .survey-content .survey-step .form-group textarea::placeholder{color:#9ca3af}.survey-page .survey-content .survey-step .form-group textarea{min-height:120px;resize:vertical}.survey-page .survey-content .survey-step .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:640px){.survey-page .survey-content .survey-step .form-row{grid-template-columns:1fr}}.survey-page .survey-content .survey-step .checkbox-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.survey-page .survey-content .survey-step .checkbox-grid .checkbox-item{align-items:center;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.survey-page .survey-content .survey-step .checkbox-grid .checkbox-item:hover{background:#3b82f60d;border-color:#f59e0b;border-color:var(--primary)}.survey-page .survey-content .survey-step .checkbox-grid .checkbox-item input[type=checkbox]{accent-color:#f59e0b;accent-color:var(--primary);height:20px;margin-right:12px;width:20px}.survey-page .survey-content .survey-step .checkbox-grid .checkbox-item input[type=checkbox]:checked+.checkbox-label{color:#f59e0b;color:var(--primary);font-weight:600}.survey-page .survey-content .survey-step .checkbox-grid .checkbox-item .checkbox-label{color:#111827;color:var(--text-primary);font-size:14px;transition:all .2s ease}.survey-page .survey-content .survey-step .radio-group{display:flex;flex-direction:column;gap:12px}.survey-page .survey-content .survey-step .radio-group .radio-item{align-items:center;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.survey-page .survey-content .survey-step .radio-group .radio-item:hover{background:#3b82f60d;border-color:#f59e0b;border-color:var(--primary)}.survey-page .survey-content .survey-step .radio-group .radio-item input[type=radio]{accent-color:#f59e0b;accent-color:var(--primary);height:20px;margin-right:12px;width:20px}.survey-page .survey-content .survey-step .radio-group .radio-item input[type=radio]:checked+.radio-label{color:#f59e0b;color:var(--primary);font-weight:600}.survey-page .survey-content .survey-step .radio-group .radio-item .radio-label{color:#111827;color:var(--text-primary);font-size:16px;transition:all .2s ease}.survey-page .survey-content .survey-step .completion-notice{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:16px;margin-top:32px;padding:24px}.survey-page .survey-content .survey-step .completion-notice h3{color:#f59e0b;color:var(--primary);font-size:18px;font-weight:700;margin-bottom:16px}.survey-page .survey-content .survey-step .completion-notice ul{list-style:none;margin:0;padding:0}.survey-page .survey-content .survey-step .completion-notice ul li{color:#111827;color:var(--text-primary);font-size:14px;margin-bottom:8px;padding-left:4px}.survey-page .survey-actions{display:flex;gap:16px;justify-content:space-between}@media(max-width:640px){.survey-page .survey-actions{flex-direction:column}}.survey-page .survey-actions .btn-primary,.survey-page .survey-actions .btn-secondary{border:2px solid;border-radius:12px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.survey-page .survey-actions .btn-primary:disabled,.survey-page .survey-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.survey-page .survey-actions .btn-primary{background:#f59e0b;background:var(--primary);border-color:#f59e0b;border-color:var(--primary);color:#fff;flex:1 1}.survey-page .survey-actions .btn-primary:not(:disabled):hover{background:#d97706;background:var(--primary-hover);border-color:#d97706;border-color:var(--primary-hover);box-shadow:0 6px 20px #3b82f64d;transform:translateY(-2px)}.survey-page .survey-actions .btn-primary.btn-submit{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);font-size:18px;font-weight:700;padding:20px 40px}.survey-page .survey-actions .btn-secondary{background:#fff;border-color:#e2e8f0;color:#111827;color:var(--text-primary)}.survey-page .survey-actions .btn-secondary:hover{background:#f8fafc;border-color:#f59e0b;border-color:var(--primary);color:#f59e0b;color:var(--primary)}.survey-page.skin-blue{--primary:#3b82f6;--primary-hover:#2563eb}.survey-page.skin-green{--primary:#10b981;--primary-hover:#059669}.survey-page.skin-mocha{--primary:#f59e0b;--primary-hover:#d97706}.survey-page.skin-red{--primary:#ef4444;--primary-hover:#dc2626}.bottom-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0000,#f9fafbf2);border-top:1px solid #e5e7eb80;bottom:0;left:0;padding:16px;position:fixed;right:0;z-index:100}.bottom-actions .action-button{background:#f59e0b;background:var(--primary);border:1px solid #f59e0b;border:1px solid var(--primary);border-radius:12px;box-shadow:0 4px 15px #f59e0b4d;box-shadow:0 4px 15px var(--primary-shadow);color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-size:var(--font-md);font-weight:600;padding:16px 24px;transition:all .3s ease;width:100%}.bottom-actions .action-button:hover{background:#d97706;background:var(--primary-hover);border-color:#d97706;border-color:var(--primary-hover);box-shadow:0 6px 20px #f59e0b66;box-shadow:0 6px 20px var(--primary-shadow-hover);transform:translateY(-2px)}.bottom-actions .action-button:active{transform:translateY(0)}.bottom-actions .action-button:disabled{background:#9ca3af;border-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media(max-width:480px){.bottom-actions{padding:12px}.bottom-actions .action-button{border-radius:10px;font-size:14px;font-size:var(--font-base);padding:14px 20px}}.event-page-fixed{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.event-page-fixed .container{display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;position:relative;width:100%}.event-page-fixed .images-container{background-color:#000;display:flex;flex-direction:column;width:100%}.event-page-fixed .event-image{display:block;width:100%}.event-page-fixed .event-image img{display:block;height:auto;object-fit:cover;width:100%}.event-page-fixed .bottom-button-container-fixed{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(#0000,#000000e6);border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #0000004d;display:flex;justify-content:center;left:0;padding:24px 16px 32px;position:fixed;right:0;z-index:100}.event-page-fixed .bottom-button-fixed{background:var(--primary);border:4px solid #fff;border-radius:16px;box-shadow:0 8px 25px var(--primary-shadow);box-sizing:border-box;color:#fff;cursor:pointer;font-size:24px;font-weight:700;line-height:1.3;margin:0;max-width:calc(100vw - 32px);min-width:280px;overflow:hidden;padding:22px 28px;position:relative;text-align:center;transition:all .3s ease;white-space:normal;width:100%;word-break:keep-all}.event-page-fixed .bottom-button-fixed:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.event-page-fixed .bottom-button-fixed:hover{background:var(--primary-hover);box-shadow:0 8px 25px var(--primary-shadow-hover);transform:translateY(-3px)}.event-page-fixed .bottom-button-fixed:hover:before{left:100%}.event-page-fixed .bottom-button-fixed:active{transform:translateY(0)}.event-page-fixed .bottom-button-fixed:focus{outline:3px solid #ffffff80;outline-offset:2px}@media(max-width:768px){.event-page-fixed .bottom-button-container-fixed{padding:20px 12px 28px}.event-page-fixed .bottom-button-fixed{border:3px solid #fff;border-radius:14px;font-size:22px;max-width:calc(100vw - 24px);padding:20px 24px}}@media(max-width:480px){.event-page-fixed .bottom-button-container-fixed{padding:16px 8px 24px}.event-page-fixed .bottom-button-fixed{border:3px solid #fff;border-radius:12px;font-size:20px;line-height:1.4;max-width:calc(100vw - 16px);min-width:250px;padding:18px 20px}}@media(max-width:320px){.event-page-fixed .bottom-button-fixed{font-size:18px;min-width:200px;padding:16px 18px}}@media(prefers-color-scheme:dark){.event-page-fixed .bottom-button-container-fixed{background:linear-gradient(#0000,#000000f2)}}@media(prefers-contrast:high){.event-page-fixed .bottom-button-fixed{border-width:6px;font-weight:800}}@media(prefers-reduced-motion:reduce){.event-page-fixed .bottom-button-fixed,.event-page-fixed .bottom-button-fixed:before{transition:none}.event-page-fixed .bottom-button-fixed:active,.event-page-fixed .bottom-button-fixed:hover{transform:none}}