.landing-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.landing-container{max-width:1200px;width:100%;background:#fffffff2;border-radius:30px;padding:60px 40px;box-shadow:0 20px 60px #0000004d;animation:fadeIn .8s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-section{display:flex;justify-content:center;margin-bottom:40px}.logo-circle{width:200px;height:200px;border-radius:50%;overflow:hidden;border:6px solid #667eea;box-shadow:0 10px 30px #667eea66;background:#fff;display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 10px 30px #667eea66;transform:scale(1)}50%{box-shadow:0 15px 40px #667eea99;transform:scale(1.05)}}.logo-circle img{width:100%;height:100%;object-fit:cover}.content-section{text-align:center}.landing-title{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:1.3rem;color:#6b7280;margin-bottom:50px;font-weight:400}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}.feature-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 5px 20px #0000001a;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #667eea4d;border-color:#667eea}.feature-icon{font-size:3rem;margin-bottom:15px}.feature-card h3{font-size:1.3rem;color:#1f2937;margin-bottom:12px;font-weight:600}.feature-card p{color:#6b7280;line-height:1.6;font-size:.95rem}.description{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:15px;padding:30px;margin-bottom:40px;text-align:left}.description p{color:#374151;line-height:1.8;margin-bottom:15px;font-size:1rem}.description p:last-child{margin-bottom:0}.disclaimer{background:#fef3c7;border-left:4px solid #f59e0b;padding:15px 20px;border-radius:8px;margin-top:20px}.disclaimer strong{color:#92400e}.get-started-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;font-weight:600;padding:18px 50px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #667eea66;text-transform:uppercase;letter-spacing:1px}.get-started-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea99}.get-started-btn:active{transform:translateY(-1px)}@media(max-width:768px){.landing-container{padding:40px 20px}.landing-title{font-size:2rem}.landing-subtitle{font-size:1.1rem}.logo-circle{width:150px;height:150px}.feature-cards{grid-template-columns:1fr}.get-started-btn{width:100%;font-size:1.1rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f4f7;padding:20px;box-sizing:border-box}.auth-form{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 20px #00000014;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.auth-form h2{margin:0 0 8px;text-align:center}.auth-form input{padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px}.auth-form button{padding:10px 12px;border:none;border-radius:8px;background:#1a1a2e;color:#fff;font-size:15px;cursor:pointer}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#fdecea;color:#b3261e;padding:8px 10px;border-radius:6px;font-size:13px}.auth-switch{text-align:center;font-size:13px;margin:0}.header{background:linear-gradient(135deg,#667eea,#4b78a2);color:#fff;padding:20px 24px;font-size:20px;font-weight:700;text-align:center;letter-spacing:1px;box-shadow:0 4px 12px #0000001a}.chat-controls{display:flex;justify-content:center;padding:16px 20px;background:#fff;border-top:1px solid #e8ecef}.fir-drafter-btn{padding:14px 32px;background:linear-gradient(135deg,#fa709a,#fee140);color:#2d3748;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fa709a4d;display:flex;align-items:center;gap:10px;letter-spacing:.5px}.fir-drafter-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #fa709a66}.fir-drafter-btn:active{transform:translateY(-1px)}@media(max-width:768px){.app{width:95%;margin:10px auto;height:calc(100vh - 20px);border-radius:16px}.header{padding:16px 20px;font-size:18px}.messages-container{padding:16px}.message-bubble{max-width:85%;padding:12px 16px;font-size:14px}.chat-controls{padding:12px 16px}.fir-drafter-btn{padding:12px 24px;font-size:15px}.chat-input{padding:12px 16px;gap:8px}.chat-input input{padding:12px 16px;font-size:14px}.chat-input button{padding:12px 20px;font-size:14px}}@media(max-width:480px){.message-bubble{max-width:90%}.fir-drafter-btn{padding:10px 20px;font-size:14px}}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#fff;min-height:100vh}.app{width:90%;min-width:320px;max-width:1000px;margin:20px auto;height:calc(100vh - 40px);display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.header{background:#000;color:#fff;padding:20px 24px;font-size:20px;font-weight:700;text-align:center;letter-spacing:1px;box-shadow:0 4px 12px #0000001a}.chat-window{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.message-bubble{display:inline-block;margin:8px 0;padding:14px 18px;border-radius:20px;max-width:75%;line-height:1.6;font-size:15px;word-wrap:break-word;animation:slideIn .3s ease-out;box-shadow:0 2px 8px #0000001a}.message-bubble.user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto;align-self:flex-end;border-bottom-right-radius:4px}.message-bubble.bot{background:#fff;color:#2d3748;margin-right:auto;align-self:flex-start;border-bottom-left-radius:4px;border:1px solid #e8ecef}.message-bubble h3{font-size:1.1em;font-weight:700;color:#667eea;margin-top:12px;margin-bottom:8px}.message-bubble strong{color:#374151;font-weight:600}.message-bubble p{margin:6px 0;font-weight:400}.typing{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#fff;border-radius:20px 20px 20px 4px;width:fit-content;margin:8px 0;font-size:14px;color:#718096;font-style:italic;box-shadow:0 2px 8px #00000014;border:1px solid #e8ecef;animation:slideIn .3s ease-out}.typing:before{content:"";display:flex;gap:4px;align-items:center}.typing:after{content:"";width:8px;height:8px;background:#667eea;border-radius:50%;animation:typingDot 1.4s infinite}.fir-drafter-btn{padding:12px 24px;background:linear-gradient(135deg,#fa709a,#fee140);color:#2d3748;border:none;border-radius:30px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #fa709a4d;display:flex;align-items:center;gap:8px;letter-spacing:.5px;white-space:nowrap}.fir-drafter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fa709a66}.fir-drafter-btn:active{transform:translateY(0)}.chat-input-container{background:#fff;border-top:1px solid #e8ecef}.voice-assistant-section{padding:0;animation:slideUp .3s ease-out}.chat-input{display:flex;gap:12px;padding:16px 20px;align-items:center}.chat-input input{flex:1;padding:14px 20px;font-size:15px;border:2px solid #e8ecef;border-radius:30px;outline:none;transition:all .3s ease;background:#f7f9fc;color:#2d3748;font-family:Inter,-apple-system,sans-serif}.chat-input input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.chat-input input::placeholder{color:#a0aec0}.chat-input button{padding:14px 28px;font-size:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:30px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;white-space:nowrap}.chat-input button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.chat-input button:active{transform:translateY(0)}.chat-input button:disabled{background:#e8ecef;cursor:not-allowed;box-shadow:none;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-6px);opacity:1}}@media(max-width:768px){.app{width:95%;margin:10px auto;height:calc(100vh - 20px);border-radius:16px}.header{padding:16px 20px;font-size:18px}.messages-container{padding:16px}.message-bubble{max-width:85%;padding:12px 16px;font-size:14px}.fir-drafter-btn{padding:10px 18px;font-size:14px}.chat-input{padding:12px 16px;gap:8px}.chat-input input{padding:12px 16px;font-size:14px}.chat-input button{padding:12px 20px;font-size:14px}}@media(max-width:480px){.message-bubble{max-width:90%}.fir-drafter-btn{padding:8px 16px;font-size:13px}}.chat-input input:focus,.chat-input button:focus,.fir-drafter-btn:focus{outline:3px solid rgba(102,126,234,.3);outline-offset:2px}