@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Noto+Serif+KR&family=Fira+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&display=swap);*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Pretendard,Noto Sans KR,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:Fira Mono,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-6{bottom:1.5rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-full{grid-column:1/-1}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[210\/297\]{aspect-ratio:210/297}.aspect-square{aspect-ratio:1/1}.h-4{height:1rem}.h-5{height:1.25rem}.h-\[200px\]{height:200px}.h-\[50vh\]{height:50vh}.h-\[90vh\]{height:90vh}.h-auto{height:auto}.h-full{height:100%}.max-h-\[600px\]{max-height:600px}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.w-28{width:7rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-\[80vw\]{width:80vw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-\[1000px\]{max-width:1000px}.max-w-\[80\%\]{max-width:80%}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.flex-grow{flex-grow:1}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-bl-none{border-bottom-left-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-pink-300{--tw-border-opacity:1;border-color:#f9a8d4;border-color:rgb(249 168 212/var(--tw-border-opacity,1))}.border-pink-500{--tw-border-opacity:1;border-color:#ec4899;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/80{background-color:#000c}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-pink-100{--tw-bg-opacity:1;background-color:#fce7f3;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.bg-pink-300{--tw-bg-opacity:1;background-color:#f9a8d4;background-color:rgb(249 168 212/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:#ec4899;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/50{background-color:#ffffff80}.bg-white\/70{background-color:#ffffffb3}.bg-white\/90{background-color:#ffffffe6}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-blue-100{--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:#dbeafe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-200{--tw-gradient-to:#bfdbfe var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-6{padding-bottom:1.5rem}.pt-10{padding-top:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:Fira Mono,monospace}.font-sans{font-family:Pretendard,Noto Sans KR,sans-serif}.font-serif{font-family:"Noto Serif KR",serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:#ec4899;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:#db2777;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.animate-fade-in{animation:fadeIn 1.2s ease-out both}@keyframes bounceCustom{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce-custom{animation:bounceCustom 2s infinite}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-black\/50:hover{background-color:#00000080}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-pink-100:hover{--tw-bg-opacity:1;background-color:#fce7f3;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.hover\:bg-pink-400:hover{--tw-bg-opacity:1;background-color:#f472b6;background-color:rgb(244 114 182/var(--tw-bg-opacity,1))}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-gray-300:hover{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-pink-600:hover{--tw-text-opacity:1;color:#db2777;color:rgb(219 39 119/var(--tw-text-opacity,1))}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\:opacity-30:disabled{opacity:.3}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-20{opacity:.2}@media (min-width:640px){.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.start-page{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;perspective:1200px;position:relative;width:100vw}.intro-overlay{background:#fff;inset:0;pointer-events:none;position:absolute;z-index:50}.logo{cursor:pointer;left:.5rem!important;position:absolute!important;top:.5rem!important;transition:transform .2s ease;width:140px!important;z-index:40!important}.logo:hover{transform:scale(1.05)}.title-wrapper{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:18px;perspective:1200px;perspective-origin:50% 48%;position:relative;text-align:center;width:max-content;z-index:30}.hero-text{color:#f48ca2;font-family:Playfair Display,Georgia,serif;font-size:clamp(48px,7vw,96px);font-weight:700;letter-spacing:.3px;line-height:1.1;text-align:center;text-shadow:0 0 4px #f48ca299,0 6px 18px #00000026}.hero-letter{backface-visibility:hidden;display:inline-block;will-change:transform,filter,opacity}.hero-text.depth3d{-webkit-text-stroke:.8px #ffffffa6;backface-visibility:hidden;position:relative;text-shadow:0 1px 0 #0000000f,0 2px 0 rgba(0,0,0,.055),0 3px 0 #0000000d,0 4px 0 rgba(0,0,0,.045),0 5px 0 #0000000a,0 10px 18px #0000001a;transform:translateZ(0) rotateX(1deg);will-change:transform}.hero-text.depth3d:after{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#ffffff8c 0,#ffffff26 40%,#fff0);-webkit-background-clip:text;background-clip:text;content:attr(data-text);filter:blur(.2px);inset:0;opacity:.45;pointer-events:none;position:absolute;transform:translateZ(1px)}.title-wrapper:hover .depth3d{text-shadow:0 1px 0 #0000000f,0 2px 0 rgba(0,0,0,.055),0 3px 0 #0000000d,0 4px 0 rgba(0,0,0,.045),0 5px 0 #0000000a,0 12px 20px #0000001f;transform:translateZ(0) rotateX(.6deg) translateY(-1px);transition:transform .25s ease,text-shadow .25s ease}.divider-line{background:#f48ca2;border-radius:2px;height:2px;margin:8px auto;opacity:.55}.collage-wrap{inset:0;opacity:.28;position:absolute;transition:opacity .3s ease;z-index:10}.collage-overlay{background:radial-gradient(ellipse at center,#0000 40%,#00000026),#ffffff47;inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute}.collage-grid{grid-gap:12px;display:grid;gap:12px;grid-auto-flow:dense;grid-auto-rows:9vw;grid-template-columns:repeat(12,1fr);inset:0;padding:24px;position:absolute}.collage-cell{border-radius:16px;grid-column:span 2;grid-row:span 2;overflow:hidden}.collage-cell:nth-child(7n){grid-column:span 3;grid-row:span 3}.collage-cell:nth-child(5n){grid-column:span 2;grid-row:span 3}.collage-cell:nth-child(9n){grid-column:span 3;grid-row:span 2}.collage-cell:nth-child(11n){grid-column:span 4;grid-row:span 2}.collage-img{filter:grayscale(20%) contrast(108%) saturate(90%) blur(.3px);height:100%;object-fit:cover;width:100%}@media (max-width:1200px){.collage-grid{grid-auto-rows:10vw;grid-template-columns:repeat(10,1fr)}}@media (max-width:860px){.collage-grid{gap:10px;grid-auto-rows:12vw;grid-template-columns:repeat(8,1fr);padding:16px}}@media (max-width:520px){.collage-grid{grid-auto-rows:15vw;grid-template-columns:repeat(6,1fr)}}.login-container{align-items:center;background-color:#ffedf3;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;justify-content:center;min-height:80vh}.login-logo-img{margin:0 auto 1.5rem;top:55px}.login-box{align-items:center;background-color:#f48ca2;border-radius:40px;box-shadow:0 12px 48px #0000001a;gap:20px;padding:70px 40px;width:400px}.input-group,.login-box{display:flex;flex-direction:column}.input-group{gap:1.2rem;margin-bottom:2.5rem;width:96%}.login-input{background-color:#fff;border:none;border-radius:1rem;box-shadow:0 2px 6px #0000001a;color:#333;font-size:.9rem;padding:1rem;width:100%}.google-login-button{border:none;border-radius:24px;box-shadow:0 4px 10px #00000026;color:#000;font-size:14px;gap:8px;height:44px;margin-bottom:16px;transition:transform .2s ease;width:190px}.google-icon{height:22px;width:22px}.link-text{font-size:1rem;font-weight:600;text-align:center}.link-text,.login-button{color:#fff;cursor:pointer}.login-button{background-color:#f48ca2;border:none;border-radius:50%;box-shadow:0 10px 30px #0003;font-size:1.2rem;font-weight:700;height:100px;margin-top:2.5rem;transition:transform .2s ease;width:100px}.login-button:hover{transform:scale(1.05)}.google-login-button{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:40px;box-shadow:0 4px 8px #00000014;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;margin:1.2rem auto 0;padding:12px 24px;transition:all .2s ease;width:280px}.google-login-button:hover{box-shadow:0 6px 14px #0000001f;transform:translateY(-2px)}.google-icon{height:20px;margin-right:10px;width:20px}.google-text{color:#333}.signup-container{align-items:center;background-color:#ffedf3;display:flex;flex-direction:column;font-family:Pretendard,sans-serif;justify-content:center;min-height:100vh}.login-logo-img{cursor:pointer;display:block;margin:40px auto 20px;position:relative;top:30px;width:240px}.signup-box{align-items:center;background-color:#f48ca2;border-radius:36px;box-shadow:0 12px 48px #0000001a;display:flex;flex-direction:column;gap:20px;padding:60px 40px;width:380px}.signup-input{background-color:#fff;border:none;border-radius:1rem;box-shadow:0 2px 6px #0000001a;color:#333;font-size:1rem;padding:1rem;width:100%}.signup-button{background-color:#fff;border:none;border-radius:50%;box-shadow:0 8px 20px #00000026;color:#f48ca2;cursor:pointer;font-size:.9rem;font-weight:700;height:86px;letter-spacing:3px;margin-top:1rem;transition:transform .2s ease;width:90px}.signup-button:hover{transform:scale(1.05)}#root,body,html{height:100%;margin:0;padding:0}*{box-sizing:border-box}.hf{display:block;margin:0;padding:0}.hf.hf-full{animation:heroFade .8s ease forwards;height:100vh;opacity:0;overflow:hidden;width:100%}@keyframes heroFade{0%{opacity:0}to{opacity:1}}.hf.hf-full .hero-card{border-radius:0;height:100%;isolation:isolate;overflow:hidden;position:relative;width:100%}.hf.hf-full .hero-strips{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;inset:0;position:absolute}.hf.hf-full .strip{background-position:50%;background-size:cover;filter:saturate(95%) contrast(105%);transition:transform .6s ease}.hf.hf-full .hero-card:hover .strip{transform:scale(1.02)}.hf.hf-full .hero-scrim.strong{background:#0000006b;inset:0;pointer-events:none;position:absolute;z-index:1}.hf.hf-full .hero-center{color:#fff;left:50%;position:absolute;text-align:center;text-shadow:0 2px 12px #00000073;top:50%;transform:translate(-50%,-50%);z-index:2}.hf.hf-full .hero-headline{font-family:Playfair Display,Georgia,serif;font-size:clamp(40px,7vw,96px);font-weight:800;letter-spacing:.2px;line-height:1.08;margin:0 0 1rem}.hf.hf-full .hero-headline span{animation:fadeUp .7s ease forwards;display:block;opacity:0;transform:translateY(14px)}.hf.hf-full .hero-headline span:first-child{animation-delay:.1s}.hf.hf-full .hero-headline span:nth-child(2){animation-delay:.25s}.hf.hf-full .hero-headline span:nth-child(3){animation-delay:.4s}.hf.hf-full .hero-tagline{font-family:SUIT,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif;font-size:clamp(14px,2vw,22px);margin:0;opacity:.92}:root{--pink:#f48ca2;--ink:#111;--muted:#555;--panel-bg:#ffffff94;--panel-border:#ffffffa6;--shadow:0 18px 40px #1212121f;--gutter:clamp(16px,6vw,64px)}.hp-root-snap{background:linear-gradient(135deg,#fff,#fdf7fb 40%,#ffeef4);color:#111;color:var(--ink);font-family:Pretendard,SUIT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;height:100vh;overflow:hidden}.hp-nav{align-items:center;backdrop-filter:saturate(120%) blur(10px);-webkit-backdrop-filter:saturate(120%) blur(10px);background:#ffffff8c;border-bottom:1px solid #fff9;box-shadow:0 6px 24px #0000000f;display:flex;height:64px;inset:0 0 auto 0;justify-content:space-between;opacity:0;padding:0 24px;pointer-events:none;position:fixed;transition:opacity .35s ease;z-index:100}.hp-nav.show{opacity:1;pointer-events:auto}.hp-logo{cursor:pointer;height:100px}.hp-links{display:flex;gap:20px}.hp-links button{background:none;border:0;border-radius:999px;cursor:pointer;font-weight:700;padding:8px 14px;transition:all .2s ease}.hp-links button:hover{background:#f48ca21a;box-shadow:0 8px 20px #f48ca22e;color:#f48ca2;color:var(--pink)}.snap-container{height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.snap-section{display:grid;min-height:100vh;padding-top:64px;place-items:center;position:relative;scroll-snap-align:start}.snap-section.center{align-content:center}.snap-container .snap-section:first-child{padding-top:0!important}.snap-section.cover{background-position:50%;background-size:cover;position:relative}.cover-scrim{background:radial-gradient(120% 120% at 50% 40%,#ffffff26 0,#00000014 60%,#0000000f 100%);inset:0;position:absolute}.copy-only{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff94;background:var(--panel-bg);border:1px solid #ffffffa6;border:1px solid var(--panel-border);border-radius:20px;box-shadow:0 18px 40px #1212121f;box-shadow:var(--shadow);color:#1a1a1a;max-width:min(980px,92vw);padding:clamp(16px,2vw,22px) clamp(18px,3vw,28px);position:relative;text-align:left;z-index:1}.copy-title{font-family:SUIT,Pretendard,sans-serif!important;font-size:clamp(30px,5.6vw,64px);font-weight:800;margin:0 0 .6rem}.copy-desc{font-family:Pretendard,SUIT,sans-serif!important;font-size:clamp(14px,2vw,20px);font-weight:500;margin:0}.snap-section.cover.left .copy-only{margin-left:clamp(16px,6vw,64px);margin-left:var(--gutter);margin-right:auto}.snap-section.cover.center .copy-only{margin:0 auto;text-align:center}.snap-section.cover.right .copy-only{margin-left:auto;margin-right:clamp(16px,6vw,64px);margin-right:var(--gutter)}.snap-section.final{background:linear-gradient(180deg,#fff,#ffe6ee);display:grid;place-items:center}.final-box{background:#fff;border-radius:28px;box-shadow:0 18px 40px #1212121f;box-shadow:var(--shadow);padding:clamp(20px,4vw,36px);text-align:center;width:min(860px,92vw)}.final-title{font-family:SUIT,Pretendard,sans-serif;font-size:clamp(28px,4.6vw,48px);font-weight:800;margin:0 0 .6rem}.final-desc{color:#555;color:var(--muted);font-size:clamp(14px,2vw,18px);margin:0 0 1.2rem}.final-create{background:#f48ca2;background:var(--pink);border:0;border-radius:999px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:800;padding:14px 26px;transition:transform .18s ease,filter .2s ease,box-shadow .2s ease}.final-create:hover{box-shadow:0 14px 30px #f48ca247;filter:brightness(.97);transform:translateY(-2px)}.bridge-bottom:after,.bridge-top:before{content:"";height:120px;left:0;pointer-events:none;position:absolute;right:0}.bridge-top:before{background:linear-gradient(180deg,#fff,#fff0);top:-1px}.bridge-bottom:after{background:linear-gradient(180deg,#fff0,#fff);bottom:-1px}.copy-only.w-bleed{border-radius:20px;max-width:none;width:calc(100vw - clamp(16px, 6vw, 64px)*2);width:calc(100vw - var(--gutter)*2)}.snap-section.cover.left .copy-only.w-bleed{margin-left:clamp(16px,6vw,64px);margin-left:var(--gutter);margin-right:auto}.snap-section.cover.right .copy-only.w-bleed{margin-left:auto;margin-right:clamp(16px,6vw,64px);margin-right:var(--gutter)}.snap-section.cover.center .copy-only.w-bleed{margin-left:auto;margin-right:auto}.copy-only.copy-dark{-webkit-backdrop-filter:blur(14px) saturate(130%)!important;backdrop-filter:blur(14px) saturate(130%)!important;background:#1c2026b8!important;border:1px solid #ffffff1f!important;box-shadow:0 18px 40px #0000002e!important;color:#f5f7fa!important}.copy-only.copy-dark .copy-title{color:#fff!important}.copy-only.copy-dark .copy-desc{color:#ffffffeb!important}@media (max-width:640px){.hp-nav{height:56px;padding:0 16px}.copy-only{border-radius:16px}.final-box{border-radius:22px}.copy-only.w-bleed{width:calc(100vw - clamp(16px, 6vw, 64px));width:calc(100vw - var(--gutter))}}.homepage-container{font-family:SUIT,sans-serif}.create-wrapper{height:100vh;position:relative;width:100%}.create-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.create-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;line-height:1.4;margin-bottom:3rem}.portfolio-input{border:2px solid #f48ca2;border-radius:15px;box-shadow:0 5px 12px #0000001a;font-family:SUIT,sans-serif;font-size:1.1rem;height:56px;margin-bottom:0;outline:none;padding:1rem 1.5rem;width:320px}.set-name-btn{align-items:center;background-color:#f48ca2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:600;height:56px;justify-content:center;padding:0;transition:background-color .3s ease;width:150px}.set-name-btn:hover{background-color:#e93d78}.input-row{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.mypage-container{background-attachment:fixed;background-color:#fff0f5;background-image:url(/static/media/Grid.b5ad2dba7061b26dcb16.png);background-repeat:repeat;background-size:contain;min-height:100vh;overflow-x:hidden;position:relative}.mypage-logo{cursor:pointer;left:.5rem;position:absolute;top:-.5rem;transition:transform .25s;width:140px;z-index:10}.mypage-logo:hover{transform:scale(1.08)}.mypage-buttons{display:flex;gap:12px;position:absolute;right:2.5rem;top:2rem;z-index:10}.mypage-intro-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:4rem;padding-top:8rem;text-align:center;z-index:1}.mypage-title{animation:fadeInUp 1s ease .3s both;color:#222;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;letter-spacing:.5px;margin-bottom:4rem;margin-top:-.5rem}.mypage-category-grid{display:flex;flex-wrap:wrap;gap:3.5rem;justify-content:center;margin-bottom:3rem}.mypage-category-btn{align-items:center;background:#fff;border:2px solid #333;border-radius:12px;box-shadow:2px 4px 8px #00000026;color:#222;cursor:pointer;display:flex;font-family:SUIT,sans-serif;font-size:1rem;font-weight:500;gap:.6rem;padding:1.1rem 2rem;transition:.25s ease}.mypage-category-btn:hover{background-color:#f48ca2;color:#fff;transform:translateY(-3px)}.category-icon{margin-bottom:1px}.mypage-category-btn:first-child{animation:fadeInUp 1s ease .8s both}.mypage-category-btn:nth-child(2){animation:fadeInUp 1s ease 1s both}.mypage-category-btn:nth-child(3){animation:fadeInUp 1s ease 1.2s both}.intro-edit-container{align-items:center;background-attachment:fixed;background-color:#fff0f5;background-image:url(/static/media/Grid.b5ad2dba7061b26dcb16.png);background-repeat:repeat;background-size:contain;display:flex;flex-direction:column;min-height:100vh;padding-bottom:6rem;padding-top:5rem;position:relative}.intro-logo{transition:transform .25s}.intro-buttons{top:2rem;z-index:10}.intro-title{animation:fadeInUp .6s ease-out both;font-size:2.7rem;margin-bottom:3rem}.intro-box{align-items:center;animation:fadeInUp .6s ease-out .3s both;background:#fff;border:2px solid #f48ca2;border-radius:2rem;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;max-width:820px;padding:2rem;width:90%}.pdf-preview-image{aspect-ratio:1/1.414;border-radius:5px;box-shadow:0 4px 12px #0000001a;height:auto;margin-bottom:1rem;max-width:400px;width:100%}.upload-label{background-color:#f4c1d9;border-radius:999px;color:#5a1f32;cursor:pointer;font-weight:600;margin:1.5rem auto;padding:.5rem 1.5rem}.file-item{border-bottom:1px solid #f9cbd8;border-radius:5px;color:#333;font-size:.95rem;padding:.5rem .8rem}.file-item:hover{background-color:#f9cbd8}.file-item-name{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn{color:#d33}.edit-btn{border:none;border-radius:999px;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;font-weight:700;padding:.7rem 2.5rem;transition:all .3s ease}.edit-btn:disabled{background-color:#ccc;cursor:not-allowed}.edit-btn:hover:not(:disabled){background-color:#e93d78;transform:translateY(-2px)}.pdf-thumbnail-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.pdf-page-cover .react-pdf__Page__canvas{height:100%!important;object-fit:cover;object-position:center top;width:100%!important}.thumbnail-placeholder{background-color:#f3f4f6;color:#6b7280;font-size:.875rem;gap:.5rem}.portfolio-edit-container{background-attachment:fixed;background-color:#fff0f5;background-image:url(/static/media/Grid.b5ad2dba7061b26dcb16.png);background-repeat:repeat;background-size:contain;min-height:100vh;padding-bottom:3rem;padding-top:5rem;position:relative}.intro-logo{cursor:pointer;height:auto;left:.5rem;position:absolute;top:-.5rem;transition:transform .25s cubic-bezier(.33,1,.68,1);width:140px;z-index:10}.intro-logo:hover{transform:scale(1.08)}.intro-buttons{display:flex;gap:12px;position:absolute;right:2.5rem;top:2.5rem}.outline-btn{background:#fff;font-size:.95rem;padding:.45rem 1.2rem;transition:all .3s ease}.intro-title{color:#222;font-family:Playfair Display,serif;font-size:2.6rem;font-weight:700;letter-spacing:.5px;margin:0 auto;padding-bottom:1.5rem;padding-top:4rem;text-align:center}.global-alert{animation:fadeIn .3s ease-out;background:#fff;border-radius:999px;box-shadow:0 4px 12px #00000026;color:#111;font-weight:500;left:50%;padding:.75rem 1.5rem;position:fixed;top:2rem;transform:translateX(-50%);z-index:1000}.portfolio-edit-box{background-color:#fff;border:2px solid #f48ca2;border-radius:30px;box-shadow:0 8px 15px #00000014;display:flex;margin:0 auto;max-width:95%;padding:2rem;width:90%}.portfolio-sidebar{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:1.1rem;margin-right:1.5rem;width:150px}.portfolio-tab-btn{background-color:#fff;border:1.5px solid #ddd;border-radius:6px;box-shadow:0 4px 6px #0000000f;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:.6rem 1rem;transition:all .2s ease;width:100%}.portfolio-tab-btn.active{background-color:#f48ca2;border-color:#f48ca2;color:#fff;font-weight:700}.portfolio-tab-btn.active,.portfolio-tab-btn:hover{transform:translateY(-2px)}.edit-btn,.portfolio-add-btn,.portfolio-del-btn{background:#fff;border:1.5px solid #f48ca2;border-radius:999px;color:#f48ca2;cursor:pointer;font-family:SUIT,sans-serif;font-size:.9rem;font-weight:600;padding:.6rem 1.4rem;text-align:center;transition:all .2s ease;width:100%}.portfolio-add-btn:hover,.portfolio-del-btn:hover{background-color:#f48ca2;color:#fff;transform:translateY(-2px)}.edit-btn{background-color:#f48ca2;color:#fff;margin-top:auto}.edit-btn:hover{background-color:#e93d78;color:#fff}.portfolio-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));min-height:400px;position:relative;width:100%}.portfolio-card{aspect-ratio:1/1;background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.portfolio-card:hover{transform:translateY(-4px)}.portfolio-check{left:.6rem;position:absolute;top:.6rem;z-index:10}.check-icon{background-color:#00000080;border-radius:50%;color:#fff;padding:2px}.check-icon.selected{background-color:#000000bf;color:#4ade80}.spinner{animation:spin .9s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#f48ca2;height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;z-index:100}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.thumbnail-image,.thumbnail-video{background-color:#fff;height:100%;object-fit:cover;width:100%}.thumbnail-video{background-color:#000;object-fit:contain}.thumbnail-placeholder{align-items:center;background-color:#e5e7eb;display:flex;flex-direction:column;height:100%;justify-content:center;padding:8px;width:100%}.thumbnail-icon{color:#6b7280}.thumbnail-text{color:#4b5563;font-size:12px;margin-top:8px;text-align:center;word-break:break-all}.chatbot-edit-page{background-color:#ffeef3;background-image:url(/static/media/Grid.b5ad2dba7061b26dcb16.png);display:flex;font-family:Pretendard,serif;min-height:100vh;padding:5rem 2rem 2rem;position:relative}.message-popup{background:#fff;border-radius:9999px;box-shadow:0 2px 6px #0000001a;padding:.75rem 1.5rem;top:5rem;transition:opacity .3s;z-index:1000}.message-popup,.mpage-title{color:#000;left:50%;position:fixed;transform:translateX(-50%)}.mpage-title{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;pointer-events:none;text-align:center;top:2.5rem;width:100%;z-index:99}.tab-sidebar{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem}.tab-sidebar button{background-color:#ffe4ec;border:2px solid #0000;border-radius:.5rem;font-weight:600;padding:.5rem 1.5rem;transition:all .3s}.tab-sidebar button.active{background-color:#fff;border-color:#f48ca2;color:#f48ca2}.tab-sidebar button:hover{background-color:#fff;cursor:pointer}.qa-section{display:flex;flex:1 1;justify-content:center;padding:2.5rem}.qa-box{background-color:#fff;border:2px solid #f48ca2;border-radius:1rem;box-shadow:0 0 10px #f6c4cc;max-width:800px;padding:2.5rem;width:100%}.qa-item{margin-bottom:2rem}.qa-item p{color:#444;font-weight:600;margin-bottom:.5rem}.qa-item textarea{background-color:#fff5f7;border:1px solid #fbcdd6;border-radius:.5rem;font-size:14px;min-height:80px;padding:.75rem;resize:vertical;width:100%}.qa-item textarea:focus{border-color:#f48ca2;box-shadow:0 0 0 2px #fbd0db45;outline:none}.save-button{background-color:#f48ca2;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:2rem;padding:.75rem 2rem;transition:all .3s}.save-button:hover{background-color:#e56587}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.file-section{display:flex;flex:1 1;gap:2rem;justify-content:center;margin:0 auto;padding:2rem;width:80%}.file-upload-box{align-items:center;background-color:#fff;border:2px solid #f48ca2;border-radius:1rem;box-shadow:0 0 10px #f6c4cc;display:flex;flex-direction:column;height:50%;padding:2rem;width:40%}.file-label{font-weight:600;text-align:center}.upload-button{background-color:#f48ca2;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;margin-bottom:1.5rem;padding:.5rem 1.25rem;transition:background .3s}.upload-button:hover{background-color:#e76b89}.file-list{background:#ffe8f0;border-radius:10px;margin-bottom:2rem;max-height:200px;min-height:50px;overflow-y:auto;padding:1rem;width:100%}.file-item{background-color:#fff0f5;border-radius:.5rem;font-size:14px;padding:.5rem 1rem}.file-name{align-items:center;cursor:pointer;display:flex;gap:.5rem}.delete-button{background:none;border:none;color:#aaa;cursor:pointer}.delete-button:hover{color:red}.edit-button{background-color:#f48ca2;border:none;border-radius:999px;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;font-weight:700;padding:.6rem 1.8rem;transition:all .3s ease}.edit-button:hover{background-color:#e93d78;transform:translateY(-2px)}.edit-button:disabled{cursor:not-allowed;opacity:.5}.file-preview-box{background-color:#fff;border:2px solid #f48ca2;border-radius:1rem;box-shadow:0 0 10px #f6c4cc;display:flex;flex-direction:column;height:100%;padding:1rem;width:40%}.preview-title{flex-shrink:0;font-size:1.125rem;font-weight:700;margin-bottom:1rem;text-align:center}.preview-image{border-radius:.5rem;box-shadow:0 0 8px #0000001a;height:auto;max-height:75vh;object-fit:contain;width:100%}.preview-placeholder{align-items:center;border:2px dashed #ddd;border-radius:.75rem;color:#aaa;display:flex;flex-grow:1;font-size:14px;justify-content:center;padding:2rem;text-align:center}.url-page-wrapper{align-items:center;background-attachment:fixed;background-color:#fff0f5;background-image:url(/static/media/Grid.b5ad2dba7061b26dcb16.png);background-repeat:repeat;background-size:contain;box-sizing:border-box;display:flex;flex-direction:column;font-family:Playfair Display,serif;min-height:100vh;padding-bottom:100px;padding-top:200px;position:relative}.nav-logo{left:20px;position:fixed;top:20px;z-index:10}.noportfolio-top-buttons{gap:16px;position:fixed;right:30px;top:20px;z-index:10}.outline-btn{border:2px solid #f48ca2;border-radius:12px;font-family:Gowun Dodum,sans-serif;font-size:15px;padding:8px 18px;transition:.2s ease}.outline-btn:hover{background-color:#f48ca2;color:#fff}.final-banner{color:#444;cursor:pointer;font-weight:700;margin-bottom:0;text-decoration:none}.url-title-box{background-color:#f48ca2;border-radius:20px 20px 0 0;box-shadow:0 6px 16px #00000014;color:#fff;padding:40px 60px;text-align:center;transition:all .3s ease;width:634px}.url-title-box h1{font-size:72px;line-height:1.2;margin:0;position:relative;transition:color .3s ease,transform .3s ease}.final-banner.hoverable:hover .url-title-box{background-color:#222;color:#fff}.final-banner.hoverable:hover .url-title-box h1{text-decoration:underline;transform:scale(1.03)}.url-box-custom{align-items:center;background-color:#fff;border-radius:0 0 20px 20px;box-shadow:0 6px 16px #00000014;display:flex;font-family:Gowun Dodum,sans-serif;gap:18px;height:76px;margin-top:-5px;padding:0 32px;position:relative;width:634px}.url-label{background-color:#f48ca2;border-radius:14px;box-shadow:2px 2px 5px #00000026;color:#fff;font-size:15px;font-weight:700;margin-right:16px;padding:8px 18px}.url-display{color:#333;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-button-custom,.url-display{font-family:Gowun Dodum,sans-serif;font-size:15px}.copy-button-custom{background-color:#f48ca2;border:none;border-radius:10px;bottom:18px;box-shadow:2px 3px 6px #0003;color:#fff;cursor:pointer;padding:10px 16px;position:absolute;right:24px;transition:transform .2s ease}.copy-button-custom:hover:not(:disabled){background-color:#e76b94;transform:scale(1.05)}.copy-button-custom:disabled{background-color:#ccc;cursor:not-allowed}.copy-feedback{animation:fadeInOut 2s ease;color:#000;display:block;font-family:Gowun Dodum,sans-serif;font-size:15px;font-weight:600;margin-top:18px;text-align:center}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.progress-container{background-color:#fff;border:2px solid #ddd;border-radius:50px;box-shadow:inset 0 0 6px #0000000d;height:20px;margin-top:60px;max-width:600px;overflow:hidden;width:80%}.progress-bar{background-color:#f48ca2;border-radius:inherit;height:100%;transition:width .3s ease}.loading-text{color:#333;font-family:Gowun Dodum,sans-serif;font-size:16px;font-weight:600;margin-top:24px;text-align:center}.qr-wrapper{align-items:center;animation:fadeIn .5s ease-in-out;display:flex;flex-direction:column;margin-top:50px;padding:10px 0}.qr-label{color:#444;font-family:Gowun Dodum,sans-serif;font-size:14px;font-weight:500;margin-top:16px;opacity:.85;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-placeholder{color:#bbb;font-family:Gowun Dodum,sans-serif;font-style:italic;font-weight:500}.portfolio-upload-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:4rem;padding-top:6rem;text-align:center}.portfolio-upload-title{color:#222;font-family:Playfair Display,serif;font-size:2.6rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem}.portfolio-upload-subtitle{color:#333;font-family:SUIT,sans-serif;font-size:1.2rem;margin-bottom:2.8rem}.category-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:3rem;max-width:1100px;width:100%}.category-box{background-color:#f48ca2;border-radius:20px;box-shadow:0 6px 18px #0000001a;color:#fff;flex-direction:column;font-family:SUIT,sans-serif;justify-content:flex-start;min-height:360px;padding:2rem 1.5rem}.category-box,.category-title{align-items:center;display:flex}.category-title{font-size:1.1rem;font-weight:700;justify-content:center;margin-bottom:1.5rem}.category-title .icon{margin-right:.5rem}.file-label{background:#fff;border-radius:8px;color:#333;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.5rem 1rem;transition:background-color .2s}.file-label:hover{background-color:#f0f0f0}.file-list-scroll{background-color:#fddbe4cc;border-radius:10px;color:#333;flex-grow:1;font-size:.85rem;margin-top:.6rem;max-height:150px;overflow-y:auto;padding:.8rem;width:100%}.file-item{align-items:center;border-bottom:1px solid #fff0f3e6;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.4rem .6rem;word-break:break-all}.file-item:last-child{border-bottom:none}.file-name{flex:1 1;margin-right:.5rem;text-align:left}.delete-btn{background:none;font-size:1.3rem;line-height:1;padding:0 5px}.delete-btn,.portfolio-next-btn{border:none;color:#fff;cursor:pointer}.portfolio-next-btn{background-color:#f48ca2;border-radius:30px;box-shadow:0 4px 15px #f48ca266;font-size:1.2rem;font-weight:700;padding:.9rem 2.5rem;transition:all .3s ease}.portfolio-next-btn:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed}.portfolio-next-btn:hover:not(:disabled){background-color:#e93d78;transform:scale(1.05)}.intro-upload-title{font-size:2.6rem;letter-spacing:.5px}.intro-file-item,.intro-upload-label{font-family:SUIT,sans-serif}.nav-logo{cursor:pointer;left:2rem;position:absolute;top:2rem;width:140px}.noportfolio-top-buttons{right:2rem}.outline-btn{border-radius:999px;font-size:1rem}.intro-upload-container{margin-top:8rem;text-align:center}.intro-upload-title{color:#222;font-family:Playfair Display,serif;font-size:2.9rem;font-weight:700;letter-spacing:.9px;line-height:1.4;margin-bottom:1.5rem}.intro-upload-subtitle{color:#333;font-family:SUIT,sans-serif;font-size:1.2rem;margin-bottom:3rem}.intro-upload-box{background-color:#fff0f5;border:2px solid #f48ca2;border-radius:30px;box-shadow:0 8px 15px #00000014;margin:0 auto;max-width:90%;min-height:320px;padding:4rem 2.5rem;transition:transform .3s ease,box-shadow .3s ease;width:680px}.intro-upload-box:hover{box-shadow:0 12px 20px #0000001a;transform:translateY(-4px)}.intro-upload-label{background-color:#f4c1d9;border-radius:999px;color:#5a1f32;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;margin-bottom:2rem;padding:.6rem 1.2rem}.intro-file-list{align-items:center;background-color:#fff7fa;border-radius:10px;display:flex;justify-content:center;margin-bottom:2rem;max-height:200px;min-height:50px;overflow-y:auto;padding:1rem}.intro-file-item{align-items:center;display:flex;font-size:1rem;justify-content:space-between;padding:.4rem 1rem;width:100%}.intro-delete-btn{background:none;color:#d33}.intro-delete-btn,.intro-next-btn{border:none;cursor:pointer;font-size:1.2rem}.intro-next-btn{background-color:#f48ca2;border-radius:20px;color:#fff;font-weight:700;padding:.9rem 2.5rem;transition:all .3s ease}.intro-next-btn:disabled{background-color:#ccc;cursor:not-allowed}.intro-next-btn:hover:not(:disabled){background-color:#e93d78;transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .8s ease-out}@keyframes intro3dEnter{0%{opacity:0;transform:perspective(800px) rotateX(8deg) scale(.9)}to{opacity:1;transform:perspective(800px) rotateX(0deg) scale(1)}}.animate-3d{animation:intro3dEnter .8s ease-out both}.chatbot-prompt-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding-bottom:5rem;padding-top:7rem}.chatbot-prompt-title{color:#222;font-family:Playfair Display,serif;font-size:2.9rem;font-weight:700;letter-spacing:1.2px;line-height:1.4;margin-bottom:2.5rem;text-align:center}.chatbot-prompt-subtitle{color:#333;font-family:SUIT,sans-serif;font-size:1.2rem;margin-bottom:3rem;text-align:center}.prompt-card{background-color:#f48ca2;border-radius:16px;box-shadow:0 12px 24px #0000001a;max-width:880px;padding:3rem 2.5rem;width:85%}.prompt-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000f;margin-bottom:2.5rem;padding:1.2rem;transition:box-shadow .3s ease}.prompt-box:last-of-type{margin-bottom:0}.prompt-box:hover{box-shadow:0 4px 8px #0000001a}.prompt-box label{color:#222;display:block;font-weight:600;margin-bottom:.5rem}.prompt-box label,.prompt-box textarea{font-family:Gowun Dodum,sans-serif;font-size:1rem}.prompt-box textarea{background-color:#fffafc;border:1px solid #ddd;border-radius:6px;min-height:80px;padding:.8rem 1rem;resize:vertical;width:100%}.chatbot-next-btn{background-color:#f48ca2;border:2px solid #fff;border-radius:30px;box-shadow:0 8px 20px #00000026;color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;margin:2.5rem auto 0;padding:.9rem 2.4rem;transition:all .3s ease}.chatbot-next-btn:hover{background-color:#e93d78;transform:scale(1.05)}@keyframes chatbot3dEnter{0%{opacity:0;transform:perspective(1000px) rotateX(6deg) scale(.95)}to{opacity:1;transform:perspective(1000px) rotateX(0deg) scale(1)}}.animate-3d{animation:chatbot3dEnter .9s ease-out both}.public-page-wrapper{min-height:100vh;overflow-x:hidden;padding-top:96px;transition:all .3s}.loading-container{align-items:center;color:#555;display:flex;font-family:SUIT,sans-serif;font-size:1.2rem;justify-content:center;min-height:100vh}.category-buttons-container{display:flex;gap:2rem;justify-content:center;left:0;position:fixed;right:0;top:1.5rem;transition:all .3s;z-index:40}.main-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-title-container{animation:fadeFloat 2s ease-in-out forwards;margin-top:15rem}.main-title-large{font-size:4.5rem;font-weight:700;line-height:1.2;text-align:center}.main-subtitle-wrapper{line-height:1.3;margin-top:1.5rem;text-align:center}.main-subtitle-for{display:block;font-size:2rem;font-weight:500}.main-subtitle-name{display:block;font-size:3rem;font-weight:700;margin-top:.5rem}.theme-button{align-items:center;background-color:#fff;border:2px solid #0000;border-radius:9999px;bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#4a5568;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;height:5rem;justify-content:center;position:fixed;right:1.5rem;transition:all .3s;width:5rem;z-index:50}.theme-button:hover{border-color:#93c5fd;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.theme-icon{height:1.25rem;margin-bottom:.25rem;width:1.25rem}@keyframes fadeFloat{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.theme-panel{background-color:#fff;box-shadow:-10px 0 20px -10px #0000001a;height:100%;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:16rem;z-index:100}.theme-panel.open{transform:translateX(0)}.theme-panel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem}.theme-panel-title{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.theme-panel-section{padding:1rem}.theme-panel-subtitle{color:#4b5563;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.theme-options-box{background-color:#f9fafb;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.theme-option-button{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1f2937;display:block;font-size:.875rem;padding:.5rem;transition:all .2s;width:100%}.theme-option-button:hover{background-color:#f3f4f6}.theme-option-button.selected{background-color:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:700}.color-picker{height:2.5rem}.color-picker,.upload-label-button{border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;width:100%}.upload-label-button{background-color:#fff;box-shadow:0 1px 2px 0 #0000000d;color:#4b5563;display:block;font-size:.875rem;padding:.5rem 1rem;text-align:center;transition:background-color .2s}.upload-label-button:hover{background-color:#f9fafb}.hidden-file-input{display:none}.homepage-container{background-attachment:fixed;background-color:#ffedf3;background-image:url(/static/media/Grid.b5ad2dba7061b26dcb16.png);background-position:50%;background-repeat:repeat;background-size:contain;color:#222;font-family:Playfair Display,serif;min-height:100vh;overflow:hidden;position:relative}.noportfolio-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.noportfolio-top-buttons{display:flex;gap:1rem;position:absolute;right:3rem;top:2rem;z-index:20}.outline-btn{background-color:initial;border:1.5px solid #f48ca2;border-radius:10px;color:#f48ca2;cursor:pointer;font-family:SUIT,sans-serif;font-size:1.1rem;font-weight:600;padding:.4rem 1.2rem;transition:all .2s ease}.outline-btn:hover{background-color:#f48ca210;transform:scale(1.05)}.noportfolio-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.no-portfolio-message{animation:fadeInFloat .8s ease forwards;color:#222;font-family:SUIT,sans-serif;font-size:1.6rem;line-height:2.6rem;margin-bottom:3rem;text-align:center}.back-to-create-btn{background:none;border:none;border-bottom:2px solid #f48ca2;color:#f48ca2;cursor:pointer;display:block;font-family:Playfair Display,serif!important;font-size:2.2rem;font-weight:700;letter-spacing:.5px;margin:0 auto;padding:1rem 2rem;transition:all .3s ease}.back-to-create-btn:hover{border-bottom:2px solid #e93d78;color:#e93d78;transform:scale(1.05)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeUp 1.2s ease-out forwards;opacity:0}
/*# sourceMappingURL=main.71691320.css.map*/