:root{--bg-dark: #0E1319;--warm-grey: #E7E5E4;--white: #FFFFFF;--solar-start: #F97316;--solar-end: #C2410C;--ring-inactive: linear-gradient(45deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .3));--icon-bg: rgba(255, 255, 255, .1);--icon-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--white);height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}main{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;background:transparent;overflow:hidden;width:100%}#space-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-5;background:radial-gradient(ellipse at bottom,#1b2735,#090a0f);overflow:hidden;transition:background .5s ease}body.light-mode #space-background{background:radial-gradient(ellipse at bottom,#f3f4f6,#e5e7eb)}body.light-mode .star{background:#111827;box-shadow:none;opacity:.4}.hero{text-align:center;position:relative}.profile-container{display:flex;justify-content:center;margin-bottom:1.5rem;animation:fadeUp .8s ease-out}.profile-wrapper{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.profile-image{width:128px;height:128px;border-radius:50%;overflow:hidden;position:absolute;z-index:1;background:var(--bg-dark)}.profile-image img{width:100%;height:100%;object-fit:cover;display:block}.profile-ring{position:absolute;width:165px;height:165px;top:-8px;left:-8px;z-index:2;pointer-events:none;transform:rotate(30deg)}.ring-stroke{transition:all .3s ease}.ring-text{fill:var(--white);font-size:11px;font-family:Outfit,sans-serif;font-weight:400;text-transform:lowercase;opacity:.9}.ring-text textPath{dominant-baseline:middle}.content h1{margin-bottom:1rem;animation:fadeUp 1s ease-out;line-height:0}.logo-img{height:2.5rem;width:auto}.content p{font-size:1.1rem;font-style:italic;color:var(--warm-grey);font-weight:300;margin-bottom:1rem;animation:fadeUp 1.2s ease-out;min-height:2em}.cursor{color:var(--solar-start);font-weight:700;display:inline-block;animation:blink .7s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.accent-line{width:0;height:4px;background:linear-gradient(90deg,var(--solar-start),var(--solar-end));margin:0 auto;border-radius:2px;animation:growLine 1.5s ease-out forwards;box-shadow:0 0 15px var(--solar-start)}.visual-element{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;width:600px;height:600px;pointer-events:none}.circle{position:absolute;border-radius:50%;opacity:.15;filter:blur(40px)}.c1{width:400px;height:400px;background:var(--solar-end);top:-50px;left:-100px;animation:float 8s infinite alternate}.c2{width:300px;height:300px;background:var(--solar-start);bottom:50px;right:-50px;animation:float 6s infinite alternate-reverse}.c3{width:200px;height:200px;background:var(--solar-start);top:40%;left:40%;animation:pulse 4s infinite}.bottom-menu{width:100%;background:#0e1319cc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);padding:.5rem 0;position:relative;z-index:10}.bottom-menu ul{list-style:none;display:flex;justify-content:center;gap:3rem;padding:0 2rem}.bottom-menu a{text-decoration:none;color:var(--warm-grey);font-weight:300;font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease;padding:.2rem .6rem;border-radius:12px;position:relative;background:transparent!important}.bottom-menu .icon{font-size:1.4rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;filter:none;transition:transform .4s cubic-bezier(.25,1.5,.5,1);background:var(--icon-bg);border:1px solid var(--icon-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bottom-menu .icon:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid transparent;background:var(--ring-inactive) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;transition:all .3s ease}.bottom-menu a:hover .icon,.bottom-menu a.active .icon{filter:drop-shadow(0 4px 10px rgba(249,115,22,.4))}.bottom-menu a:hover .icon:after,.bottom-menu a.active .icon:after{background:linear-gradient(45deg,var(--solar-start),var(--solar-end)) border-box;animation:rotateGradient 2s linear infinite}.bottom-menu a:hover,.bottom-menu a.active{color:var(--white)}.bottom-menu a.active{font-weight:700}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes growLine{to{width:100px}}@keyframes float{0%{transform:translate(0)}to{transform:translate(20px,40px)}}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}.chat-container{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 1rem 1.5rem;z-index:8;gap:.8rem}.chat-message-bubble{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:.8rem 1.2rem;border-radius:20px 20px 20px 0;color:var(--white);max-width:90%;width:fit-content;box-shadow:0 4px 20px #0003;animation:popIn .6s cubic-bezier(.34,1.56,.64,1) forwards;position:relative;font-weight:300}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-input-wrapper{position:relative;width:100%;max-width:600px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;display:flex;align-items:center;padding:.3rem;box-shadow:0 4px 20px #0003;transition:all .3s ease}.chat-input-wrapper:focus-within{background:#ffffff14;border-color:#fff3;box-shadow:0 8px 30px #f9731626;transform:translateY(-2px)}.chat-input-wrapper input{flex:1;background:transparent;border:none;color:var(--white);padding:.8rem 1.2rem;font-size:1rem;font-family:Outfit,sans-serif;outline:none}.chat-input-wrapper input::placeholder{color:var(--warm-grey);opacity:.7}.chat-input-wrapper button{background:linear-gradient(135deg,var(--solar-start),var(--solar-end));border:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.chat-input-wrapper button:hover{transform:scale(1.05) rotate(-10deg);box-shadow:0 0 15px #f9731699}.chat-input-wrapper button svg{margin-right:2px;margin-top:1px}body.light-mode .chat-input-wrapper{background:#fff9;border-color:#0000000d;box-shadow:0 4px 20px #0000000d}body.light-mode .chat-input-wrapper:focus-within{background:#ffffffe6;border-color:#f973164d}body.light-mode .chat-input-wrapper input{color:var(--white)}body.light-mode .chat-input-wrapper input::placeholder{color:var(--warm-grey)}body.light-mode .chat-message-bubble{background:#ffffffd9;border-color:#0000000d;box-shadow:0 4px 20px #0000000d}@media(max-width:768px){html,body{position:fixed;width:100%;height:100%;overflow:hidden}.content{padding:0 1rem;width:100%;max-width:100vw}.logo-img{height:3.5rem;max-width:85vw}.profile-wrapper{transform:scale(.7);margin:-1rem 0}.profile-container{margin-bottom:1rem}.content p{font-size:1.5rem;padding:0 .5rem}.chat-container{padding-bottom:1rem}.chat-input-wrapper{width:100%;max-width:100%}.bottom-menu{padding-bottom:calc(.5rem + env(safe-area-inset-bottom));padding-top:.5rem;background:#0e1319f2}.bottom-menu ul{gap:0;justify-content:space-between;padding:0 1rem;width:100%}.bottom-menu li{flex:1;display:flex;justify-content:center}.bottom-menu a{font-size:.7rem;padding:.2rem;min-width:0;width:100%;max-width:70px}.bottom-menu .icon{width:40px;height:40px;font-size:1rem;margin-bottom:2px}.visual-element{position:fixed;width:100vw;height:100dvh;top:0;left:0;transform:none;opacity:1;pointer-events:none}.c1{width:250px;height:250px;filter:blur(50px);top:-30px;left:-30px;opacity:.25}.c2{width:220px;height:220px;filter:blur(50px);bottom:80px;right:-20px;opacity:.25}.c3{width:150px;height:150px;filter:blur(40px);opacity:.2;top:30%;left:50%;transform:translate(-50%)}}@media(max-width:380px){.content p{font-size:1.25rem}.logo-img{height:2.5rem}.bottom-menu ul{padding:0 .5rem}.bottom-menu .icon{width:36px;height:36px}.chat-input-wrapper{padding:.2rem}.chat-input-wrapper input{padding:.6rem .8rem;font-size:.9rem}.chat-input-wrapper button{width:36px;height:36px}}.theme-switch-wrapper{position:fixed;top:20px;right:20px;z-index:1000}.theme-switch{display:inline-block;height:34px;position:relative;width:66px}.theme-switch input{display:none}.slider{background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);cursor:pointer;inset:0;position:absolute;transition:.4s;border-radius:34px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.slider:before{background-color:var(--solar-start);bottom:4px;content:"";height:24px;left:4px;position:absolute;transition:.4s;width:24px;border-radius:50%;z-index:2;box-shadow:0 0 10px #f9731680}.icon-sun,.icon-moon{font-size:16px;z-index:1;line-height:1;-webkit-user-select:none;user-select:none}input:checked+.slider{background-color:#0000001a;border-color:#0000001a}input:checked+.slider:before{transform:translate(32px);background-color:#fdb813;box-shadow:0 0 10px #fdb81380}body.light-mode{--bg-dark: #f3f4f6;--warm-grey: #4b5563;--white: #111827;--ring-inactive: linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--icon-bg: rgba(0, 0, 0, .05);--icon-border: rgba(0, 0, 0, .1)}body.light-mode main{background:transparent}body.light-mode .bottom-menu{background:#ffffffd9;border-top:1px solid rgba(0,0,0,.1)}.typing-indicator{display:flex;align-items:center;gap:4px;height:16px;padding:0 2px}.typing-indicator span{width:4px;height:4px;background-color:var(--white);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both;opacity:.6}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}body.light-mode .typing-indicator span{background-color:var(--white)}#chat-root{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none}