*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #050508;--bg-secondary: #0a0a12;--bg-card: #12121e;--bg-input: #0f0f16;--text-primary: #ffffff;--text-secondary: #b0b0c0;--text-muted: #606070;--neon-purple: #a855f7;--neon-pink: #ec4899;--neon-cyan: #06b6d4;--gradient-text: linear-gradient( 135deg, #e9d5ff 0%, #a855f7 50%, #d8b4fe 100% );--gradient-glow: radial-gradient( circle at center, rgba(168, 85, 247, .15) 0%, transparent 70% );--font-main: "Inter", sans-serif;--font-display: "Inter", sans-serif}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-container{display:flex;height:100vh;width:100vw;background:radial-gradient(circle at 10% 20%,rgba(168,85,247,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.08) 0%,transparent 40%);position:relative}.navbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px 60px;z-index:50}.logo{font-weight:800;font-size:1.4rem;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 0 10px rgba(168,85,247,.5)}.status-dot{width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 10px var(--neon-cyan);animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.social-sidebar{position:absolute;left:40px;bottom:0;top:0;display:flex;flex-direction:column;justify-content:center;gap:30px;z-index:50}.social-icon{font-size:1.4rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.social-icon:hover{color:#fff;transform:scale(1.1);text-shadow:0 0 15px var(--neon-purple)}.hero-subtitle{color:var(--neon-purple);font-size:1.1rem;font-weight:500;margin-bottom:20px;letter-spacing:1px}.hero-title{font-size:4.5rem;font-weight:900;line-height:1.1;text-transform:uppercase;margin-bottom:20px;letter-spacing:-2px}.hero-title span{display:block}.hero-desc{color:var(--text-secondary);font-size:1.1rem;max-width:500px;line-height:1.6;margin-bottom:40px}.glow-circle{position:absolute;width:150px;height:150px;background:var(--neon-purple);border-radius:50%;filter:blur(100px);z-index:-1;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.left-panel{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;padding:80px 60px 80px 120px;transition:all .8s cubic-bezier(.4,0,.2,1);z-index:10}.chat-mode .left-panel{width:35%;padding:80px 20px 80px 40px;flex-direction:column;justify-content:center}.hero-text{flex:1;z-index:10;padding-right:40px;transition:opacity .5s ease}.robot-container{flex:1;display:flex;justify-content:center;align-items:center;position:relative;height:600px;transition:all .8s cubic-bezier(.4,0,.2,1)}.chat-mode .robot-container{flex:none;height:400px;width:100%}.right-panel{position:absolute;right:0;top:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:40px 60px 40px 40px;pointer-events:none;z-index:20;transform:translate(60%);opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.right-panel.active{width:65%;transform:translate(0);opacity:1;pointer-events:all;background:linear-gradient(to right,transparent 0%,rgba(5,5,8,.95) 10%);padding:80px 60px 100px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;margin-bottom:20px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%);mask-image:linear-gradient(to bottom,transparent,black 10%)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a855f780}.chat-input-wrapper{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:60%;max-width:700px;z-index:30;transition:all .8s cubic-bezier(.4,0,.2,1)}.chat-input-wrapper.chat-active{left:auto;right:60px;transform:translate(0);width:calc(65% - 120px);max-width:none}.chat-input-container{background:#12121e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px;display:flex;align-items:center;gap:10px;transition:all .3s ease}.chat-input-container:focus-within{border-color:var(--neon-purple);box-shadow:0 0 20px #a855f733;background:#12121ee6}.chat-input{flex:1;background:transparent;border:none;color:#fff;padding:12px 16px;font-size:1rem;outline:none;font-family:var(--font-main)}.chat-input::placeholder{color:var(--text-muted)}.send-btn{width:44px;height:44px;border-radius:12px;background:var(--neon-purple);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){background:var(--neon-pink);transform:scale(1.05)}.send-btn-disabled,.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-input:disabled{opacity:.5;cursor:not-allowed}.msg{max-width:85%;padding:14px 18px;border-radius:16px;font-size:.95rem;line-height:1.6;opacity:0;animation:fadeUp .3s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.msg.user{align-self:flex-end;background:var(--neon-purple);color:#fff;border-bottom-right-radius:4px}.msg.ai{align-self:flex-start;background:#141428e6;border:1px solid rgba(168,85,247,.2);color:#e0e0e8;border-bottom-left-radius:4px;max-width:90%}.msg.ai h1,.msg.ai h2,.msg.ai h3{color:var(--neon-purple);margin:12px 0 6px;font-size:1.05rem}.msg.ai h1:first-child,.msg.ai h2:first-child,.msg.ai h3:first-child{margin-top:0}.msg.ai ul,.msg.ai ol{padding-left:20px;margin:6px 0}.msg.ai li{margin:3px 0}.msg.ai strong{color:#d8b4fe}.msg.ai p{margin:6px 0}.typing-cursor{display:inline-block;width:2px;height:1em;background:var(--neon-purple);margin-left:2px;vertical-align:text-bottom;animation:cursorBlink .8s infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:900px){.left-panel{padding:80px 20px;text-align:center;flex-direction:column}.chat-mode .left-panel{display:none}.right-panel.active{width:100%;padding:80px 16px 100px}.chat-input-wrapper,.chat-input-wrapper.chat-active{left:16px;right:16px;width:auto;transform:none}.hero-text{padding:0;margin-bottom:40px}.navbar{padding:20px}.hero-title{font-size:3rem}.social-sidebar{display:none}}.scanner-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);box-shadow:0 0 10px var(--neon-cyan);animation:scan 3s linear infinite;opacity:.5;pointer-events:none;z-index:10}@keyframes scan{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(168,85,247,.3) 1px,transparent 1px),radial-gradient(rgba(6,182,212,.3) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,20px 20px;-webkit-mask-image:linear-gradient(to bottom,transparent,black,transparent);mask-image:linear-gradient(to bottom,transparent,black,transparent);pointer-events:none;z-index:1;opacity:.15;animation:moveBackground 20s linear infinite}@keyframes moveBackground{0%{transform:translateY(0)}to{transform:translateY(40px)}}