@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.App{display:flex;flex-direction:column;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{background-color:#282c34;color:#fff;margin-bottom:20px;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}main{flex:1 1;padding:0 20px}.login-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:30px}.login-container h2{color:#333;margin-bottom:20px}.login-container p{color:#666;line-height:1.6;margin-bottom:20px}.login-form{margin-top:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;margin-bottom:8px}.form-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:16px;padding:12px}.form-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-error{color:#d32f2f;font-size:14px;margin-bottom:15px;text-align:left}.login-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px 30px;transition:background-color .2s;width:100%}.login-button:hover{background-color:#45a049}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-top-color:#007bff;margin-bottom:20px}.layout{display:flex;flex-direction:column;min-height:100vh;padding:1rem}.header{background:linear-gradient(135deg,#3f51b5,#5c6bc0);box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0}.header-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 1.5rem}.header h1{font-size:1.8rem;font-weight:600;margin:0}.page-title{font-size:1.2rem;font-weight:400;margin:.5rem 0 0;opacity:.9}.main-content{display:flex;flex:1 1;flex-direction:column;padding:0}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;margin-top:auto;padding:20px 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.footer p{color:#6c757d;font-size:14px;margin:5px 0}.footer a{color:#5d92ff;margin:0 8px;text-decoration:none}.footer a:hover{color:#8a65db;text-decoration:underline}@media (max-width:768px){.header h1{font-size:1.5rem}.page-title{font-size:1rem}.main-content{margin:1rem auto}}.landing-container{align-items:center;display:flex;justify-content:center;width:100%}.landing-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;max-width:800px;overflow:hidden;width:100%}.landing-header{background:linear-gradient(120deg,#5d92ff,#8a65db);color:#fff;padding:2rem;text-align:center}.landing-header h2{font-size:2rem;font-weight:600;margin:0}.landing-subheading{font-size:1.1rem;margin-top:.5rem;opacity:.9}.landing-info{background-color:#f8f9fc;display:flex;flex-direction:column;gap:1rem;padding:2rem}.info-item{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;padding:1.2rem;width:100%}.info-icon{font-size:2.2rem;margin-right:1.2rem;min-width:40px;text-align:center}.info-text{flex:1 1}.info-text h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.info-text p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.landing-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#444;display:block;font-weight:500;margin-bottom:.5rem}.form-input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-input:focus{background-color:#fff;border-color:#5d92ff;box-shadow:0 0 0 3px #5d92ff26;outline:none}.form-error{background-color:#e539351a;border-radius:4px;color:#e53935;font-size:.875rem;margin-bottom:1rem;padding:.5rem .75rem}.start-button{font-weight:600;margin-top:1rem}.start-button:active{transform:translateY(0)}@media (max-width:768px){.landing-info{flex-direction:column}.info-item{margin:.5rem 0;min-width:0;min-width:auto}.landing-header h2{font-size:1.5rem}.landing-subheading{font-size:1rem}}.welcome-container{display:flex;justify-content:center;width:100%}.welcome-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;max-width:800px;overflow:hidden;width:100%}.welcome-header{background:linear-gradient(120deg,#5d92ff,#8a65db);color:#fff;padding:1.5rem 2rem}.welcome-header h2{font-size:1.6rem;font-weight:600;margin:0}.welcome-header p{font-size:1rem;margin:.5rem 0 0;opacity:.9}.welcome-content{padding:2rem}.greeting-section,.instructions-section,.technical-section{margin-bottom:2rem}.greeting-section h3,.instructions-section h3,.technical-section h3{color:#5d92ff;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.greeting-section p{color:#555;line-height:1.5;margin:0}.instructions-section ul,.technical-section ul{margin:0;padding-left:1.5rem}.instructions-section li,.technical-section li{color:#555;line-height:1.5;margin-bottom:.5rem}.welcome-checkbox{background-color:#f5f7ff;border-left:4px solid #5d92ff;border-radius:8px;margin:2rem 0;padding:1rem}.checkbox-container{align-items:flex-start;cursor:pointer;display:flex}.checkbox-container input[type=checkbox]{margin-right:.75rem;margin-top:.25rem;transform:scale(1.2)}.checkbox-text{color:#444;line-height:1.5}.checkbox-text a{color:#5d92ff;font-weight:500;text-decoration:none;transition:color .2s}.checkbox-text a:hover{color:#8a65db;text-decoration:underline}.welcome-actions{display:flex;justify-content:space-between;margin-top:2rem}.back-button{background-color:#f0f0f0;border:none;color:#555;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.back-button:hover{background-color:#e0e0e0}.proceed-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.proceed-button.disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.welcome-header{padding:1.2rem 1.5rem}.welcome-content{padding:1.5rem}.welcome-actions{flex-direction:column;gap:1rem}.back-button,.proceed-button{width:100%}}.permission-setup{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:20px}.permission-setup h1{color:#333;font-weight:500;margin-bottom:20px;text-align:center}.setup-section{display:flex;flex-direction:column;width:100%}.permission-error{background-color:#ffecec;border-left:4px solid #e74c3c;border-radius:4px;margin-bottom:20px;padding:15px}.permission-error h2{color:#e74c3c;margin-top:0}.permission-error button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.video-container{margin-bottom:20px}.video-preview{background-color:#222;box-shadow:0 2px 6px #0000001a;margin-bottom:10px}.video-preview video{display:block;width:100%}.recorded-video-container{width:100%}.recorded-video-container h3{font-weight:500;margin-bottom:10px;margin-top:0}.recorded-video-container p{margin-bottom:10px}.controls-container{align-items:center;display:flex;flex-direction:column;width:100%}.controls-container h2{align-self:flex-start;color:#333;font-weight:500;margin-bottom:8px;margin-top:0}.controls-container p{align-self:flex-start;line-height:1.5;margin-bottom:15px}.recording-status-indicator{border-radius:20px;padding:6px 12px;right:16px;top:16px;z-index:5}.recording-indicator-dot{animation:pulse 1s infinite}.record-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin:10px auto;max-width:300px;padding:12px 24px;transition:all .2s;width:100%}.record-button:hover{box-shadow:0 4px 12px #5d92ff4d;transform:translateY(-1px)}.record-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.stop-recording-button{margin:10px auto;max-width:300px}.countdown-container{align-items:center;bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.countdown-container,.test-actions{display:flex;justify-content:center}.test-actions{gap:16px;margin-top:10px;width:100%}.test-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;max-width:200px;padding:12px 20px;transition:all .2s}.test-actions button:first-child{background-color:#f1f3f4;color:#333}.test-actions button:first-child:hover{background-color:#e8eaed;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.test-actions .proceed-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.proceed-button:hover{box-shadow:0 4px 12px #5d92ff4d;transform:translateY(-1px)}@media (max-width:600px){.permission-setup{padding:10px}.test-actions{flex-direction:column;gap:10px}.test-actions button{max-width:100%}}.countdown-overlay{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.countdown-circle,.countdown-overlay{align-items:center;display:flex;justify-content:center}.countdown-circle{animation:pulse 1s infinite;background-color:#ffffff1a;border-radius:50%;height:150px;width:150px}.countdown-number{color:#fff;font-size:80px;font-weight:700}.question-display{background:linear-gradient(145deg,#fff,#f5f7fa);border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;min-height:120px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease;width:100%}.question-display.changing{background:linear-gradient(145deg,#f0f4fa,#e6eef7);box-shadow:0 2px 15px #0000001a;transform:scale(.98)}.question-header{margin-bottom:5px;min-height:30px;position:relative;width:100%}.question-count{align-items:center;color:#697994;display:flex;flex-wrap:nowrap;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:0;position:relative}.question-time-limit{align-items:center;background-color:#ebf4ff;border-radius:4px;color:#5a67d8;display:inline-flex;font-size:12px;margin-left:8px;padding:3px 6px;white-space:nowrap}.question-time-limit:before{content:"⏱";font-size:12px;margin-right:4px}.question-text{clear:both;color:#2d3748;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:600;line-height:1.5;margin:10px 0 0}.question-transition{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#f0f4fae6;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%;z-index:10}.question-transition p{color:#4a5568;font-size:16px;font-weight:500;margin-top:12px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#3182ce;height:40px;margin-bottom:8px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.question-display{min-height:100px;padding:15px}.question-header{min-height:25px}.question-count{font-size:12px}.question-time-limit{font-size:11px;padding:2px 5px}.question-text{font-size:18px;margin-top:8px}}.video-preview-container{box-shadow:0 0 12px #0000001f;margin:0 auto 20px;position:relative;transition:all .3s ease}.video-preview-container.recording{box-shadow:0 0 0 3px #e74c3cb3,0 0 12px #00000026}.video-element{background-color:#000;display:block;max-width:100%;width:100%}.recording-indicator{align-items:center;background-color:#0009;border-radius:4px;color:#fff;display:flex;gap:5px;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:10}.recording-dot{animation:pulse 1.5s infinite;background-color:red;border-radius:50%;display:inline-block;height:10px;width:10px}.interview-container{margin:0 auto;max-width:800px;padding:20px}.interview-container,.video-container{align-items:center;display:flex;flex-direction:column}.video-container{box-shadow:none;max-width:640px;position:relative;width:100%}.video-preview{border-radius:8px;overflow:hidden;position:relative;width:100%}.prep-container{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.prep-info{display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.prep-label,.prep-time{color:#666;font-size:14px}.prep-note{color:#666;font-size:12px;font-style:italic;margin-top:10px}.record-response-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin:10px 0;max-width:400px;padding:12px 24px;transition:all .2s;width:100%}.record-response-button:hover{box-shadow:0 4px 12px #5d92ff4d;transform:translateY(-1px)}.record-response-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.next-question-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin:10px 0;max-width:400px;padding:12px 24px;transition:all .2s;width:100%}.next-question-button:hover{box-shadow:0 4px 12px #5d92ff4d;transform:translateY(-1px)}.next-question-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.recording-controls{display:flex;justify-content:center;margin-top:20px;width:100%}.recording-status{align-items:center;background-color:#000000b3;border-radius:20px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:14px;padding:6px 12px;position:absolute;right:16px;top:16px;z-index:5}.recording-indicator{animation:pulse 1s infinite;background-color:#e74c3c;border-radius:50%;display:inline-block;height:10px;margin-right:8px;width:10px}.recording-countdown-overlay{align-items:center;background-color:#000000b3;border-radius:50%;display:flex;height:120px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:10}.recording-countdown-number{animation:bounceIn .5s;color:#fff;font-size:72px;font-weight:700}@keyframes bounceIn{0%{opacity:0;transform:scale(.1)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.start-screen{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;margin:0 auto;max-width:800px;overflow:hidden;width:100%}.start-screen-header{background:linear-gradient(120deg,#5d92ff,#8a65db);color:#fff;padding:1.5rem 2rem}.start-screen-header h1{font-size:1.6rem;font-weight:600;margin:0}.start-screen-content{padding:2rem}.start-screen-content p{color:#555;font-size:1rem;line-height:1.5;margin:0 0 1.2rem}.start-screen-content p.note-text{background-color:#f0f7ff;border-left:3px solid #5d92ff;border-radius:4px;color:#4a5568;font-size:.95rem;font-style:italic;margin:1rem 0 1.5rem;padding:.8rem 1rem}.start-screen-code{background-color:#f5f7ff;border-radius:4px;color:#5d92ff;display:inline-block;font-weight:500;margin:0 .2rem;padding:.3rem .7rem}.video-preview-container{border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:1.5rem auto;max-width:640px;overflow:hidden;width:100%}.video-container-wrapper{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.start-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:1.5rem auto 0;max-width:300px;padding:.75rem 1.5rem;transition:all .2s;width:100%}.start-button:hover{box-shadow:0 4px 12px #5d92ff4d;transform:translateY(-1px)}.permission-request{background-color:#f5f7ff;border-left:4px solid #5d92ff;border-radius:8px;margin:1.5rem 0;padding:1.5rem;text-align:center}.permission-request p{color:#555;line-height:1.5;margin-bottom:1.2rem}@media (max-width:600px){.interview-container{padding:10px}.next-question-button,.record-response-button{font-size:14px;padding:10px 20px}.recording-countdown-number{font-size:60px}}.question-card,.question-container{margin-bottom:20px}.question-card{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.question-card p{font-size:18px;font-weight:500;line-height:1.5}.controls{display:flex;justify-content:center;margin-top:20px;max-width:640px;width:100%}.primary-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:1.5rem auto 0;max-width:300px;padding:.75rem 1.5rem;transition:all .2s;width:100%}.primary-button:hover{box-shadow:0 4px 12px #5d92ff4d;transform:translateY(-1px)}.primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.status-message{background-color:#f0f0f0;border-radius:4px;font-size:16px;padding:12px 24px}.recording-settings{background-color:#f0f7ff;border:1px solid #d0e3ff;border-radius:8px;margin:20px 0;padding:15px}.recording-settings h3{color:#2c5282;font-size:18px;margin-bottom:15px;margin-top:0}.recording-info{background-color:#e6f0ff;line-height:1.5;margin-top:15px;padding:10px}.recording-info,.recording-method-indicator{border-radius:4px;color:#4a5568;font-size:14px}.recording-method-indicator{background-color:#f0f7ff;display:inline-block;margin-bottom:15px;padding:8px 12px}.recording-method-name{color:#2c5282;font-weight:700}.finish-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin:20px 0;max-width:400px;padding:12px 24px;transition:all .2s;width:100%}.finish-button:hover{box-shadow:0 4px 12px #5d92ff4d;transform:translateY(-1px)}.finish-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.stop-recording-button{align-items:center;background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:10px 0;max-width:400px;padding:12px 24px;transition:all .2s;width:100%}.stop-recording-button:hover{background-color:#c0392b;box-shadow:0 4px 8px #e74c3c4d;transform:translateY(-1px)}.stop-recording-button:before{animation:pulse 1s infinite;background-color:#fff;border-radius:50%;content:"";display:inline-block;height:10px;margin-right:8px;width:10px}.stop-recording-button:disabled{background-color:#b3b3b3;box-shadow:none;cursor:not-allowed;transform:none}.compact-countdown-container{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.completion-screen{align-items:center;display:flex;justify-content:center;min-height:80vh}.success-message{animation:fadeIn .5s ease-in-out;background:#f5f9ff;border-radius:12px;box-shadow:0 4px 20px #00000014;max-width:600px;padding:40px;text-align:center;width:100%}.success-icon{align-items:center;animation:scaleIn .5s ease-out;background:#4caf50;border-radius:50%;box-shadow:0 4px 8px #4caf504d;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:20px auto;width:80px}.success-text{color:#333;font-size:18px;line-height:1.6;margin:20px 0}.success-note{color:#666;font-size:16px;font-style:italic;margin-top:30px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recording-controls-idle{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-top:20px;width:100%}.recording-controls-idle .recording-status{margin-bottom:10px;position:relative;right:auto;top:auto}.loading-indicator{align-items:center;background-color:#f5f9ff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;margin-top:20px;padding:15px}.loading-indicator p{color:#4a5568;font-size:16px;margin-top:10px}.loading-indicator .loading-spinner{border-width:3px;height:30px;margin:0;width:30px}.recording-status-indicator{align-items:center;background-color:#0009;border-radius:4px;color:#fff;display:flex;font-size:14px;padding:6px 10px;position:absolute;top:30px;z-index:10}.recording-indicator-dot{animation:pulse 1.5s infinite;background-color:#e74c3c;border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.recording-status-indicator .remaining-time{background-color:#fff3;border-radius:3px;font-weight:700;margin-left:10px;padding:2px 6px}.recording-status-indicator[data-remaining-time=low] .remaining-time{color:#f39c12}.recording-status-indicator[data-remaining-time=critical] .remaining-time{animation:blink 1s infinite;color:#e74c3c}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.completion-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:1.5rem auto 0;max-width:300px;padding:.75rem 1.5rem;transition:all .2s;width:100%}.completion-button:hover{box-shadow:0 4px 12px #5d92ff4d;transform:translateY(-1px)}.completion-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.next-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.next-button:hover{background-color:#3a7bc8}.next-button:disabled{background-color:#b3b3b3;cursor:not-allowed}.resume-screen{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.resume-message{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;max-width:600px;padding:30px;text-align:center}.resume-message h1{color:#2c3e50;margin-bottom:20px}.resume-text{color:#505a68;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.resume-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.resume-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 25px;transition:background-color .2s}.resume-button:hover{background-color:#45a049}.restart-button{background-color:#f1f1f1;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 25px;transition:background-color .2s}.restart-button:hover{background-color:#e6e6e6}.refresh-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:15px;padding:12px 25px;transition:background-color .2s}.refresh-button:hover{background-color:#2980b9}.legal-page-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:800px;padding:30px 20px}.terms-of-use-text{color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.terms-of-use-text h1{border-bottom:1px solid #eee;color:#2c3e50;font-size:28px;margin-bottom:30px;padding-bottom:15px;text-align:center}.terms-of-use-text section{margin-bottom:30px}.terms-of-use-text h2{color:#3a7bc8;font-size:20px;margin-bottom:15px}.terms-of-use-text p{font-size:16px;margin-bottom:15px}.terms-of-use-text ul{margin-bottom:15px;margin-left:20px}.terms-of-use-text li{margin-bottom:8px}.legal-page-action{border-top:1px solid #eee;margin-top:40px;padding-top:20px;text-align:center}.back-button{background:linear-gradient(120deg,#5d92ff,#8a65db);border-radius:6px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .2s}.back-button:hover{box-shadow:0 4px 12px #5d92ff4d;transform:translateY(-1px)}@media (max-width:600px){.legal-page-container{padding:20px 15px}.terms-of-use-text h1{font-size:24px}.terms-of-use-text h2{font-size:18px}.terms-of-use-text li,.terms-of-use-text p{font-size:15px}}
/*# sourceMappingURL=main.3e3e6e82.css.map*/