*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.landing-wrapper{min-height:100vh;background:var(--bg-main)}.hero{margin:0 auto;padding:90px 0;text-align:center}.hero h1{font-size:56px;font-weight:700;line-height:1.1;color:var(--text-primary)}.hero-subtext{margin-top:18px;font-size:16px;color:var(--text-secondary)}.cta-box{display:flex;justify-content:center;align-items:center;margin-top:40px}.search-btn{background:var(--primary);color:#fff;border:none;padding:14px 26px;border-radius:var(--radius-md);font-size:15px;cursor:pointer;margin-right:12px}.secondary-btn{background:#fff;border:1px solid var(--border-light);padding:14px 26px;border-radius:var(--radius-md);font-size:15px;cursor:pointer}.info-card{margin:50px auto 0;max-width:520px;background:var(--bg-card);padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:left}.card-title{font-size:14px;color:var(--text-muted);margin-bottom:14px}.info-card ul li{list-style:none;margin:10px 0;font-size:14px;color:var(--text-secondary)}.footer{margin-top:80px;background:#111;color:#eee;padding:60px 24px 20px}.footer-container{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer-brand h3{font-size:22px;margin-bottom:12px}.footer-brand p{max-width:300px;font-size:14px;color:#aaa}.footer-links{display:flex;gap:60px}.footer-links h4{font-size:14px;margin-bottom:12px;color:#fff}.footer-links a{display:block;font-size:14px;color:#aaa;text-decoration:none;margin-bottom:8px}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;margin-top:40px;font-size:13px;color:#777;border-top:1px solid #222;padding-top:16px}.marquee-section{margin:80px auto;text-align:center}.marquee-title{font-size:14px;color:#777;margin-bottom:20px}.marquee{position:relative;width:100%;overflow:hidden;background:#f7f7f7;padding:18px 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 25s linear infinite}.marquee-item{margin:0 32px;font-size:18px;font-weight:500;color:#333;white-space:nowrap}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonials-section{max-width:1200px;margin:140px auto;padding:0 24px}.testimonials-title{text-align:center;font-size:40px;font-weight:700;color:#2f3747;margin-bottom:80px;line-height:1.2}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.testimonial-card{background:#fff;border:1px solid #e6e9ef;border-radius:24px;padding:26px}.testimonial-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.testimonial-header img{width:44px;height:44px;border-radius:50%;object-fit:cover}.testimonial-header h4{font-size:16px;margin:0;color:#111827}.testimonial-header span{font-size:14px;color:#6b7280}.testimonial-text{font-size:15px;line-height:1.6;color:#374151;padding:4px 6px;border-radius:6px}@media(max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.testimonials-grid{grid-template-columns:1fr}.testimonials-title{font-size:28px}}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main);padding:24px}.page-container>form,.page-container>h2,.page-container>button,.page-container>hr{width:100%;max-width:420px}.page-container{flex-direction:column}.page-container h2{margin-bottom:20px;font-size:28px;font-weight:700;text-align:center}.page-container form{background:var(--bg-card);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.page-container input{width:100%;padding:14px;margin-bottom:14px;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:14px}.page-container input:focus{outline:none;border-color:var(--primary)}.page-container form button{width:100%;margin-top:10px;background:var(--primary);color:#fff;border:none;padding:14px;border-radius:var(--radius-md);font-size:15px;cursor:pointer}.page-container form button:hover{background:var(--primary-hover)}.page-container hr{margin:24px 0;border:none;border-top:1px solid var(--border-light)}.page-container>button{max-width:420px;background:#fff;color:var(--text-primary);border:1px solid var(--border-light);padding:14px;border-radius:var(--radius-md);cursor:pointer;font-size:14px}.page-container>button:hover{background:#f5f5f5}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main);padding:24px}.signup-card{width:100%;max-width:420px;background:var(--bg-card);padding:36px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.signup-card h2{margin-bottom:24px;font-size:28px;font-weight:700}.signup-card input{width:100%;padding:14px;margin-bottom:14px;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:14px}.signup-card input:focus{outline:none;border-color:var(--primary)}.signup-card button{width:100%;margin-top:10px}.signup-footer{margin-top:18px;font-size:14px;color:var(--text-secondary)}.signup-footer span{color:var(--primary);cursor:pointer;font-weight:500}.signup-footer span:hover{text-decoration:underline}.dashboard{max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.start-btn{margin-bottom:30px}.empty-text{color:var(--text-muted);font-size:14px}.sessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.session-card{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.session-card h3{margin-bottom:10px}.session-card p{font-size:14px;margin:6px 0}.session-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.btn-danger{background:#d9534f;color:#fff;border:none;padding:12px 18px;border-radius:var(--radius-md);cursor:pointer}.btn-danger:hover{background:#c9302c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.create-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main);padding:24px}.create-card{width:100%;max-width:480px;background:var(--bg-card);padding:36px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.create-card h2{margin-bottom:24px;font-size:28px;font-weight:700;text-align:center}.create-card label{display:block;margin-bottom:6px;font-size:14px;color:var(--text-secondary)}.create-card input{width:100%;padding:14px;margin-bottom:18px;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:14px}.create-card input:focus{outline:none;border-color:var(--primary)}.create-btn{width:100%;margin-top:10px}.create-btn:disabled{opacity:.7;cursor:not-allowed}.error-text{margin-bottom:16px;color:#d9534f;font-size:14px;text-align:center}.interview-page{display:flex;justify-content:center;align-items:center}.interview-card{width:100%;max-width:800px;background:var(--bg-card);padding:36px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.interview-card h2{margin-bottom:10px}.progress-text{font-size:14px;color:var(--text-muted);margin-bottom:20px}.question-box{font-size:20px;font-weight:500;background:#fafafa;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;margin-bottom:20px}.answer-box{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-light);padding:16px;font-size:14px;resize:vertical;min-height:140px}.answer-box:focus{outline:none;border-color:var(--primary)}.submit-btn{margin-top:16px}.error-text{margin-top:12px;color:#d9534f;font-size:14px}.result-page{max-width:900px;margin:0 auto}.result-title{margin-bottom:24px}.question-card{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.question-text{margin-bottom:10px}.question-card p{font-size:14px;margin:6px 0;color:var(--text-secondary)}.summary-card{margin-top:40px;padding:28px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.summary-card h2{margin-bottom:14px}.summary-card h3{margin-top:18px}.summary-card p{font-size:14px;margin-top:6px}.summary-card ul{margin-top:8px;padding-left:20px}.summary-card li{font-size:14px;margin-bottom:6px}.result-actions{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap}.profile-wrapper{position:relative}.profile-dropdown{position:absolute;right:0;top:46px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:180px;padding:8px;z-index:200}.profile-dropdown button{width:100%;background:none;border:none;padding:10px 12px;text-align:left;font-size:14px;cursor:pointer;border-radius:var(--radius-sm)}.profile-dropdown button:hover{background:#f3f3f3}.profile-email{font-size:13px;padding:8px 12px;color:var(--text-muted);border-bottom:1px solid var(--border-light);margin-bottom:6px}.profile-dropdown .danger{color:#d9534f}.navbar{height:70px;background:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:100}.navbar-logo{font-size:22px;font-weight:700;cursor:pointer}.navbar-links{display:flex;gap:22px}.navbar-links span{font-size:14px;color:var(--text-secondary);cursor:pointer}.navbar-links span:hover{color:var(--text-primary)}.navbar-links .active{color:var(--text-primary);font-weight:600}.navbar-actions{display:flex;gap:12px;align-items:center}.profile-circle{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}@media(max-width:768px){.navbar-links{display:none}}:root{--bg-main: #f7f7f7;--bg-card: #ffffff;--text-primary: #111111;--text-secondary: #666666;--text-muted: #888888;--border-light: #e5e5e5;--primary: #111111;--primary-hover: #000000;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 32px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,sans-serif;background:var(--bg-main);color:var(--text-primary)}.page-wrapper{min-height:100vh;padding:24px}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);cursor:pointer;font-size:14px}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--border-light);padding:12px 24px;border-radius:var(--radius-md);cursor:pointer}.input{width:100%;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-light);font-size:14px}.input:focus{outline:none;border-color:var(--primary)}h1{font-size:42px;font-weight:700}h2{font-size:28px;font-weight:600}p{color:var(--text-secondary)}