:root{--bg-page: #080c16;--bg-card: #0c1324;--bg-glass: rgba(12, 19, 36, .8);--accent-pink: #c88d9c;--accent-pink-glow: rgba(200, 141, 156, .4);--text-white: #ffffff;--text-muted: #7f8fa4;--text-footer: #4d5c70;--font-title: "Montserrat", sans-serif;--font-body: "Quicksand", sans-serif;--transition-smooth: all .4s cubic-bezier(.25, .8, .25, 1);--transition-quick: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-white);min-height:100vh;overflow-x:hidden;display:flex;justify-content:center;align-items:center;position:relative}.stars-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;background-color:#fff;border-radius:50%;opacity:0;animation:pulse-star 4s infinite ease-in-out}@keyframes pulse-star{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}.clouds-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.cloud{position:absolute;background:radial-gradient(circle,#c88d9c0d,#c88d9c03 60%,#0000);border-radius:50%;filter:blur(40px);pointer-events:none}.cloud-1{width:600px;height:600px;top:-100px;left:-100px;animation:drift-slow 40s infinite linear}.cloud-2{width:800px;height:800px;bottom:-200px;right:-200px;animation:drift-slow-reverse 50s infinite linear}.cloud-3{width:400px;height:400px;top:35%;left:55%;animation:drift-medium 30s infinite linear}@keyframes drift-slow{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes drift-slow-reverse{0%{transform:translate(0) scale(1)}50%{transform:translate(-60px,-40px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes drift-medium{0%{transform:translate(0)}50%{transform:translate(-30px,50px)}to{transform:translate(0)}}.app-container{width:100%;max-width:1200px;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;z-index:10}.page{display:none;width:100%;opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.25,.8,.25,1),transform .5s cubic-bezier(.25,.8,.25,1)}.page.active{display:flex;opacity:1;transform:translateY(0)}#landing-page{justify-content:center;align-items:center}.landing-card{background-color:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:28px;width:100%;max-width:760px;padding:55px 45px;text-align:center;box-shadow:0 25px 60px #0009,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.card-top-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#db2777,#c88d9c,#e0a96d 80%,#dfab51);box-shadow:0 1px 10px #db277766}.logo-container{display:flex;justify-content:center;margin-bottom:35px}.logo-wrapper{width:130px;height:130px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#c88d9c99,#e0a96d66);box-shadow:0 10px 25px #00000080,0 0 20px #c88d9c33;position:relative;transition:var(--transition-smooth)}.logo-wrapper:hover{transform:scale(1.04);box-shadow:0 12px 30px #0009,0 0 25px #c88d9c59}.logo-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.logo-title{font-family:var(--font-title);font-size:3.1rem;font-weight:800;letter-spacing:.5px;margin-bottom:18px;background:linear-gradient(90deg,#fff 10%,#e8a2b3,#e6c594 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.2)}.tagline{font-size:1.15rem;font-weight:400;color:var(--text-muted);letter-spacing:.2px;margin-bottom:45px;max-width:580px;margin-left:auto;margin-right:auto}.card-footer-desc{font-size:.95rem;color:var(--text-footer);line-height:1.6;margin-top:45px;max-width:500px;margin-left:auto;margin-right:auto;border-top:1px solid rgba(255,255,255,.03);padding-top:25px}.cta-row{display:flex;justify-content:center;gap:20px;width:100%;max-width:580px;margin:0 auto}.btn-pill{display:flex;justify-content:center;align-items:center;padding:16px 36px;font-family:var(--font-body);font-size:1.05rem;font-weight:600;color:var(--text-white);text-decoration:none;border-radius:50px;cursor:pointer;border:none;background-color:var(--accent-pink);box-shadow:0 4px 18px var(--accent-pink-glow);transition:var(--transition-smooth);min-width:220px;position:relative;overflow:hidden}.btn-pill .btn-content{display:flex;align-items:center;gap:10px}.btn-pill:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--accent-pink-glow),0 0 10px #ffffff1a;filter:brightness(1.05)}.btn-pill:active{transform:translateY(-1px)}#chat-page{justify-content:center;align-items:center}.chat-container{background-color:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:28px;width:100%;max-width:820px;height:80vh;min-height:580px;max-height:850px;display:flex;flex-direction:column;box-shadow:0 25px 60px #0009;overflow:hidden}.chat-header{padding:20px 28px;background-color:#090e1ae6;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center}.btn-back-nav{background:none;border:none;color:var(--accent-pink);font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;transition:var(--transition-quick)}.btn-back-nav:hover{color:var(--text-white);background-color:#fa96aa1a}.advisor-profile{display:flex;align-items:center;gap:15px;margin-left:auto;margin-right:auto;transform:translate(-40px)}.avatar-wrapper{position:relative;width:50px;height:50px}.advisor-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--accent-pink)}.status-dot{position:absolute;bottom:2px;right:2px;width:11px;height:11px;border-radius:50%;border:2px solid var(--bg-card)}.status-dot.online{background-color:#2ed573;animation:status-pulse 2s infinite}@keyframes status-pulse{0%{box-shadow:0 0 #2ed573b3}70%{box-shadow:0 0 0 6px #2ed57300}to{box-shadow:0 0 #2ed57300}}.advisor-info h2{font-size:1.15rem;font-weight:600;letter-spacing:.3px}.advisor-status{font-size:.8rem;color:var(--text-muted)}.chat-messages{flex:1;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:22px;scroll-behavior:smooth;background-color:#070b164d}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#c88d9c33}.message{display:flex;align-items:flex-start;gap:14px;max-width:82%;animation:fade-in-message .4s cubic-bezier(.25,.8,.25,1) forwards}@keyframes fade-in-message{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:38px;height:38px;flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.message-bubble{padding:15px 20px;border-radius:22px;line-height:1.6;font-size:.95rem;position:relative;box-shadow:0 4px 15px #0000001f}.message-bubble p{margin-bottom:8px}.message-bubble p:last-child{margin-bottom:0}.message-time{display:block;font-size:.75rem;color:var(--text-muted);text-align:right;margin-top:6px}.message.advisor{align-self:flex-start}.message.advisor .message-bubble{background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);border-top-left-radius:4px;color:var(--text-white)}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.user .message-bubble{background-color:#c88d9c2e;border:1px solid rgba(200,141,156,.25);border-top-right-radius:4px;color:var(--text-white)}.message.user .message-avatar{display:none}.typing-indicator-container{padding:0 28px 15px;margin-top:-10px}.typing-bubble{background-color:#ffffff05!important;border:1px solid rgba(255,255,255,.04)!important;padding:14px 22px!important;display:flex;align-items:center}.dot-flashing{position:relative;width:6px;height:6px;border-radius:5px;background-color:var(--accent-pink);color:var(--accent-pink);animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s;margin:0 10px}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-12px;width:6px;height:6px;border-radius:5px;background-color:var(--accent-pink);color:var(--accent-pink);animation:dot-flashing 1s infinite linear alternate;animation-delay:0s}.dot-flashing:after{left:12px;width:6px;height:6px;border-radius:5px;background-color:var(--accent-pink);color:var(--accent-pink);animation:dot-flashing 1s infinite linear alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:var(--accent-pink)}50%,to{background-color:#c88d9c33}}.chat-footer{padding:20px 28px;background-color:#090e1ae6;border-top:1px solid rgba(255,255,255,.04)}.chat-form-container{display:flex;gap:15px;align-items:center}#message-input{flex:1;background-color:#070b1680;border:1px solid rgba(255,255,255,.06);border-radius:30px;padding:16px 24px;color:var(--text-white);font-family:var(--font-body);font-size:.95rem;outline:none;transition:var(--transition-quick)}#message-input:focus{border-color:var(--accent-pink);box-shadow:0 0 10px #c88d9c26}#message-input::placeholder{color:#7f8fa473}.btn-send-message{width:52px;height:52px;border-radius:50%;background-color:var(--accent-pink);border:none;color:var(--text-white);font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px var(--accent-pink-glow);transition:var(--transition-smooth);flex-shrink:0}.btn-send-message:hover{transform:scale(1.06);box-shadow:0 6px 20px #c88d9c99}.btn-send-message:active{transform:scale(.95)}@media (max-width: 768px){.app-container{padding:10px}.landing-card{padding:40px 24px}.logo-title{font-size:2.2rem}.tagline{font-size:1rem;margin-bottom:35px}.logo-wrapper{width:100px;height:100px}.cta-row{flex-direction:column;gap:12px;align-items:center}.btn-pill{width:100%;max-width:280px;padding:14px 28px}.chat-container{height:92vh;max-height:none;border-radius:20px}.chat-header{padding:14px 18px}.btn-back-nav span{display:none}.advisor-profile{transform:translate(-15px)}.avatar-wrapper{width:42px;height:42px}.advisor-info h2{font-size:1rem}.chat-messages{padding:18px;gap:16px}.message{max-width:90%}.message-bubble{padding:12px 16px;font-size:.9rem}.chat-footer{padding:12px 18px}#message-input{padding:12px 20px;font-size:.9rem}.btn-send-message{width:44px;height:44px}}