:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;width:92%;display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background-color:#1e1e2f;color:#fff;font-family:Arial,sans-serif;z-index:1000}.navbar-logo{font-size:24px;font-weight:700}.navbar-links{list-style:none;display:flex;gap:40px;letter-spacing:2px}.nav-link{color:#fff}.navbar-links li{cursor:pointer;transition:color .3s}.navbar-links li:hover{color:#ff6b6b}.navbar-actions{display:flex;align-items:center;gap:16px}.navbar-search{padding:12px 20px;border-radius:5px;margin-right:50px;border:none;width:80%;background-color:#fff}.navbar-search::placeholder{letter-spacing:3px;font-weight:300;color:#070101}.login-btn,.signup-btn{padding:6px 15px;border-radius:5px;border:none;cursor:pointer;font-weight:700}.login-btn{background-color:transparent;color:#fff;border:1px solid #fff;padding:10px;width:130px}.signup-btn{background-color:#4b7bdb;color:#fff;width:130px;padding:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-container{background-color:#fff;padding:30px;border-radius:10px;width:400px;max-width:90%;position:relative}input{border-radius:8px;padding:12px;margin:3px 100px 3px 3px}button{border-radius:5px;margin-top:10px;color:#fff;background-color:#4b7bdb}button:hover{background-color:#3a61b0}.signup-container{position:fixed;top:80px;right:20px;width:300px;background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 15px #0003;z-index:1000}.signup-form{display:flex;flex-direction:column;gap:15px}.signup-form input{padding:12px;font-size:14px;border:1px solid #ccc;border-radius:12px;outline:none;transition:border .3s}.signup-form input:focus{border:1px solid #4b7bdb}.signup-form button[type=submit]{padding:12px;border-radius:12px;border:none;background-color:#4b7bdb;color:#fff;font-weight:700;cursor:pointer;font-size:16px;transition:background-color .3s}.signup-form button[type=submit]:hover{background-color:#3a61b0}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.login-form{background:#fff;padding:30px;width:350px;border-radius:10px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:15px;position:relative}.close-btn{position:absolute;top:10px;right:12px;background:none;border:none;font-size:22px;cursor:pointer}.login-form input{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px}.login-form button{padding:10px;background:#4f46e5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px}.login-form button:hover{background:#4338ca}.hero{display:flex;align-items:center;justify-content:space-between;padding:50px;background-color:#f8f9fa;width:92%;font-family:Arial,sans-serif;margin-top:75px}.hero-left img{width:500px;max-width:100%;border-radius:10px}.hero-right{max-width:600px;margin-left:50px}#who-tag{margin-left:15px;font-size:14px;color:#555}.hero-right h1{font-size:36px;margin-bottom:20px;color:#1e1e2f}.hero-right p{font-size:18px;margin-bottom:30px;line-height:1.6;color:#555}.hero-btn{padding:12px 30px;font-size:16px;background-color:#4b7bdb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background .3s}.hero-btn:hover{background-color:#41609d}@media(max-width:900px){.hero{flex-direction:column;text-align:center}.hero-right{margin-left:0;margin-top:30px}}.recorder-container{max-width:500px;margin:20px 750px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.live-video{border-radius:10px;border:2px solid #ddd;width:420px}.controls{margin-top:15px;display:flex;justify-content:center}.controls button{padding:8px 14px;margin:0 6px;border:none;border-radius:6px;cursor:pointer;background:#4f46e5;color:#fff}.controls button:disabled{background:#aaa;cursor:not-allowed}.preview-section{margin-top:30px;padding-top:20px;border-top:2px dashed #ccc;width:100%;display:flex;flex-direction:column;align-items:center;animation:slideDown .6s ease-in-out}.preview-title{margin-bottom:10px;color:#333;font-weight:600}.preview-section video{margin-top:10px}.preview-section a{margin-top:10px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.interview-container{display:flex;margin:140px 80px 80px;padding:20px;background:#fff;max-width:1400px}.questions-panel{flex:1;background:#fcf5f5;padding:20px;border-radius:10px;max-width:700px;height:fit-content;margin-left:70px;margin-top:40px}.video-panel{width:35%;border-radius:10px;height:fit-content;margin-top:40px;display:flex;margin-left:40px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.questions-list{margin-top:15px;font-size:16px;line-height:1.6}.questions-list li{margin-bottom:10px}.quote{margin-top:30px;color:#555;font-style:italic}.image-panel{width:40%;display:flex;justify-content:center;align-items:center}.image-panel img{max-width:100%;height:auto;border-radius:12px}.video-panel{width:40%;border-radius:12px}button{margin-left:10px}.who-container{display:flex;align-items:center;justify-content:space-between;padding:80px 50px;background-color:#fff;gap:50px}.who-image{flex:1}.who-image img{width:100%;max-width:500px;border-radius:12px;margin-left:60px}.who-content{flex:1}.who-tag{display:inline-block;color:#6c63ff;font-weight:700;letter-spacing:1px}.who-content h2{margin-top:-1px;width:80%;font-size:36px;color:#1e1e2f;margin-bottom:20px;line-height:40px}.who-content p{font-size:18px;color:#555;width:80%;line-height:1.6}.how-it-works{padding:80px 20px;text-align:center;background-color:#fff;margin-top:-95px}.how-it-works__tag{color:#5b5bff;font-weight:700;letter-spacing:.6px;margin-bottom:12px}.how-it-works__title{font-size:36px;font-weight:700;margin-bottom:60px;color:#0f172a;margin-top:0}.how-it-works__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1100px;margin:0 auto}.how-it-works__card{text-align:left;margin:9px}#card-1{margin-left:40px}#card-3{margin-right:60px}.icon-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.how-it-works__icon{color:#5b5bff;width:28px;height:28px;margin-bottom:16px}.how-it-works__card h3{font-size:20px;font-weight:600;margin-bottom:37px;color:#0f172a}.how-it-works__card p{color:#475569;line-height:1.6;font-size:15px}@media(max-width:768px){.how-it-works__grid{grid-template-columns:1fr;text-align:center}.how-it-works__card{text-align:center}}.why-practice{padding:80px 20px;background:#fff}.why-practice__container{max-width:1200px;margin:-60px 50px 50px 110px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:70px}.point{margin-bottom:-19px}.why-practice__tag{color:#5b5bff;font-weight:700;margin-bottom:12px;margin-left:7px;letter-spacing:1px}.why-practice__title{font-size:32px;font-weight:700;margin-bottom:40px;margin-top:-1px;color:#0f172a}.why-practice__points{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;margin-top:-25px}.point{display:flex;gap:16px;align-items:flex-start}.point__icon{color:#5b5bff;width:22px;height:22px;margin-top:20px}.point p{color:#475569;line-height:1.6;font-size:15px}.why-practice__btn{background:#4f46e5;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;cursor:pointer}.why-practice__btn:hover{background:#4338ca}.why-practice__image img{width:100%;border-radius:16px;margin-bottom:140px}@media(max-width:768px){.why-practice__container{grid-template-columns:1fr;text-align:center}.point{justify-content:center}}.testimonials{padding:80px 20px;background:#fafafa;text-align:center;margin-top:-160px}.testimonials__title{font-size:40px;font-weight:700;margin-bottom:12px;margin-top:-29px;color:#000}.testimonials__subtitle{font-size:18px;color:#00040c;margin-bottom:50px}.testimonials__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1100px;margin:auto}.testimonial__card{background:#fff;padding:24px;border-radius:16px;text-align:left;box-shadow:0 8px 20px #0000000d}.testimonial__header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.testimonial__header img{width:48px;height:48px;border-radius:50%}.testimonial__header h4{margin:0;font-size:16px;font-weight:600;color:#00040c}.testimonial__header span{font-size:14px;color:#6b7280}.testimonial__stars{color:#fbbf24;margin-bottom:12px;font-size:30px}.testimonial__text{font-size:15px;color:#374151;line-height:1.6}body{background:#fff}.faq-container{max-width:700px;margin:auto;padding:40px 20px;font-family:sans-serif}.faq-category{color:#333;font-weight:bolder}.faq-title{color:#333;text-align:center;font-size:28px;margin-bottom:30px}.faq-question{color:#333;width:100%;background:none;border:none;padding:18px 15px;font-size:16px;font-weight:500;display:flex;justify-content:space-between;cursor:pointer}.faq-answer{padding-bottom:16px;color:#555;line-height:1.5}.arrow{transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.footer{color:#0f0f0f;background:#d8d7d7;padding:40px 20px 20px;font-family:sans-serif}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.footer-left,.footer-links,.footer-social{flex:1 1 200px}.footer-left h3{margin-bottom:10px;font-size:1.5rem}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin-bottom:8px}.footer-links ul li a{color:#0f0f0f;text-decoration:none;transition:color .2s ease}.footer-links ul li a:hover{color:#ff6b6b}.footer-social .social-icons a{color:#fff;margin-right:15px;font-size:1.2rem;transition:color .2s ease}.footer-social .social-icons a:hover{color:#ff6b6b}.footer-bottom{text-align:center;margin-top:30px;font-size:.9rem;border-top:1px solid #333;padding-top:15px}.feedback-container{max-width:600px;margin-left:600px;margin-top:-160px}textarea{width:100%;padding:10px;margin-bottom:10px}button{padding:8px 14px;cursor:pointer}.feedback-result{margin-top:20px}.section{margin-top:10px}.good{color:green}.improve{color:red}.instruction-container{max-width:700px;height:610px;margin-top:140px;margin-left:400px;padding:20px;font-family:sans-serif;line-height:1.6;background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 10px #0000001a}.instruction-list li{margin-bottom:15px}.tip-box{margin-top:20px;padding:12px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404}