body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.privacy-page,.privacy-page *,[contenteditable],input,textarea{-webkit-user-select:text;user-select:text}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - 60px);transition:margin-right .3s ease}.main-content.sidebar-open{margin-right:280px}.main-content.sidebar-closed{margin-right:0}@media (max-width:768px){.main-content.sidebar-open{margin-right:0}}.button-container{transition:margin-right .3s ease}.main-content.sidebar-open .button-container{margin-right:280px}.main-content.sidebar-closed .button-container{margin-right:0}@media (max-width:768px){.main-content.sidebar-open .button-container{margin-right:0}}.chat-input-section{transition:left .3s ease}.main-content.sidebar-open .chat-input-section{left:calc(50% - 140px)}.main-content.sidebar-closed .chat-input-section{left:50%}@media (max-width:768px){.main-content.sidebar-open .chat-input-section{left:50%}}.page-layout{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh;width:100%}.page-content{padding:60px 20px}.card{background-color:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:32px}.action-section{display:flex;justify-content:center;margin-top:32px}@media (max-width:768px){.page-content{padding:40px 16px}.content-wrapper{max-width:100%}.form-header h1{font-size:24px;line-height:1.4}.form-header p{font-size:14px}.action-section{margin-top:24px}}@media (max-width:480px){.page-content{padding:24px 12px}.form-header h1{font-size:20px}.form-header p{font-size:13px}.action-section{margin-top:20px}}@media (max-width:390px){.page-content{padding:20px 8px}.form-header h1{font-size:18px}.form-header p{font-size:12px}}@media (hover:none) and (pointer:coarse){button:hover{background-color:initial}[role=button],a,button{min-height:44px;min-width:44px}}@supports (padding:max(0px)){.page-content{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}body{overflow-x:hidden;width:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.app{display:flex;flex-direction:column;font-family:Pretendard Variable,sans-serif;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App.modal-open{filter:brightness(.7);pointer-events:none}.app-loading-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.app-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e1e5e9;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:20px;width:48px}.app-loading-text{color:#64748b;font-size:16px;margin:0}.input-container{width:100%}.input-wrapper{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 1px 3px #0000000a;transition:all .2s ease}.input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper.input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-wrapper.input-disabled{background:#f8f9fa;border-color:#e1e5e9;box-shadow:none}.input-content{align-items:center;display:flex;height:56px;padding:16px 20px}.input-field{background:#0000;border:none;color:#1a1d29;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;outline:none}.input-field::placeholder{color:#d1d5db}.input-field:disabled{color:#64748b}.input-icon{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;margin-left:12px;transition:all .2s ease;width:32px}.input-icon:hover:not(.input-icon-disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.input-icon-disabled{background:#f1f5f9;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.input-error-message{animation:shake .3s ease-in-out;color:#ef4444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.4;margin-top:8px}@media (max-width:768px){.input-container{margin-bottom:20px}.input-field{font-size:15px;min-height:48px;padding:14px 16px}.input-field.has-icon{padding-right:48px}.input-icon{height:20px;right:14px;width:20px}.error-message{font-size:13px;margin-top:6px}}@media (max-width:480px){.input-container{margin-bottom:16px}.input-field{box-sizing:border-box;font-size:14px;min-height:44px;padding:12px 14px;width:100%}.input-field.has-icon{padding-right:44px}.input-icon{height:18px;right:12px;width:18px}.error-message{font-size:12px;margin-top:4px}.input-field::placeholder{font-size:14px}}@media (hover:none) and (pointer:coarse){.input-field{-webkit-appearance:none;appearance:none;min-height:44px}.input-field:focus{transform:none}.input-field:focus,.input-icon{-webkit-tap-highlight-color:transparent}.input-icon{cursor:pointer}}@media (max-width:390px){.input-field{font-size:13px;min-height:40px;padding:10px 12px}.input-field.has-icon{padding-right:40px}.input-icon{height:16px;right:10px;width:16px}.error-message{font-size:11px}.input-field::placeholder{font-size:13px}}.navigation-container{align-items:center;display:flex;left:20px;position:fixed;top:80px;z-index:1000}.navigation-left{display:flex;justify-content:flex-start}.navigation-right{display:none}.nav-arrow-button{align-items:center;background:none;border:none;color:#121417;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.nav-arrow-button:hover{color:#4a739c;transform:scale(1.1)}.nav-arrow-button svg{height:24px;width:24px}@media (max-width:768px){.navigation-container{left:16px;top:70px}.nav-arrow-button{height:36px;width:36px}.nav-arrow-button svg{height:20px;width:20px}}@media (max-width:480px){.navigation-container{left:12px;top:65px}.nav-arrow-button{height:32px;width:32px}.nav-arrow-button svg{height:18px;width:18px}}.job-info-input-page{background:#fff;display:flex;flex-direction:column;min-height:calc(100vh - 60px);transition:filter .3s ease}.App.modal-open .header,.job-info-input-page.modal-open{filter:brightness(.7);pointer-events:none}.App.modal-open .header{z-index:999}.App.modal-open .header .logo-section{filter:none;pointer-events:auto}.page-content{padding:80px 20px 20px}.form-section{background:#fff;padding:40px}.form-content{width:100%}.job-info-input .input-wrapper{border:1px solid #e1e5e9;border-radius:8px;box-shadow:none}.job-info-input .input-content{height:auto;min-height:56px;padding:16px}.job-info-input .input-field{color:#333;font-size:16px;padding:0}.job-info-input .input-field::placeholder{color:#d1d5db}.job-info-input .input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.job-info-input .input-wrapper.input-error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.input-container .job-info-input,.input-container .job-info-input .input-wrapper,.textarea-container{width:100%}.textarea-container textarea{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-sizing:border-box;color:#333;font-family:inherit;font-size:16px;line-height:1.5;min-height:120px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.textarea-container textarea:focus{background:#fff;border-color:#667eea;outline:none}.textarea-container textarea.error{background:#fff5f5;border-color:#e74c3c}.textarea-container textarea:disabled{background:#fff;color:#666;cursor:not-allowed}.textarea-container textarea::placeholder{color:#d1d5db}.textarea-container .input-error-message{animation:shake .3s ease-in-out;color:#ef4444;font-size:14px;margin-top:8px}.form-header h1{font-size:28px}.form-header p{margin:0}.form-inputs{display:flex;flex-direction:column;gap:24px}.input-container,.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.input-group input,.input-group textarea{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-sizing:border-box;color:#333;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.input-group input:focus,.input-group textarea:focus{background:#fff;border-color:#667eea;outline:none}.input-group input.error,.input-group textarea.error{background:#fff5f5;border-color:#e74c3c}.input-group input:disabled,.input-group textarea:disabled{background:#fff;color:#666;cursor:not-allowed}.input-group textarea{font-family:inherit;line-height:1.5;min-height:120px;resize:vertical}.error-message{align-items:center;color:#e74c3c;display:flex;gap:4px;margin-top:4px}.error-message.general{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-top:16px;padding:12px;text-align:center}@media (max-width:768px){.page-content{padding:16px}.form-section{padding:24px}.form-header h1{font-size:24px}.form-header p{font-size:14px}.input-group input,.input-group textarea{font-size:16px;padding:14px}.job-info-input .input-content{min-height:48px;padding:14px}.job-info-input .input-field{font-size:15px}}@media (max-width:480px){.form-section{padding:20px}.form-header h1{font-size:22px}.form-inputs{gap:20px}.job-info-input .input-content{min-height:44px;padding:12px 14px}.job-info-input .input-field{font-size:14px}}.button-container{background:#fff!important;border-top:1px solid #ebebeb!important;bottom:0!important;gap:16px!important;height:80px!important;left:0!important;padding:20px 40px!important;position:fixed!important;right:0!important;z-index:100!important}.button-container,.skip-button{align-items:center!important;display:flex!important;justify-content:center!important}.skip-button{background:#0000!important;border:2px solid #007bff!important;border-radius:8px!important;color:#007bff!important;cursor:pointer!important;font-size:16px!important;font-weight:600!important;height:58px!important;min-width:120px!important;padding:12px 24px!important;transition:all .3s ease!important}.skip-button:hover:not(:disabled){background:#007bff!important;color:#fff!important}.skip-button:disabled{border-color:#f1f5f9;color:#ccc;cursor:not-allowed}.next-button{align-items:center!important;background-color:#1e82ff!important;border:none!important;border-radius:12px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:20px!important;font-weight:600!important;height:58px!important;justify-content:center!important;min-width:120px!important;padding:16px 32px!important;transition:all .2s ease!important}.next-button:hover:not(:disabled){background-color:#1670e6!important}.next-button:disabled{background:#f0f0f2!important;color:#a6a6a7!important;cursor:not-allowed;pointer-events:none}.next-button.active{background-color:#1e82ff!important}.file-upload-page{display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.page-content{align-items:center;flex-direction:column;justify-content:flex-start}.content-wrapper{max-width:680px}.form-section{margin-bottom:48px}.back-button{border-radius:8px;color:#64748b;margin-bottom:20px;padding:8px;transition:all .2s ease}.back-button:hover{background-color:#f1f5f9;color:#1a1d29}.form-header{margin-bottom:48px;text-align:center}.form-header h1{color:#1a1d29}.form-header p{color:#64748b;line-height:1.6;margin:0 auto;max-width:520px}.upload-section{margin-bottom:48px}.upload-stats{color:#64748b;font-size:14px;margin-bottom:12px;text-align:right}.file-count{color:#1a1d29;font-weight:600}.file-separator{color:#9ca3af;margin:0 4px}.max-files,.size-info{color:#64748b}.size-info{font-size:13px;margin-left:8px}.upload-content{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.uploaded-file-item{background-color:#f8faff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 1px 3px #0000000a;justify-content:space-between;padding:18px 24px}.file-info,.uploaded-file-item{align-items:center;display:flex}.file-info{gap:12px}.file-name{color:#3b82f6;font-size:16px;font-weight:500}.file-size{color:#64748b;font-size:14px;margin-left:8px}.file-count-label{color:#1a1d29;font-size:16px;font-weight:500}.remove-file-button{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.remove-file-button:hover{background-color:#ef4444;color:#fff}.upload-area{align-items:center;background-color:#fff;border:2px dashed #cbd5e1;border-radius:16px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;transition:all .2s ease}.upload-area:hover{background-color:#f8faff;border-color:#3b82f6}.upload-area.drag-over{background-color:#f0f7ff;border-color:#3b82f6;border-style:solid}.upload-content-inner{align-items:center;display:flex;gap:12px}.upload-count,.upload-text{color:#1a1d29;font-size:16px;font-weight:500}.upload-icon{align-items:center;color:#64748b;display:flex;font-size:48px;justify-content:center}.upload-icon-svg{height:16px;opacity:.7;transition:opacity .2s ease;width:16px}.upload-area:hover .upload-icon-svg{opacity:1}.upload-notes{margin-top:24px;text-align:left}.upload-notes p{color:#64748b;font-size:14px;line-height:1.5;margin:4px 0}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;line-height:1.5;margin-top:20px;padding:16px 20px;text-align:left}@media (max-width:768px){.page-content{padding:40px 16px 100px}.content-wrapper{max-width:100%}.form-header h1{font-size:24px;line-height:1.4}.form-header p{font-size:14px}.uploaded-file-item{gap:12px;padding:14px 20px}.file-name{font-size:15px}.file-size{font-size:13px}.file-count-label{font-size:15px}.upload-area{padding:16px 20px}.upload-count,.upload-text{font-size:15px}.upload-notes p{font-size:13px}}@media (max-width:480px){.page-content{padding:24px 12px 100px}.form-header h1{font-size:20px;line-height:1.3}.form-header p{font-size:13px}.uploaded-file-item{gap:8px;padding:12px 16px}.file-name{font-size:14px}.file-size{font-size:12px}.file-count-label{font-size:14px}.upload-area{padding:12px 16px}.upload-count,.upload-text{font-size:14px}.remove-file-button{font-size:12px;height:20px;width:20px}.upload-notes p,.upload-stats{font-size:12px}.size-info{font-size:11px}}@media (max-width:390px){.page-content{padding:20px 10px 100px}.form-header h1{font-size:18px;line-height:1.2}.uploaded-file-item{gap:6px;padding:10px 14px}.file-name{font-size:13px}.file-size{font-size:11px}.upload-area{padding:10px 14px}.upload-text{font-size:13px}.upload-notes p{font-size:11px}}.file-upload-page .button-container{background:#fff!important;border-top:1px solid #ebebeb!important;bottom:0!important;gap:16px!important;height:80px!important;left:0!important;padding:20px 40px!important;position:fixed!important;right:0!important;z-index:100!important}.file-upload-page .button-container,.file-upload-page .skip-button{align-items:center!important;display:flex!important;justify-content:center!important}.file-upload-page .skip-button{background:#0000!important;border:2px solid #007bff!important;border-radius:8px!important;color:#007bff!important;cursor:pointer!important;font-size:16px!important;font-weight:600!important;height:58px!important;min-width:120px!important;padding:12px 24px!important;transition:all .3s ease!important}.file-upload-page .skip-button:hover{background:#007bff!important;color:#fff!important}.file-upload-page .skip-button:active{transform:translateY(1px)!important}.file-upload-page .next-button{align-items:center!important;background-color:#1e82ff!important;border:none!important;border-radius:12px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:20px!important;font-weight:600!important;height:58px!important;justify-content:center!important;min-width:120px!important;padding:16px 32px!important;transition:all .2s ease!important}.file-upload-page .next-button:hover{background-color:#1670e6!important}.file-upload-page .next-button:active{transform:translateY(1px)!important}.file-upload-page .next-button:disabled{background:#f0f0f2!important;color:#a6a6a7!important;cursor:not-allowed;pointer-events:none}.skip-confirmation-modal{background-color:#fff;border-radius:20px;max-width:540px;padding:48px;text-align:center;width:90%}.skip-confirmation-modal h3{color:#1a1d29;font-size:26px;font-weight:600;line-height:1.3;margin-bottom:16px}.skip-confirmation-modal p{color:#64748b;font-size:16px;line-height:1.5;margin-bottom:32px}.modal-button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;max-width:200px;padding:16px 24px;transition:all .2s ease}.modal-button.primary{background-color:#3b82f6;color:#fff}.modal-button.primary:hover{background-color:#2563eb}.modal-button.secondary{background-color:#f1f5f9;color:#64748b}.modal-button.secondary:hover{background-color:#e2e8f0}@media (max-width:768px){.modal-buttons{align-items:center;flex-direction:column}.modal-button{max-width:280px;width:100%}.skip-confirmation-modal{padding:36px 24px}.skip-confirmation-modal h3{font-size:22px}}@media (max-width:480px){.skip-confirmation-modal{margin:20px;max-width:calc(100% - 40px);padding:28px 20px}.skip-confirmation-modal h3{font-size:20px}.modal-button,.skip-confirmation-modal p{font-size:14px}.modal-button{padding:12px 20px}.modal-buttons{align-items:center;flex-direction:column;gap:12px}.modal-button{max-width:300px;width:100%}}.question-page{display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.page-content{flex:1 1;padding:80px 20px 100px;position:relative}.content-wrapper{max-width:600px}.form-section{margin-bottom:40px;position:relative}.back-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;left:0;padding:0;position:absolute;top:0;transition:color .2s ease;width:40px}.back-button:hover{color:#333}.form-content{text-align:center}.form-header{margin-bottom:40px}.form-header h1{color:#333;font-size:32px;font-weight:700;line-height:1.3;margin-bottom:16px}.form-header p{color:#666;font-size:16px;line-height:1.5}.optional-text{color:#007bff;font-weight:500}.question-input .input-error-message{animation:shake .3s ease-in-out;color:#ef4444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.4;margin-top:8px;text-align:center}.generating-details{color:#666!important;font-size:14px!important;font-weight:400!important;line-height:1.6;margin-bottom:0!important}.question-input-section{margin-bottom:60px;text-align:center}.question-input-section .form-header{margin-bottom:48px;text-align:center}.question-input-section .form-header h1{color:#343435;font-size:28px;font-weight:600;line-height:1.3;margin-bottom:16px}.question-input-section .form-header p{color:#6b6b6b;font-size:16px;margin-bottom:0}.question-input{margin-bottom:40px;text-align:left}.question-selection-section{margin-bottom:60px;text-align:center}.question-selection-section h2{color:#343435;font-size:28px;font-weight:600;line-height:1.3;margin-bottom:16px}.question-selection-section p{color:#6b6b6b;font-size:16px;margin-bottom:40px}.question-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.question-chip{background-color:#fff;border:1px solid #e0e0e0;border-radius:24px;color:#333;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.question-chip:hover{background-color:#f8f9ff;border-color:#007bff}.question-chip.selected{background-color:#007bff;border-color:#007bff;color:#fff}.add-question-button{background:none;border:1px dashed #007bff;border-radius:24px;color:#007bff;cursor:pointer;font-size:14px;margin-top:12px;padding:12px 20px}.add-question-button:hover{background-color:#f8f9ff}.selected-questions{margin-left:auto;margin-right:auto;margin-top:32px;max-width:500px;text-align:left}.selected-questions h3{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.selected-questions ul{list-style:none;padding:0}.selected-questions li{align-items:center;background-color:#f8f9fa;border-radius:8px;color:#333;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.remove-question{background:none;border:none;color:#666;cursor:pointer;font-size:16px;padding:4px}.remove-question:hover{color:#f44}.recommendation-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.recommendation-chip{background-color:#fff;border:1px solid #ebebeb;border-radius:12px;color:#6b6b6b;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.recommendation-chip:hover{background-color:#f8faff;border-color:#1e82ff;color:#1e82ff}.recommendation-chip.selected{background-color:#1e82ff;border-color:#1e82ff;color:#fff}.recommendation-chip.selected:hover{background-color:#1670e6;border-color:#1670e6}.recommendation-chip:disabled{cursor:not-allowed;opacity:.5}.question-modal{background-color:#fff;border-radius:16px;max-width:500px;padding:40px;text-align:center;width:90%}.question-modal h3{color:#333;font-size:24px;font-weight:600;line-height:1.3;margin-bottom:16px}.question-modal p{color:#666;font-size:16px;margin-bottom:32px}.question-modal input{border:1px solid #e0e0e0;border-radius:12px;font-size:16px;margin-bottom:32px;outline:none;padding:16px 20px;width:100%}.question-modal input:focus{border-color:#007bff}.modal-buttons button{padding:14px 20px}@media (max-width:768px){.page-content{padding:40px 16px 100px}.form-header h1{font-size:28px}.generate-button{font-size:16px;min-width:200px;padding:14px 28px}.generating-info{padding:30px 16px}.question-selection-section h2{font-size:24px}.question-chips{gap:8px}.question-chip{font-size:13px;padding:10px 16px}.recommendation-chips{gap:6px}.recommendation-chip{font-size:12px;padding:6px 12px}.question-modal{padding:32px 24px}.question-modal h3{font-size:20px}.modal-buttons{flex-direction:column}.page-content{padding:40px 16px}.content-wrapper{max-width:100%}.question-input-section .form-header h1{font-size:24px;line-height:1.4}.question-input-section .form-header p{font-size:14px}.recommendation-chips{gap:10px}.recommendation-chip{font-size:13px;padding:6px 12px}.generate-button{font-size:16px;min-width:200px;padding:14px 24px}.generating-info{margin-top:24px}.generating-info p{font-size:14px}.generating-details{font-size:12px!important}}@media (max-width:480px){.page-content{padding:24px 12px 100px}.question-input-section .form-header h1{font-size:20px;line-height:1.3}.question-input-section .form-header p{font-size:13px}.question-input{margin-bottom:32px}.recommendation-chips{gap:6px}.recommendation-chip{font-size:12px;padding:8px 12px}.generate-button{font-size:14px;min-width:100%;padding:12px 20px}.generating-info{margin-top:20px;padding:16px}.generating-info p{font-size:13px}.generating-details{font-size:11px!important;line-height:1.4}.generating-spinner{height:20px;width:20px}}@media (max-width:390px){.page-content{padding:20px 10px 100px}.question-input-section .form-header h1{font-size:18px;line-height:1.2}.question-input-section .form-header p{font-size:12px}.recommendation-chip{font-size:11px;padding:6px 10px}.generate-button{font-size:13px;padding:10px 16px}.generating-info{padding:12px}.generating-info p{font-size:12px}.generating-details{font-size:10px!important}}.question-page .button-container{background:#fff!important;border-top:1px solid #ebebeb!important;bottom:0!important;height:80px!important;left:0!important;padding:20px 40px!important;position:fixed!important;right:0!important;z-index:100!important}.question-page .button-container,.question-page .next-button{align-items:center!important;display:flex!important;justify-content:center!important}.question-page .next-button{background-color:#1e82ff!important;border:none!important;border-radius:12px!important;color:#fff!important;cursor:pointer!important;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:20px!important;font-weight:600!important;height:58px!important;min-width:120px!important;padding:16px 32px!important;transition:all .2s ease!important}.question-page .next-button:hover{background-color:#1670e6!important}.question-page .next-button:active{transform:translateY(1px)!important}.question-page .next-button.disabled{background:#f0f0f2!important;color:#a6a6a7!important;cursor:not-allowed;pointer-events:none}.question-page .next-button-spinner{animation:spin 1s linear infinite;border:2px solid #1e82ff;border-radius:50%;border-top-color:#0000;height:16px;margin-right:12px;width:16px}@media (max-width:768px){.question-page .button-container{height:70px;padding:16px 20px}.question-page .next-button{font-size:16px;height:48px;min-width:100px;padding:12px 24px}}@media (max-width:480px){.question-page .button-container{height:60px;padding:12px 16px}.question-page .next-button{font-size:14px;height:40px;min-width:80px;padding:10px 20px}}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:1.5;min-height:48px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .2s ease}.btn-primary{background:#3b82f6;box-shadow:0 1px 3px #0000001a;color:#fff}.btn-primary:hover:not(.btn-disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-primary:active:not(.btn-disabled){box-shadow:0 2px 8px #3b82f64d;transform:translateY(0)}.btn-secondary{background:#f8f9fa;border:1px solid #e1e5e9;color:#64748b}.btn-secondary:hover:not(.btn-disabled){background:#f1f5f9;border-color:#cbd5e1;color:#475569}.btn-outline{background:#0000;border:1px solid #3b82f6;color:#3b82f6}.btn-outline:hover:not(.btn-disabled){background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-small{font-size:14px;min-height:40px;padding:8px 16px}.btn-large{font-size:18px;min-height:56px;padding:16px 32px}.btn-full-width{width:100%}.btn-icon{border-radius:8px;height:40px;min-height:auto;padding:0;width:40px}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn-loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;margin-right:8px;width:16px}.main-cta{background:#3b82f6;border:none;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.main-cta:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.main-cta:disabled{background-color:#e1e5e9;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.secondary-cta{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:12px;color:#374151;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.secondary-cta:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#1f2937}@media (max-width:768px){.button{font-size:14px;min-height:48px;padding:14px 24px}.button.small{font-size:12px;min-height:36px;padding:10px 16px}.button.large{font-size:16px;min-height:52px;padding:16px 32px}}@media (max-width:480px){.button{box-sizing:border-box;font-size:14px;min-height:44px;padding:12px 20px;width:100%}.button.small{font-size:12px;min-height:32px;padding:8px 12px;width:auto}.button.large{font-size:15px;min-height:48px;padding:14px 28px}.button:disabled{opacity:.6}}@media (hover:none) and (pointer:coarse){.button{min-height:44px;transition:all .2s ease}.button:active{transform:scale(.98)}.button:not(:disabled):active{opacity:.8}}@media (max-width:390px){.button{font-size:13px;min-height:40px;padding:10px 16px}.button.small{font-size:11px;min-height:28px;padding:6px 10px}.button.large{font-size:14px;min-height:44px;padding:12px 24px}}.result-page{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto}.page-content{align-content:flex-start;align-items:flex-start;display:flex;justify-content:center;padding:40px 20px 20px;width:100%}.content-wrapper{align-self:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:880px;width:100%}.job-info-section{margin-bottom:32px;padding:32px}.job-link{gap:12px;margin-bottom:16px}.link-icon{color:#64748b;font-size:18px}.job-link a{color:#3b82f6;font-size:16px;font-weight:500;line-height:1.4;word-break:break-all}.job-link a:hover{text-decoration:underline}.job-company{gap:8px;margin-bottom:16px}.company-icon,.job-company{align-items:center;display:flex}.company-icon{flex-shrink:0;height:18px;justify-content:center;width:18px}.job-company span:last-child{color:#374151;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none;word-break:break-all}.briefcase-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.job-position span:last-child{color:#374151;font-size:16px;font-weight:500}.tab-navigation{-ms-overflow-style:none;align-items:flex-end;border-bottom:1px solid #f1f5f9;display:flex;gap:24px;margin-bottom:24px;overflow-x:auto;overflow-y:hidden;padding:0 0 6px;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab{border:none;color:#9ca3af;cursor:pointer;font-size:16px;font-weight:500;padding:8px 2px;position:relative;transition:color .2s ease;white-space:nowrap}.tab,.tab:hover{background:#0000}.tab:hover{color:#6b7280}.tab.active{color:#343435;font-weight:600}.tab.active:after{background:#000;border-radius:2px;bottom:-7px;content:"";height:3px;left:0;position:absolute;right:0}.add-tab{background-color:initial;border:1px dashed #343435;border-radius:12px;color:#343435;font-weight:500;padding:14px 24px;transition:all .2s ease;white-space:nowrap}.add-tab:hover{background-color:#f1f5f9}.tab-content{background-color:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:40px}.answer-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.answer-header h3{color:#1a1d29;font-size:24px;font-weight:600;line-height:1.3;margin:0;max-width:60%}.answer-meta{align-items:center;display:flex;gap:16px}.character-count{background-color:#f8f9fa;border-radius:20px;color:#64748b;padding:8px 16px}.character-count,.copy-button{font-size:14px;font-weight:500}.copy-button{background-color:#3b82f6;border:none;border-radius:24px;color:#fff;cursor:pointer;padding:10px 20px;transition:all .2s ease}.copy-button:hover{background-color:#2563eb;transform:translateY(-1px)}.answer-content{margin-bottom:24px}.answer-text{line-height:1.8;margin-bottom:40px}.answer-text p{color:#374151;font-size:16px;line-height:1.8;margin-bottom:20px}.revision-input-section{background-color:#fff;border:1px solid #1e82ff;border-radius:12px;margin-top:24px;padding:16px}.revision-input{gap:12px}.revision-input textarea{background-color:initial;border-radius:0;color:#1a1d29;font-family:inherit;font-size:16px;line-height:1.5;outline:none;padding:14px 16px}.revision-input textarea::-webkit-scrollbar{width:6px}.revision-input textarea::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.revision-input textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.revision-input textarea::-webkit-scrollbar-thumb:hover{background:#94a3b8}.revision-input textarea::placeholder{color:#9ca3af}.revision-input textarea:focus{border:none;box-shadow:none}.send-revision{background-color:#1e82ff;border-radius:50%;font-size:16px;height:24px;min-width:24px;padding:12px;width:24px}.send-revision:hover:not(:disabled){background-color:#06c}.send-revision:disabled{background-color:#f0f0f2;color:#b3b3b4;cursor:not-allowed}.modal-overlay{background-color:#00000080;z-index:1000}.add-question-modal{background-color:#fff;border-radius:20px;max-width:540px;padding:48px;text-align:center;width:90%}.add-question-modal h3{color:#1a1d29;font-size:26px;font-weight:600;line-height:1.3;margin-bottom:16px}.add-question-modal p{color:#64748b;font-size:16px;line-height:1.5;margin-bottom:32px}.add-question-modal input{background-color:#fff;border:1px solid #e1e5e9;border-radius:16px;font-size:16px;margin-bottom:32px;outline:none;padding:20px 24px;width:100%}.add-question-modal input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-buttons{display:flex;gap:16px;justify-content:center}.modal-buttons button{border-radius:12px;flex:1 1;font-size:16px;font-weight:600;max-width:200px;padding:16px 24px}.error-container,.loading-container{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;right:0;text-align:center;top:0;z-index:1000}.loading-spinner{border:3px solid #e1e5e9!important;border-top-color:#3b82f6!important;height:48px!important;margin-bottom:20px;width:48px!important}@media (max-width:480px){.page-content{padding:16px}.job-info-section{padding:20px 16px}.tab-content{padding:24px 16px}.answer-header h3{font-size:20px}.tab{font-size:14px;padding:10px 16px}.tab.multiple-tabs{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.single-tab{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.add-tab{font-size:12px;padding:10px 16px}.add-question-modal{padding:28px 20px}.add-question-modal h3{font-size:20px}.page-content{padding:16px 12px}.result-header h1{font-size:20px}.result-header p{font-size:13px}.job-info-section{gap:10px;padding:14px 16px}.job-link a{font-size:12px}.job-position span:last-child{font-size:14px}.tab-navigation{-ms-overflow-style:none;gap:6px;overflow-x:auto;padding:0 6px;scrollbar-width:none}}@media (max-width:480px){.tab-navigation::-webkit-scrollbar{display:none}.tab-button{flex-shrink:0;font-size:12px;min-width:50px;padding:6px 10px}.tab-button.multiple-tabs{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-button.single-tab{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.add-tab{flex-shrink:0;font-size:11px;padding:6px 10px}.answer-header{gap:12px}.answer-header h3{font-size:16px}.answer-meta{gap:8px}.character-count,.copy-button{font-size:11px}.copy-button{padding:4px 8px}.answer-text p{font-size:14px;line-height:1.5}.revision-input textarea{font-size:13px;max-height:160px;padding:8px 10px}.add-question-modal{margin:16px;max-width:calc(100% - 32px);padding:20px}.add-question-modal h3{font-size:16px}.add-question-modal p{font-size:13px}.add-question-modal input{font-size:13px;padding:8px 10px}.modal-actions{gap:8px}.modal-actions button{font-size:12px;padding:8px 16px}.modal-buttons{align-items:center;flex-direction:column;gap:12px}.modal-buttons button{max-width:300px;width:100%}}@media (max-width:390px){.page-content{padding:8px}.result-header h1{font-size:18px}.job-info-section{padding:12px 14px}.tab-button{font-size:11px;min-width:45px;padding:5px 8px}.tab-button.multiple-tabs{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-button.single-tab{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.add-tab{font-size:10px;padding:5px 8px}.answer-header h3{font-size:15px}.answer-text p{font-size:13px}.revision-input textarea{font-size:12px;max-height:140px;padding:8px 10px}.add-question-modal{margin:12px;max-width:calc(100% - 24px);padding:16px}.add-question-modal h3{font-size:15px}.add-question-modal input{font-size:12px;padding:6px 8px}.modal-buttons{align-items:center;flex-direction:column;gap:10px}.modal-buttons button{max-width:320px;width:100%}}.chat-container{padding:20px 0}.message-item{animation:fadeIn .3s ease-in;margin-bottom:30px}.message-content{padding:20px 0}.message-text{color:#343435;cursor:text;line-height:1.6;margin-bottom:16px;text-align:left;-webkit-user-select:text;user-select:text}.message-text p{font-family:Pretendard Variable,sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0 0 12px;text-align:left}.message-meta{align-items:center;color:#6b6b6b;display:flex;font-size:14px;justify-content:space-between}.message-character-count{font-family:Pretendard Variable,sans-serif;font-weight:600}.message-copy-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.message-copy-button:hover{transform:scale(1.1)}.copy-icon{height:16px;opacity:.7;transition:opacity .2s ease;width:16px}.message-copy-button:hover .copy-icon{opacity:1}.current-message .message-content,.history-message .message-content{background:#fff;border-color:#ebebeb}.history-message .message-content{opacity:1}.chat-input-section{bottom:20px;left:50%;max-width:800px;position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:1000}.revision-input{align-items:center;background:#fff;border:1px solid #ebebeb;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;padding:4px}.revision-input textarea{background:#0000;border:none;border-radius:8px;color:#343435;flex:1 1;line-height:28px;max-height:200px;min-height:40px;overflow-y:auto;padding:12px 16px;resize:none}.revision-input textarea,.revision-input textarea::placeholder{font-family:Pretendard Variable,sans-serif;font-size:18px;font-weight:400}.revision-input textarea::placeholder{color:#b3b3b4}.revision-input textarea:focus{outline:none}.send-revision{align-items:center;background:#171b1f;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;margin-right:4px;min-width:28px;padding:0;transition:all .2s ease}.send-revision:disabled:not(.processing){background:#d1d5db;cursor:not-allowed;transform:none}.send-revision:not(:disabled){background:#171b1f;cursor:pointer}.send-revision.processing{background:#fff;cursor:not-allowed;transform:none}.send-revision:hover:not(:disabled):not(.processing){background:#000;transform:scale(1.05)}.spinner{border:2px solid #1e82ff;border-top-color:#0000;display:block;margin:0 auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.page-content{padding:16px}.content-wrapper{max-width:100%}.result-header h1{font-size:24px;line-height:1.4}.result-header p{font-size:14px}.job-info-section{gap:12px;padding:16px 20px}.job-link a{font-size:13px}.job-position span:last-child{font-size:15px}.tab-navigation{gap:8px;padding:0 8px}.tab{font-size:13px;min-width:60px;padding:8px 12px}.tab.multiple-tabs{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.single-tab{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.add-tab{font-size:12px;padding:8px 12px}.tab-content{padding:28px 20px}.answer-header{align-items:flex-start;flex-direction:column;gap:20px}.answer-header h3{font-size:18px;max-width:100%}.answer-meta{align-self:stretch;justify-content:space-between}.character-count,.copy-button{font-size:12px}.copy-button{padding:6px 12px}.answer-text p{font-size:15px;line-height:1.6}.chat-container{padding:15px 0 100px}.message-content{margin:0 15px;padding:16px 0}.message-text p{font-size:14px;line-height:20px}.message-meta{align-items:center;flex-direction:row;gap:8px;justify-content:space-between}.message-copy-button{font-size:14px;height:20px;width:20px}.chat-input-section{background:#0000;border:none;bottom:20px;box-sizing:border-box;left:50%;max-width:800px;padding:0;position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:1000}.revision-input{align-items:center;background:#fff;border:1px solid #ebebeb;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;margin:0;padding:4px}.revision-input textarea{background:#0000;border:none;border-radius:8px;color:#343435;flex:1 1;line-height:28px;margin:0;max-height:200px;min-height:40px;outline:none;overflow-y:auto;padding:12px 16px;resize:none}.revision-input textarea,.revision-input textarea::placeholder{font-family:Pretendard Variable,sans-serif;font-size:18px;font-weight:400}.revision-input textarea::placeholder{color:#b3b3b4}.send-revision{align-items:center;background:#171b1f;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;margin-right:4px;min-width:28px;padding:0;transition:all .2s ease}.modal-buttons{align-items:center;flex-direction:column}.modal-buttons button{max-width:280px;width:100%}.add-question-modal{margin:20px;max-width:calc(100% - 40px);padding:24px}.add-question-modal h3{font-size:18px}.add-question-modal input{font-size:14px;padding:10px 12px}}.job-info-section{padding:20px 0}.job-link{align-items:center;display:flex;font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:600;gap:8px;line-height:20px;margin-bottom:12px}.job-link a{color:#1e82ff;text-decoration:none}.job-company .company-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.job-position{align-items:center;color:#343435;display:flex;font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:600;gap:8px;line-height:20px}.job-position .briefcase-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.add-tab{appearance:none;-webkit-appearance:none;background:#0000;border:none;color:#9ca3af;cursor:pointer;font-family:Pretendard Variable,sans-serif;font-size:14px;font-weight:600;line-height:20px;margin-left:auto;padding:8px 12px;transition:color .2s ease}.add-tab:hover:not(:disabled){color:#343435}.add-tab:disabled{color:#d1d5db;cursor:not-allowed;opacity:.4}.landing-root{background:#fff;color:#0d141c;min-height:calc(100vh - 60px);scroll-behavior:smooth}.landing-main{margin:0;max-width:100%;padding:0}.hero{align-items:center;background:linear-gradient(135deg,#f4f3fe,#cfcbfa);display:flex;height:calc(100vh - 60px);justify-content:center;overflow:hidden;position:relative;text-align:center}.hero:before{background:radial-gradient(circle at 50% 50%,#ffffff1a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-card{animation:fadeInUp 1s ease-out;background:#0000;border-radius:0;margin:0;max-width:960px;overflow:visible;padding:0 24px;position:relative;width:100%}.hero-title{animation:fadeInUp 1s ease-out .2s both;color:#404759;font-size:clamp(32px,6vw,64px);font-weight:600;letter-spacing:-2px;line-height:1.2;margin:0 0 40px}.hero-button,.hero-title{position:relative;z-index:2}.hero-button{animation:fadeInUp 1s ease-out .4s both;background:#0d80f2;border:none;border-radius:12px;box-shadow:0 4px 12px #0d80f240,0 2px 4px #0d80f226;color:#f7fafc;cursor:pointer;font-size:20px;font-weight:700;margin-bottom:30px;padding:16px 36px;transition:all .3s ease}.hero-button:hover{background:#0b6fd8;box-shadow:0 8px 24px #0d80f259,0 4px 8px #0d80f233;transform:translateY(-2px)}.hero-button:active{box-shadow:0 2px 8px #0d80f24d,0 1px 3px #0d80f226;transform:translateY(0)}.hero-image{animation:fadeInUp 1s ease-out .6s both;border-radius:16px;box-shadow:0 25px 50px #00000026;height:auto;margin-top:20px;max-width:900px;position:relative;width:100%;z-index:1}.service-intro-section{background:#fff;margin:0 auto;max-width:960px;padding:100px 24px;position:relative}.service-intro-content{text-align:center}.service-intro-main{margin:0 auto;max-width:800px}.service-intro-main-title{color:#0d141c;font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:40px}.service-intro-description{display:flex;flex-direction:column;gap:32px}.service-intro-lead{color:#1f2937;font-size:22px;font-weight:500;letter-spacing:-.01em;line-height:1.5;margin:0}.service-intro-detail{color:#4b5563;font-size:18px;font-weight:400;letter-spacing:-.005em;line-height:1.7;margin:0}.how-section{background:#fff;margin:0 auto;max-width:960px;padding:80px 24px;position:relative}.how-steps{display:flex;flex-direction:column;gap:80px;margin-top:80px}.how-step{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.how-step-image{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:center;min-height:250px;overflow:hidden;transition:all .3s ease}.step-image{border-radius:16px;height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafb,#f0f4f8);border:2px dashed #e2e8f0;border-radius:12px;color:#9ca3af;display:flex;font-size:16px;font-weight:500;height:100%;justify-content:center;max-height:220px;overflow:hidden;position:relative;width:100%}.image-placeholder:before{background:repeating-linear-gradient(45deg,#e2e8f04d,#e2e8f04d 8px,#0000 0,#0000 16px);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.image-placeholder span{position:relative;z-index:2}.how-step-text{display:flex;flex-direction:column;justify-content:center;padding:0;text-align:left}.how-step-title{color:#1f2937;font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0 0 20px}.how-step-desc{color:#6b7280;font-size:16px;font-weight:400;letter-spacing:-.01em;line-height:1.7;margin:0}@media (max-width:1024px){.how-steps{gap:60px;margin-top:60px}.how-step{gap:40px}.how-step-title{font-size:24px;margin-bottom:16px}.how-step-image{min-height:220px}}@media (max-width:768px){.how-steps{gap:50px;margin-top:50px}.how-step{gap:30px;grid-template-columns:1fr;text-align:left}.how-step-image{min-height:200px}.how-step-text{padding:0}.how-step-title{font-size:22px;margin-bottom:12px}.how-step-desc{font-size:15px;line-height:1.6}}.contact-title,.how-title{color:#0d141c;font-size:28px;font-weight:700;margin-bottom:50px;text-align:center}.contact-section{background:#fff;margin:0 auto;max-width:960px;padding:80px 24px;position:relative}.contact-input,.contact-textarea{background:#f7fafc;border:1px solid #cfdbe8;border-radius:8px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;transition:all .3s ease;width:100%}.contact-input:focus,.contact-textarea:focus{border-color:#0d80f2;box-shadow:0 0 0 3px #0d80f21a;outline:none}.contact-input{height:56px;padding:0 16px}.contact-textarea{min-height:144px;padding:16px;resize:vertical}.contact-input::placeholder,.contact-textarea::placeholder{color:#d1d5db;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}.contact-submit{background:#0d80f2;border:none;border-radius:8px;color:#f7fafc;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease}.contact-submit:hover{background:#0b6fd8;transform:translateY(-1px)}.footer{background:#0000;border-top:none;padding:60px 0;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:200px}.footer-inner{margin:0 auto;max-width:960px;padding:0 24px;text-align:center}.footer-link{background:#0000;border:none;color:#4a739c;cursor:pointer;font-size:14px;transition:color .3s ease}.footer-link:hover{color:#0d141c}.footer-links{display:flex;gap:20px;justify-content:center}.footer-contact,.footer-links{margin-bottom:20px}.footer-email{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.footer-copyright{margin-top:20px}.footer-copyright p{color:#9ca3af;font-size:12px;line-height:1.4;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero,.hero-card{padding:0 20px}.hero-title{font-size:clamp(28px,8vw,48px);margin-bottom:30px}.hero-button{font-size:18px;margin-bottom:30px;padding:14px 28px}.service-intro-section{padding:80px 20px}.service-intro-main-title{font-size:28px;margin-bottom:32px}.service-intro-description{gap:24px}.service-intro-lead{font-size:20px}.service-intro-detail{font-size:16px}.contact-section,.how-section{padding:60px 20px}.footer{padding:40px 0}.footer-inner{padding:0 20px}.footer-links{gap:20px;margin-bottom:16px}.footer-email,.footer-link{font-size:13px}.footer-copyright p{font-size:11px}}.cta-section{background:linear-gradient(135deg,#f8f9ff,#e8f0ff);overflow:hidden;padding:80px 24px;position:relative;text-align:center}.cta-section:before{background:radial-gradient(circle at 50% 50%,#0d80f20d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cta-content{margin:0 auto;max-width:600px;position:relative;z-index:2}.cta-title{color:#0d141c;font-size:32px;font-weight:700;line-height:1.3;margin-bottom:16px}.cta-description{color:#4a739c;font-size:18px;font-weight:400;line-height:1.6;margin-bottom:32px}.cta-button{background:#0d80f2;border:none;border-radius:12px;box-shadow:0 4px 12px #0d80f240,0 2px 4px #0d80f226;color:#f7fafc;cursor:pointer;font-size:18px;font-weight:700;padding:18px 40px;position:relative;transition:all .3s ease;z-index:2}.cta-button:hover{background:#0b6fd8;box-shadow:0 8px 24px #0d80f259,0 4px 8px #0d80f233;transform:translateY(-2px)}.cta-button:active{box-shadow:0 2px 8px #0d80f24d,0 1px 3px #0d80f226;transform:translateY(0)}@media (max-width:768px){.cta-section{padding:60px 20px}.cta-title{font-size:28px}.cta-description{font-size:16px;margin-bottom:28px}.cta-button{font-size:16px;max-width:300px;padding:16px 32px;width:100%}}.feedback-status-message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.4;margin-bottom:16px;margin-top:8px}.feedback-status-message.success{color:#10b981}.feedback-status-message.error{animation:shake .3s ease-in-out;color:#ef4444}.feedback-status-message.loading{color:#3b82f6}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.login-container{background-color:#fff;display:flex;flex-direction:column;height:calc(100vh - 60px);position:relative}.login-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.login-content{max-width:400px;text-align:center;width:100%}.welcome-title{color:#121417;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;line-height:35px;margin:0 0 30px}.social-login-buttons{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.social-login-btn{align-items:center;background-color:#fff;border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 2px 8px #0000001a;color:#1a1d29;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;max-width:400px;padding:20px 24px;transition:all .2s ease;width:100%}.social-login-btn:hover{background-color:#f8f9fa;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.social-login-btn:active{transform:translateY(1px)}.social-login-btn:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;transform:none}.google-icon,.kakao-icon{height:18px;width:18px}.login-spinner{align-items:center;display:flex;margin-right:8px}.spinner{animation:spin 1s linear infinite;border:2px solid #e1e5e9;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@media (max-width:768px){.social-login-btn{max-width:400px;width:100%}.login-content{padding:0 20px}.welcome-title{font-size:24px;line-height:30px}.login-main{padding-top:100px}}.coming-soon-bubble{background:#f44;border-radius:10px;box-shadow:0 1px 3px #ff44444d;color:#fff;font-size:10px;font-weight:600;line-height:1;padding:2px 6px;top:-5px;white-space:nowrap;z-index:10}.coming-soon-bubble,.coming-soon-bubble:after{left:50%;position:absolute;transform:translateX(-50%)}.coming-soon-bubble:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #f44;bottom:-4px;content:"";height:0;width:0}.social-login-btn.kakao-btn{position:relative}.social-login-btn.kakao-btn .kakao-icon,.social-login-btn.kakao-btn button,.social-login-btn.kakao-btn svg,.social-login-btn.kakao-btn>:not(.coming-soon-bubble){opacity:.7!important}.social-login-btn.kakao-btn{color:#1a1d29b3!important}.social-login-btn.kakao-btn:hover{background-color:#fff;border-color:#e1e5e9;box-shadow:0 2px 8px #0000001a;transform:none}.social-login-btn.kakao-btn:active{transform:none}.social-login-btn.kakao-btn{cursor:not-allowed}.dev-tools{bottom:20px;position:fixed;right:20px;z-index:9999}.dev-tools-toggle{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:20px;height:50px;transition:all .2s ease;width:50px}.dev-tools-toggle:hover{background:#2563eb;transform:scale(1.1)}.dev-tools-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:60px;box-shadow:0 10px 25px #0000001a;font-size:14px;padding:20px;position:absolute;right:0;width:320px}.dev-tools-panel h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:16px;margin:0 0 16px;padding-bottom:8px}.dev-tools-section{margin-bottom:20px}.dev-tools-section h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.dev-tools-control{display:flex;flex-direction:column;gap:8px}.dev-tools-control label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.dev-tools-control input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.dev-tools-description{color:#6b7280;font-size:12px;font-style:italic;margin:0}.dev-tools-info ul{margin:8px 0;padding-left:20px}.dev-tools-info li{color:#4b5563;font-size:12px;margin-bottom:4px}.dev-tools-status p{color:#6b7280;font-size:12px;margin:4px 0}@media (max-width:768px){.dev-tools{bottom:16px;right:16px}.dev-tools-toggle{font-size:18px;height:44px;width:44px}.dev-tools-panel{bottom:50px;padding:16px;width:280px}.dev-tools-panel h3{font-size:15px}.dev-tools-section h4{font-size:13px}.dev-tools-info li,.dev-tools-status p{font-size:11px}}@media (max-width:480px){.dev-tools-panel{padding:12px;width:260px}.dev-tools-panel h3{font-size:14px}.dev-tools-section h4{font-size:12px}}.login-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.login-button:hover{background:#0000;transform:scale(1.05)}.login-button:active{background:#0000;transform:scale(.98)}.login-button:focus{box-shadow:none;outline:none}@media (max-width:768px){.login-button{font-size:13px;height:36px;min-width:70px;padding:6px 12px}}.header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;height:60px;padding:0;pointer-events:auto;position:-webkit-sticky!important;position:sticky!important;top:0!important;transform:translateZ(0);transition:filter .3s ease;will-change:transform;z-index:1001}.modal-open .header{filter:brightness(.7);pointer-events:none;z-index:999}.modal-open .header .logo-section{filter:none;pointer-events:auto}.header-content{align-items:center;display:flex;justify-content:space-between;padding:0 2rem;width:100%}.header-left-section{align-items:center;display:flex;gap:2rem}.logo-section{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;pointer-events:auto!important;position:relative;transition:opacity .2s ease;-webkit-user-select:none;user-select:none;z-index:1002}.logo-section:hover{opacity:.8}.logo-section:active{opacity:.6;transform:scale(.98)}.logo-image{cursor:pointer;height:56px;pointer-events:auto!important;position:relative;width:auto;z-index:1003}.header-menu-section{align-items:center;display:flex;gap:8px}.active-indicator{background:#3b82f6;border-radius:1px;bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease;width:100%}.header-right-section{align-items:center;display:flex;gap:12px}.profile-section{position:relative}.header-sidebar-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.header-sidebar-toggle-btn:hover{background:#0000!important;color:#374151;transform:scale(1.05)}.header-menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:auto;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.header-menu-btn:hover{background:#0000!important;transform:scale(1.05)}.header-menu-btn:active{background:#0000!important;transform:scale(.98)}.header-menu-btn:focus{box-shadow:none;outline:none}.profile-icon{align-items:center;background:#f3f4f6;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.profile-icon:hover{background:#e5e7eb;transform:scale(1.05)}.profile-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:.5rem;min-width:120px;position:absolute;right:0;top:100%;width:-webkit-fit-content;width:fit-content;z-index:1001}.dropdown-item{align-items:center;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s ease;white-space:nowrap}.dropdown-item:hover{background:#f9fafb}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header-content{padding:0 1rem}.logo-image{height:44px}.dropdown-menu{min-width:100px;right:-.5rem}}.sidebar{background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 20px #00000014;display:flex;flex-direction:column;height:calc(100vh - 60px);min-width:280px;overflow:hidden;position:fixed;right:0;top:60px;transform:translateX(100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-resizer{background:#0000;cursor:col-resize;height:100%;left:0;position:absolute;top:0;transition:background-color .2s ease;width:6px}.sidebar-resizer:hover{background:#3b82f61f}.sidebar.resizing .sidebar-resizer{background:#3b82f62e}.sidebar.resizing.min-width-reached .sidebar-resizer{background:#9ca3af4d;cursor:not-allowed}.sidebar-content{flex:1 1;overflow-y:auto;padding:20px 0}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;margin-bottom:12px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.error-state p{color:#ef4444;font-size:14px;margin-bottom:12px}.retry-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.retry-btn:hover{background:#e5e7eb}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-state p{color:#6b7280;font-size:14px;margin-bottom:16px}.sessions-list{padding:0 8px}.session-item{margin-bottom:4px;position:relative}.session-content{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}@media (hover:hover) and (pointer:fine){.session-content:hover{background:#f3f4f6}}.session-item.active .session-content{background:#eff6ff;border:1px solid #dbeafe}.session-info{flex:1 1;min-width:0}.session-title{color:#1f2937;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-date{color:#6b7280;font-size:12px;margin:0}.session-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:relative;transition:all .2s ease;width:28px}.session-item.active .session-menu-btn{opacity:1}@media (hover:hover) and (pointer:fine){.session-item:hover .session-menu-btn{opacity:1}.session-menu-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}}@media (max-width:768px){.session-menu-btn{opacity:1}}.session-menu-btn:active{transform:scale(.95)}.session-menu-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.session-menu{animation:menuFadeIn .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:8px;min-width:100px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1003}@keyframes menuFadeIn{0%{opacity:0;transform:translateX(8px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.menu-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#f9fafb}.menu-item:active{background:#f3f4f6}.menu-item.delete-btn{color:#ef4444;font-weight:600}.menu-item.delete-btn:hover{background:#fef2f2;color:#dc2626}.menu-item.delete-btn:active{background:#fee2e2}.menu-item:disabled{background:#0000!important;cursor:not-allowed;opacity:.5}.menu-item svg{flex-shrink:0}@media (max-width:768px){.sidebar{width:100%;z-index:1002}.session-menu{min-width:100px;right:0}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#0000}.sidebar-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-confirm-modal{animation:slideIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:24px;width:90%}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-confirm-modal h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.delete-confirm-modal p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px;text-align:center}.delete-confirm-modal .session-title-preview{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;margin:16px 0 24px;padding:12px;text-align:center}.delete-confirm-modal .modal-buttons{display:flex;gap:12px;justify-content:center}.delete-confirm-modal .delete-confirm-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.delete-confirm-modal .delete-confirm-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.delete-confirm-modal .delete-confirm-btn:active:not(:disabled){transform:translateY(0)}.delete-confirm-modal .delete-confirm-btn:disabled{background:#fca5a5;cursor:not-allowed;transform:none}.delete-confirm-modal .delete-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.delete-confirm-modal .delete-cancel-btn:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.delete-confirm-modal .delete-cancel-btn:active:not(:disabled){transform:translateY(0)}.delete-confirm-modal .delete-cancel-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.delete-confirm-modal{margin:20px;padding:20px}.delete-confirm-modal .modal-buttons{flex-direction:column}.delete-confirm-modal .delete-cancel-btn,.delete-confirm-modal .delete-confirm-btn{width:100%}}
/*# sourceMappingURL=main.f7147427.css.map*/