:root{--bg-color: #050505;--text-color: #f5f5f5;--accent-color: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--secondary-text: #a3a3a3;--card-bg: #121212;--nav-bg: rgba(5, 5, 5, .85);--font-main: "Inter", system-ui, -apple-system, sans-serif;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.12) 0%,transparent 50%);z-index:-1;pointer-events:none}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media screen and (max-width:768px){.container{padding:0 15px}section{padding:60px 0}h2{font-size:2rem;margin-bottom:30px}}section{padding:80px 0}h1,h2,h3{font-weight:700;line-height:1.2}h2{font-size:2.5rem;margin-bottom:40px;text-align:center}.btn{display:inline-block;padding:12px 24px;background-color:var(--accent-color);color:#fff;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,background-color .3s ease}.btn:hover{background-color:#2563eb;transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color);color:#fff}.chatbot-container{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:Inter,sans-serif}.chatbot-toggle{background-color:#646cff;color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;font-size:20px;transition:transform .3s ease,background-color .3s}@media screen and (max-width:768px){.chatbot-container{bottom:90px;right:20px}}.chatbot-toggle:hover{transform:scale(1.1);background-color:#535bf2}.chatbot-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:#141414f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;opacity:.8;transition:opacity .2s}.close-btn:hover{opacity:1}.chatbot-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background-color:transparent}.message{max-width:80%;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;box-shadow:0 2px 5px #0000001a}.message.user{align-self:flex-end;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:4px}.message.bot{align-self:flex-start;background-color:#2a2a2a;color:#e0e0e0;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.05)}.chatbot-input-area{padding:16px;background-color:#1a1a1a;border-top:1px solid #333;display:flex;gap:8px}.chatbot-input-area input{flex:1;padding:10px;border-radius:20px;border:1px solid #444;background-color:#2a2a2a;color:#fff;outline:none}.chatbot-input-area input:focus{border-color:#646cff}.chatbot-input-area button{background-color:#646cff;color:#fff;border:none;border-radius:50%;width:38px;height:38px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.chatbot-input-area button:hover{background-color:#535bf2}.chatbot-input-area button:disabled{background-color:#444;cursor:not-allowed}.typing-indicator{font-size:12px;color:#888;margin-left:8px}@media screen and (max-width:480px){.chatbot-window{width:100%;height:100%;height:calc(100vh - 80px);bottom:0;right:0;border-radius:0;position:fixed;z-index:1001}.chatbot-window{position:fixed;inset:0 auto auto 0;width:100%;height:100%;border-radius:0}.chatbot-header{padding:20px}.chatbot-input-area{padding-bottom:20px}}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 0;z-index:1000;transition:all .3s ease;background:#05050580;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.navbar.scrolled{padding:15px 0;background:#050505e6;box-shadow:0 4px 30px #0000001a}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--text-color);letter-spacing:-.5px;text-decoration:none}.nav-logo span{color:var(--accent-color)}.nav-menu{display:flex;gap:30px;list-style:none}.nav-link{font-size:1rem;color:var(--secondary-text);font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:var(--text-color)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{display:none;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}.bottom-nav{display:none}@media screen and (max-width:768px){.nav-toggle,.nav-menu{display:none}.navbar{padding:15px 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none}.nav-container{justify-content:flex-start}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#0a0a0af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.05);z-index:1001;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--secondary-text);font-size:.75rem;gap:5px;text-decoration:none;transition:all .3s ease;width:100%;height:100%}.bottom-nav-link i{font-size:1.2rem;margin-bottom:2px}.bottom-nav-link.active,.bottom-nav-link:hover{color:var(--accent-color)}.bottom-nav-link.active i{transform:translateY(-2px)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:80px}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120vw;height:120vw;max-width:800px;max-height:800px;background:var(--accent-glow);filter:blur(120px);opacity:.25;border-radius:50%;z-index:-1;animation:pulse 8s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.1)}}.hero-container{text-align:center;max-width:900px;z-index:1}.hero-greeting{font-size:1.5rem;color:var(--accent-color);margin-bottom:1.5rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;display:inline-block;background:transparent;border:none;padding:0;margin-bottom:1rem}.hero-name{font-size:5rem;margin-bottom:1rem;background:linear-gradient(to right,#fff,#a3a3a3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px;line-height:1.1}.hero-title{font-size:2.5rem;color:var(--secondary-text);margin-bottom:2rem;font-weight:500}.hero-description{font-size:1.25rem;color:var(--secondary-text);margin-bottom:3rem;max-width:650px;margin-left:auto;margin-right:auto;line-height:1.8}.hero-buttons{display:flex;gap:20px;justify-content:center}@media screen and (max-width:768px){.hero-name{font-size:2.5rem}.hero-title{font-size:1.2rem}.hero-description{font-size:.95rem;padding:0 20px;line-height:1.5}.hero-greeting{font-size:.9rem;padding:6px 12px}.hero-buttons{flex-direction:column;gap:15px;padding:0 40px}.btn{width:100%;text-align:center}}.about{background-color:#111}.about-content{display:flex;justify-content:center;align-items:center}.about-text{max-width:800px;text-align:center;font-size:1.1rem;color:var(--secondary-text)}.about-text p{margin-bottom:1.5rem}.about-text strong{color:var(--text-color);font-weight:600}.projects-section{padding:100px 0;background-color:var(--bg-color)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;background:linear-gradient(to right,#fff,#a3a3a3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px 0}.project-card{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .4s ease;position:relative;display:block;text-decoration:none;height:100%}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006;border-color:#3b82f64d}.project-content{padding:30px;display:flex;flex-direction:column;height:100%}.project-title{font-size:1.5rem;margin-bottom:15px;color:var(--text-color);transition:color .3s ease}.project-card:hover .project-title{color:var(--accent-color)}.project-description{color:var(--secondary-text);font-size:1rem;margin-bottom:25px;line-height:1.6;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-tag{font-size:.8rem;padding:4px 12px;background:#3b82f61a;color:var(--accent-color);border-radius:20px;font-weight:500}.project-cta{margin-top:auto;color:var(--accent-color);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px;opacity:.8;transition:opacity .3s ease}.project-card:hover .project-cta{opacity:1}@media screen and (max-width:768px){.projects-grid{grid-template-columns:1fr;padding:0 20px}}.contact{background-color:#111;text-align:center;padding:100px 0}.contact-container{max-width:600px}.contact-text{color:var(--secondary-text);margin-bottom:2.5rem;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:20px;margin-top:30px}.form-group input,.form-group textarea{width:100%;padding:15px;border-radius:8px;border:1px solid #333;background-color:#1a1a1a;color:var(--text-color);font-family:var(--font-main);font-size:1rem;outline:none;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color)}.submit-btn{width:100%;font-size:1rem;margin-top:10px}.submit-btn:disabled{background-color:#444;cursor:not-allowed}.status-msg{margin-top:15px;font-size:.9rem}.status-msg.success{color:#4ade80}.status-msg.error{color:#f87171}.footer{background-color:var(--bg-color);padding:30px 0;border-top:1px solid #222}.footer-container{display:flex;justify-content:space-between;align-items:center;color:var(--secondary-text);font-size:.9rem}.social-links{display:flex;gap:20px}.social-links a{font-size:1.2rem;color:var(--secondary-text)}.social-links a:hover{color:var(--accent-color)}@media screen and (max-width:768px){.footer-container{flex-direction:column;gap:15px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}