body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:1px solid #0000;box-shadow:none;box-sizing:border-box;display:flex;justify-content:space-between;left:50%;min-width:0;overflow-x:auto;padding:.8rem 1.5rem;position:fixed;transform:translateX(-50%);transition:background .3s ease-in-out,border .3s ease-in-out,box-shadow .3s ease-in-out;width:100%;z-index:1000}.navbar-logo{height:82px;width:82px}.navbar.scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f9f6f699;border:1px solid #fff3;box-shadow:0 4px 20px #00000014}.navbar-left{align-items:center;display:flex}.navbar-brand{color:#060606;color:#6366f1;font-size:1.5rem;font-weight:700;letter-spacing:-1px;padding:.2rem .5rem;text-decoration:none;white-space:nowrap}.navbar-right{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:700;gap:.7rem;text-align:center}.navbar-menu{border:none;border-radius:1.2rem;color:#333;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.navbar-menu:hover{background:#fff;color:#6366f1}.profile-wrapper{display:inline-block}.profile-link{color:inherit;text-decoration:none}.profile-popover{border-radius:.5rem;box-shadow:0 4px 12px #0000001a;color:#333;font-size:.875rem;margin-top:.5rem;padding:1rem;top:100%;white-space:nowrap;z-index:1001}.popover-header{font-weight:600;margin-bottom:.5rem}.navbar-user{color:#6366f1;display:flex;font-family:Jalnan2TTF;font-size:1rem;margin-right:1rem}.navbar-logout-btn{background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out}.navbar-logout-btn:hover{background:#dc2626;color:#fff}@media (max-width:768px){.navbar-user{font-size:.8rem;margin-right:.5rem}.navbar-logout-btn{font-size:.75rem;padding:.4rem .8rem}}body,html{background-color:#fff;margin:0;min-height:100%;overflow-x:hidden;padding:0;width:100%}.home-wrapper{box-sizing:border-box;justify-content:flex-start;min-height:100vh;padding:3.3rem 1.1rem}.content-container,.home-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.content-container{z-index:2}background-container{background-image:#fff;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.background-container:before{background-image:linear-gradient(#ffffffb3 1px,#0000 0),linear-gradient(90deg,#ffffffb3 1px,#0000 0);background-size:33px 33px;border-radius:2.2rem;content:"";height:49.5%;left:50%;mask-image:radial-gradient(ellipse at center,#000 60%,#0000 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 60%,#0000 100%);position:absolute;top:60%;transform:translate(-50%,-50%);width:55%}.background-container>div{border-radius:50%;filter:blur(110px);opacity:.5;position:absolute}.blob-c1{background:#3b82f6cc;height:20vw;left:3%;top:43%;width:30vw}.blob-c2{background:#8b5cf6cc;height:18.15vw;left:3%;top:58%;width:40vw}.blob-c3{background:#22c55e66;top:65%}.blob-c3,.blob-c4{height:21.78vw;right:3%;width:30vw}.blob-c4{background:#ef444466;top:78%}.blob-c5{background:#f59e0bb3;top:73%}.blob-c5,.blob-c6{height:18.15vw;left:3%;width:30vw}.blob-c6{background:#fde04799;top:83%}.blob-c7{background:#115bdb;height:24.2vw;left:15%;top:43%;width:70vw}.blob-c8{background:rgba(28,159,216,.874);height:30.25vw;right:3%;top:43%;width:30vw}@keyframes move{0%{transform:translate(0) rotate(0deg) scale(1)}to{transform:translate(11vw,5.5vh) rotate(180deg) scale(1.1)}}.home-title{margin-bottom:1.5rem;margin-top:4rem;text-align:center}.home-title h1{color:#6785e8;font-size:3.08rem;font-weight:700;text-shadow:0 0 16px #fff3}.home-subtitle{color:#717377;line-height:1.6;margin-top:1.1rem;text-align:center}.home-explains{backdrop-filter:blur(5.5px);-webkit-backdrop-filter:blur(5.5px);background:hsla(0,0%,100%,.315);border:1px solid hsla(0,0%,100%,.467);border-radius:9999px;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin:3rem auto 0;padding:.55rem;width:auto}.home-explains .tab{background:#0000;border:none;border-radius:9999px;color:#525354;cursor:pointer;font-size:1.1rem;font-weight:500;padding:.825rem 1.65rem;transition:background .3s,color .3s}.home-explains .tab:hover{color:#3b82f6}.home-explains .tab.selected{background:#fff;box-shadow:0 4px 18px #0000001a;color:#3b82f6}.home-content-area{margin-top:2.2rem;max-width:1200px;perspective:1100px;width:100%}.tab-image{animation:fadeIn .6s ease-in-out;border:1px solid #fff3;border-radius:1.65rem;box-shadow:0 22px 55px #00000026;display:block;height:auto;width:100%}.main-btn{background:linear-gradient(90deg,#6366f1,#60a5fa);border:none;border-radius:2.2rem;box-shadow:0 2px 9px #6366f133,0 0 22px #60a5fa4d;color:#fff;cursor:pointer;font-size:1.32rem;font-weight:600;margin-top:3rem;padding:1.1rem 2.75rem;transition:all .3s ease}.main-btn:hover{box-shadow:0 4px 18px #6366f14d,0 0 33px #60a5fa66;transform:translateY(-2px)}@media (max-width:768px){.home-title h1{font-size:2.2rem}.home-subtitle{font-size:1.1rem}.background-container:before{height:55%;width:95%}.background-container>div{filter:blur(66px)}.blob-c1{height:44vw;width:44vw}.blob-c7{height:55vw;width:55vw}.blob-c8{height:49.5vw;width:49.5vw}}.select-job-container{background:#fff;border-radius:2rem;box-shadow:0 8px 32px #6366f11f;margin:4rem auto;max-width:420px;padding:2.5rem 2rem;text-align:center}.select-job-container h2{color:#6366f1;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.job-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:2rem 0;padding:0}.job-list li{margin-bottom:0}.job-list label{align-items:center;background:#f1f3f6;border-radius:1rem;cursor:pointer;display:flex;font-size:1.08rem;gap:.7rem;padding:.8rem 1.2rem;transition:background .2s}.job-list input[type=radio]{accent-color:#6366f1}.job-list label:hover{background:#e0e7ff}.start-btn{background:linear-gradient(90deg,#6366f1,#60a5fa);border:none;border-radius:2rem;box-shadow:0 2px 8px #6366f114;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;margin-top:2rem;padding:.9rem 2.2rem;transition:background .2s,box-shadow .2s}.start-btn:disabled{background:#ccc;cursor:not-allowed}.start-btn:hover:not(:disabled){background:linear-gradient(90deg,#60a5fa,#6366f1);box-shadow:0 4px 16px #6366f129}@media (max-width:700px){.select-job-container{border-radius:1rem;margin-top:1rem;padding:1.5rem .7rem}}.interview-container{background:#fff;border-radius:2rem;box-shadow:0 8px 32px #6a6cc41f;height:600px;margin:4rem auto;padding:2.5rem 2rem;width:1000px}.interview-container h2{bottom:15rem;left:2rem;margin:0;position:absolute;right:2rem}.time-banner{background-color:#6366f1;border-radius:1rem;box-shadow:0 4px 16px #6366f133;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;transition:opacity .3s ease;z-index:1000}.webcam-container{border-radius:2rem;box-shadow:0 8px 32px #6366f11f;margin:0 auto 1rem;max-width:600px;overflow:hidden}.webcam-video{display:block;height:auto;width:100%}.subtitle{background:#fffc;border:1px solid #0003;border-radius:8px;box-sizing:border-box;color:#333;font-size:1rem;left:50%;max-height:10vh;overflow-y:auto;padding:.5rem 1rem .5rem .5rem;position:absolute;text-align:center;top:65%;transform:translateX(-50%);white-space:pre-wrap;width:90%;word-break:break-word}.subtitle::-webkit-scrollbar{width:6px}.subtitle::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.question-box{background:#f1f3f6;border-radius:1rem;box-shadow:0 2px 8px #6366f10a;font-size:1.13rem;margin-bottom:1.5rem;padding:1.2rem}.answer-form{margin-bottom:2rem}.answer-textarea{border:1px solid #ddd;border-radius:1rem;box-shadow:0 2px 8px #6366f10a;font-size:1.08rem;padding:1rem;resize:vertical;width:100%}.submit-btn{background:linear-gradient(90deg,#6366f1,#60a5fa);border:none;border-radius:2rem;box-shadow:0 2px 8px #6366f114;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;margin-top:1rem;padding:.9rem 2.2rem;transition:background .2s,box-shadow .2s}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.submit-btn:hover:not(:disabled){background:linear-gradient(90deg,#60a5fa,#6366f1);box-shadow:0 4px 16px #6366f129}.progress-bar{background:#eee;border-radius:5px;bottom:6rem;height:10px;left:2rem;overflow:hidden;position:absolute;right:2rem}.progress{background:linear-gradient(90deg,#6366f1,#60a5fa);height:100%;transition:width .3s;width:0}@media (max-width:700px){.interview-container{border-radius:1rem;margin-top:1rem;padding:1.5rem .7rem}}.interview-box{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border-radius:16px;box-shadow:0 6px 20px #00000014;font-weight:500;margin-bottom:24px;padding:32px;transition:all .3s ease}.interview-box:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.row{margin-bottom:18px}.row h2,.row h3{color:#2e3a8c;font-size:16px;font-weight:600;letter-spacing:.3px;margin:0 0 8px}.row p{color:#333;font-size:14px;line-height:1.7;margin:0}.analysis-content span{border-left:3px solid #7289da;color:#444;display:block;font-size:14px;margin-bottom:6px;padding-left:12px}.score{align-items:center;color:#2e3a8c;display:flex;font-size:16px;font-weight:700;justify-content:space-between}.score-value{background:#2e3a8c;border-radius:999px;color:#fff;font-size:14px;padding:6px 16px}.highlight{background:linear-gradient(135deg,#e6edff,#c3d0ff);border-radius:12px;box-shadow:0 4px 12px #00000014;color:#2e3a8c;font-weight:600;margin-top:12px;padding:16px}.typing-wrapper{display:flex;flex-direction:column;gap:8px;padding:10px 0}.fixed-ment{color:#6785e8}.fixed-ment,.typing-footer{font-size:30px;font-weight:600;margin:0}.typing-footer{animation:blink .8s step-end infinite;border-right:none;color:#25dfa7;min-height:1.5em;overflow:hidden;white-space:nowrap}@keyframes blink{50%{border-color:#0000}}.score-chart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:16px}.score-chart h3{color:#2e3a8c;font-size:18px}.score-chart h3,.score-item{margin-bottom:12px}.score-item span{color:#444;display:block;font-weight:600;margin-bottom:6px}.bar{background-color:#e0e7ff;height:12px;overflow:hidden;width:100%}.bar,.bar-fill{border-radius:6px}.bar-fill{height:100%;transition:width .6s ease}.result-container{background-color:#f9faff;box-sizing:border-box;padding:60px 40px;width:100%}.padd{align-items:flex-start;display:flex;gap:40px;margin:0 auto;max-width:1200px}.vd{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;box-shadow:0 10px 20px #00000014,0 4px 6px #0000000d;flex:0 0 360px;height:fit-content;overflow:hidden;padding:12px;position:sticky;top:80px;transition:transform .3s ease,box-shadow .3s ease}.vd video{border-radius:12px;display:block;width:100%}.result{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.result-summary{background:none;padding:20px}@media screen and (max-width:960px){.padd{flex-direction:column}.vd{margin-bottom:20px;position:static;width:100%}}.analyzing-overlay{align-items:center;background:#fffffff2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.analyzing-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem 3rem;text-align:center}.analyzing-spinner{animation:analyzing-spin 1s linear infinite;border:6px solid #0000001a;border-radius:50%;border-top-color:#6366f1;height:50px;margin:0 auto 1.5rem;width:50px}@keyframes analyzing-spin{to{transform:rotate(1turn)}}.analyzing-text{color:#333;font-size:1.25rem;margin-bottom:.75rem}.analyzing-subtext{color:#666;font-size:.9rem}@media (max-width:700px){.analyzing-card{margin:1rem;padding:1.5rem 2rem}.analyzing-text{font-size:1.1rem}.analyzing-subtext{font-size:.8rem}.analyzing-spinner{height:40px;width:40px}}.auth-container{background:#fff;border-radius:2rem;box-shadow:0 8px 32px #6366f11f;margin:4rem auto;max-width:400px;padding:2.5rem 2rem;text-align:center}.auth-container h2{color:#6366f1;font-size:1.8rem;font-weight:700;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem}.auth-input{border:1px solid #ddd;border-radius:1rem;box-shadow:0 2px 8px #6366f10a;font-size:1.08rem;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:#6366f1;box-shadow:0 2px 8px #6366f11f;outline:none}.auth-btn{background:linear-gradient(90deg,#6366f1,#60a5fa);border:none;border-radius:2rem;box-shadow:0 2px 8px #6366f114;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;margin-top:1rem;padding:.8rem 2rem;transition:background .2s,box-shadow .2s}.auth-btn:hover:not(:disabled){background:linear-gradient(90deg,#60a5fa,#6366f1);box-shadow:0 4px 16px #6366f129}.auth-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.auth-divider{margin:2rem 0 1.5rem;position:relative;text-align:center}.auth-divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#6b7280;font-size:.9rem;padding:0 1rem;position:relative}.kakao-btn{align-items:center;background:#fee500;border:none;border-radius:2rem;box-shadow:0 2px 8px #6366f114;color:#3c1e1e;cursor:pointer;display:flex;font-size:1.08rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.8rem 2rem;transition:background .2s,box-shadow .2s;width:100%}.kakao-btn:hover{background:#ffe066}.email-input-container{align-items:center;display:flex;position:relative}.email-input-with-btn{padding-right:5rem!important}.email-check-btn-inline{background:linear-gradient(90deg,#8b5cf6,#a855f7);border:none;border-radius:.6rem;box-shadow:0 2px 4px #8b5cf633;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s;white-space:nowrap}.email-check-btn-inline:hover:not(:disabled){background:linear-gradient(90deg,#7c3aed,#9333ea);box-shadow:0 4px 8px #8b5cf64d;transform:translateY(-50%) scale(1.02)}.email-check-btn-inline:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:translateY(-50%)}.email-check-container{align-items:center;display:flex;gap:.5rem}.email-check-container .auth-input{flex:1 1}.auth-email-check-btn,.email-check-btn{background:#8b5cf6;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.8rem 1rem;transition:background .2s;white-space:nowrap}.auth-email-check-btn:hover:not(:disabled),.email-check-btn:hover:not(:disabled){background:#7c3aed}.auth-email-check-btn:disabled,.email-check-btn:disabled{background:#9ca3af;cursor:not-allowed}.email-check-result,.email-status{border-radius:.8rem;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.6rem;text-align:center}.email-check-result.available,.email-status.available{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:1px solid #a7f3d0;color:#065f46}.email-check-result.unavailable,.email-status.unavailable{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #fca5a5;color:#991b1b}.profile-container{background:#f8f9fa;border-radius:2rem;box-shadow:0 8px 32px #6366f11f;margin:5% auto;max-width:900px;padding:3rem 2.5rem;text-align:center;width:95%}.profile-layout{align-items:flex-start;display:flex;gap:2rem;margin-top:1.5rem}@media screen and (max-width:768px){.profile-layout{flex-direction:column;gap:1.5rem}.profile-container{margin:2rem auto;padding:1.5rem}}.profile-card{align-items:center;background:#0000;border-radius:1.2rem;display:flex;flex-direction:column;gap:1rem;margin-top:0;padding:0;text-align:center}.profile-avatar{background:linear-gradient(90deg,#6366f1,#60a5fa);border-radius:50%;display:inline-block;height:80px;margin-bottom:.5rem;width:80px}.profile-info{color:#333;font-size:1.08rem;line-height:1.6;text-align:center}.profile-info div{margin-bottom:.5rem}.profile-popover{background:#fff;border:1px solid #eee;border-radius:1rem;box-shadow:0 8px 32px #6366f12e;color:#222;font-size:1rem;left:auto;min-width:180px;padding:1rem 1.2rem;position:absolute;right:0;text-align:left;top:2.8rem;z-index:9999}.profile-popover div{margin-bottom:.3rem}.detail-view-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:1rem;box-shadow:0 2px 10px #667eea40;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;overflow:hidden;padding:.4rem .8rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.detail-view-btn:before{background:linear-gradient(135deg,#764ba2,#667eea);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.detail-view-btn:hover:before{left:0}.detail-view-btn:hover{box-shadow:0 4px 15px #667eea59;transform:translateY(-2px)}.detail-view-btn:active{transform:translateY(-1px)}.session-header{align-items:center;border-bottom:2px solid #6366f1;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.8rem}.session-info h4{color:#6366f1;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.session-details{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem}@media (max-width:768px){.session-header{align-items:flex-start;flex-direction:column;gap:.8rem}.detail-view-btn{align-self:flex-end;font-size:.75rem;padding:.35rem .7rem}.session-details{flex-direction:column;gap:.3rem}}body{background:linear-gradient(180deg,#c7eefc 0,#f7f8fa 25%);font-family:Pretendard,Noto Sans KR,Arial,sans-serif;margin:0}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background:linear-gradient(90deg,#6366f1,#60a5fa);border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;box-shadow:0 2px 16px #6366f114;color:#fff;padding:1.5rem 2rem;text-align:left}.App-content{align-items:center;background:none;display:flex;flex:1 1;justify-content:center}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:700px){.App{padding:0}.navbar{border-radius:.7rem;overflow-x:auto;padding:.7rem}.navbar-brand{font-size:1.1rem;padding:.1rem .2rem}.navbar-right{flex-wrap:wrap;gap:.3rem}.navbar-menu{border-radius:1rem;font-size:.9rem;padding:.3rem .7rem;white-space:nowrap}}
/*# sourceMappingURL=main.88bb9c4b.css.map*/