@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-color-1:#020617;--bg-color-2:#0f172a;--bg-gradient:radial-gradient(circle at top left, var(--bg-color-2), var(--bg-color-1) 100%);--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-glow:#8b5cf680;--secondary:#3b82f6;--secondary-glow:#3b82f666;--glass-bg:#0f172a99;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #00000080;--text-dark:#f8fafc;--text-light:#94a3b8;--user-bg:linear-gradient(135deg, #8b5cf6, #3b82f6);--user-text:#fff;--bot-bg:#1e293bcc;--bot-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color-1);height:-webkit-fill-available}body{color:var(--text-dark);min-height:100vh;flex-direction:column;min-height:-webkit-fill-available;margin:0;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}body:before{content:"";background-color:var(--bg-color-1);background-image:var(--bg-gradient);z-index:-2;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.bg-orbs{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.orb-1{background:var(--primary);width:50vw;height:50vw;animation-delay:0s;top:-10%;left:-10%}.orb-2{background:var(--secondary);width:60vw;height:60vw;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(5%,5%)scale(1.1)}}.main-container{width:100%;max-width:900px;height:100vh;z-index:1;flex-direction:column;height:-webkit-fill-available;margin:0 auto;padding:20px;display:flex;position:relative}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}header{text-align:center;margin-bottom:20px;padding:20px;animation:.8s ease-out forwards fadeInDown}header h1{background:linear-gradient(90deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #8b5cf64d;letter-spacing:-.5px;-webkit-background-clip:text;font-size:2rem;font-weight:700}.role-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.role-container h2{opacity:0;margin-bottom:40px;font-size:1.8rem;font-weight:600;animation:1s ease-out .2s forwards fadeIn}.role-cards{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.role-card{cursor:pointer;opacity:0;flex-direction:column;align-items:center;gap:15px;width:240px;padding:40px 24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s ease-out forwards fadeInUp;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.role-card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:24px;padding:2px;transition:all .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.role-card:first-child{animation-delay:.3s}.role-card:nth-child(2){animation-delay:.4s}.role-card:hover{background:#1e293bb3;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px -10px #8b5cf666}.role-card:hover:before{background:linear-gradient(135deg, var(--primary), var(--secondary))}.role-card:hover .role-icon{color:#a78bfa;transform:scale(1.1)}.role-icon{color:var(--text-dark);font-size:3rem;transition:all .3s}.role-card h3{letter-spacing:-.3px;font-size:1.2rem;font-weight:600}.chat-window{flex-direction:column;flex:1;margin-bottom:20px;animation:.5s ease-out forwards fadeInScale;display:flex;overflow:hidden}.messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:24px;padding:25px;display:flex;overflow-y:auto}.message-wrapper{flex-direction:column;max-width:85%;animation:.4s ease-out forwards slideInUp;display:flex}.message-wrapper.user{align-self:flex-end}.message-wrapper.assistant{align-self:flex-start}.message{letter-spacing:.2px;border-radius:20px;padding:16px 20px;font-size:1.05rem;line-height:1.6;position:relative}.message.user{background:var(--user-bg);color:var(--user-text);border-bottom-right-radius:6px;box-shadow:0 10px 25px -5px #8b5cf666}.message.assistant{background-color:var(--bot-bg);border:1px solid var(--bot-border);color:var(--text-dark);border-bottom-left-radius:6px;box-shadow:0 4px 15px #0003}.message-actions{opacity:.6;align-self:flex-start;gap:12px;margin-top:10px;margin-left:10px;transition:opacity .2s;display:flex}.message-wrapper:hover .message-actions{opacity:1}.action-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:.85rem;transition:all .2s;display:flex}.action-btn:hover{color:var(--text-dark);background:#ffffff1a;transform:scale(1.05)}.action-btn.active.up{color:#10b981}.action-btn.active.down{color:#ef4444}.input-area{border-top:1px solid var(--glass-border);background:#0f172a4d;gap:10px;padding:15px;display:flex}.input-area input{border:1px solid var(--glass-border);min-width:0;color:var(--text-dark);text-overflow:ellipsis;background:#1e293b99;border-radius:30px;outline:none;flex:1;padding:14px 20px;font-family:inherit;font-size:1rem;transition:all .3s}.input-area input::placeholder{color:var(--text-light)}.input-area input:focus{border-color:var(--primary);background:#1e293be6;box-shadow:0 0 0 4px #8b5cf626,0 0 20px #8b5cf633}.send-btn{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 4px 15px #8b5cf64d}.send-btn:hover:not(:disabled){transform:scale(1.05)translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{color:#ffffff4d;box-shadow:none;cursor:not-allowed;background:#ffffff1a}.chips-container{opacity:0;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;padding:0 20px;animation:.6s ease-out .4s forwards fadeInUp;display:flex}.chip{color:#c4b5fd;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #8b5cf64d;border-radius:24px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .3s}.chip:hover{border-color:var(--primary);color:#fff;background:#8b5cf633;transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf633}.typing-indicator{background-color:var(--bot-bg);border:1px solid var(--bot-border);border-radius:20px 20px 20px 6px;gap:6px;padding:16px 20px;display:inline-flex}.dot{background-color:var(--primary);width:8px;height:8px;box-shadow:0 0 5px var(--primary-glow);border-radius:50%;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.bot-icon-container{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:50%;margin-bottom:20px;padding:15px;animation:3s infinite alternate pulseGlow;display:inline-flex}@keyframes pulseGlow{0%{box-shadow:0 0 15px #8b5cf61a}to{box-shadow:0 0 30px #8b5cf666}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}