*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #667eea;--primary-dark: #5a67d8;--accent: #4fc3f7;--green: #4caf50;--green-light: rgba(76, 175, 80, .8);--red: #dc3545;--bg-dark: rgba(60, 60, 60, .9);--bg-card: rgba(255, 255, 255, .95);--text: #ffffff;--text-muted: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .05)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--text)}.glass-card{background:var(--bg-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:20px;border:1px solid var(--glass-border);box-shadow:0 4px 20px #0000004d}.btn{border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-green{background:var(--green-light);color:#fff;border-radius:25px}.btn-green:hover:not(:disabled){background:#4caf50;transform:scale(1.05)}.btn-outline{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-outline:hover:not(:disabled){background:#4fc3f71a}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:border-color .3s ease;background:#fffc}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.white-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;color:#333;width:400px;max-width:90vw}.error-message{background:#ffe6e6;color:#d63031;padding:12px;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid #ffb3b3}.success-message{background:#e6ffe6;color:#00b894;padding:12px;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid #b3ffb3}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.transcript-box{background:#ffffff1a;padding:15px;border-radius:8px;min-height:80px;font-size:16px;line-height:1.4;overflow-wrap:break-word}.ai-suggestion{background:#4caf504d;padding:20px;border-radius:12px;border:2px solid rgba(76,175,80,.5);font-size:16px;line-height:1.6;overflow-y:auto;color:#fff;box-shadow:0 4px 15px #0003;word-break:break-word}.ai-suggestion::-webkit-scrollbar{width:10px}.ai-suggestion::-webkit-scrollbar-track{background:#fff3;border-radius:6px}.ai-suggestion::-webkit-scrollbar-thumb{background:#fff9;border-radius:6px}.mic-indicator{display:flex;align-items:center;gap:8px;padding:5px 10px;background:#ffffff1a;border-radius:8px}.mic-bars{display:flex;gap:2px;align-items:end;height:20px}.mic-bar{width:3px;background:#333;border-radius:1px;transition:all .1s ease}.mic-bar.bar-1{height:4px}.mic-bar.bar-2{height:8px}.mic-bar.bar-3{height:12px}.mic-bar.bar-4{height:16px}.mic-bar.bar-5{height:20px}.mic-bar.active{background:#00d4aa}.control-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0006;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.control-btn:hover{background:#ffffff1a;border-color:#ffffff80;transform:scale(1.1)}.control-btn.active{background:#dc3545cc;border-color:#dc3545}.control-btn.start{background:#28a745cc;border-color:#28a745}.control-btn.start:hover{background:#28a745}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center}.modal-content{background:#282828f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;width:700px;max-width:95vw;max-height:90vh;overflow-y:auto;border:1px solid var(--glass-border);box-shadow:0 10px 40px #00000080;position:relative}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.plan-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:15px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer}.plan-card:hover{background:#ffffff14;border-color:#4caf5080;transform:translateY(-5px)}.plan-card.popular{border-color:#4caf50cc;background:#4caf501a}.plan-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:10px}.plan-price{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:5px}.plan-period{color:var(--text-muted);font-size:12px;margin-bottom:15px}.plan-features{list-style:none;padding:0;margin-bottom:20px;text-align:left}.plan-features li{color:#fffc;font-size:13px;margin-bottom:6px;padding-left:18px;position:relative}.plan-features li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.popular-badge{background:linear-gradient(45deg,#4fc3f7,#76ff03);color:#fff;padding:4px 12px;border-radius:15px;font-size:11px;font-weight:600;text-transform:uppercase;margin-bottom:10px;display:inline-block}.timer-display{font-family:SF Mono,Menlo,Consolas,monospace;font-size:3rem;font-weight:700;text-align:center}.timer-display.warning{color:#ffc107}.timer-display.expired{color:var(--red)}.demo-badge{background:#4caf5033;color:#4caf50e6;border:1px solid rgba(76,175,80,.3);padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.page-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh}.flex-center{display:flex;align-items:center;justify-content:center}@media(max-width:768px){.pricing-plans{grid-template-columns:1fr 1fr}.timer-display{font-size:2.5rem}.white-card{width:95vw;padding:1.5rem}}@media(max-width:480px){.pricing-plans{grid-template-columns:1fr}.timer-display{font-size:2rem}}