:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#fff;border-bottom:1px solid #eee}.navbar-inner{display:flex;justify-content:space-between;align-items:center;height:60px}.nav-links{display:flex;gap:25px}.nav-links a{text-decoration:none;color:#444;font-size:14px;position:relative}.nav-links a:hover{color:#5b5ce2}.nav-links a.active{color:#5b5ce2;font-weight:500}.menu-btn{display:none;font-size:22px;cursor:pointer}@media(max-width:768px){.nav-links{position:absolute;top:60px;left:0;width:100%;background:#fff;flex-direction:column;padding:20px;gap:15px;border-bottom:1px solid #eee;display:none}.nav-links.open{display:flex}.menu-btn{display:block}}.hero{display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-left{flex:1}.hero-left h1{font-size:42px;margin-bottom:10px}.hero-left h2{color:#5b5ce2;margin-bottom:15px}.hero-left p{max-width:500px;color:#555;line-height:1.6;margin-bottom:25px}.hero-buttons{display:flex;gap:15px}.btn{padding:12px 18px;border-radius:8px;font-size:14px;font-weight:500}.primary{background:#5b5ce2;color:#fff;box-shadow:0 4px 10px #5b5ce240}.secondary{border:1px solid #ddd;color:#333}.hero-right{flex:1;display:flex;justify-content:center}.tech-card{border:1px solid #eee;padding:24px;border-radius:12px;background:#fafafa}.tech-card li{padding:6px 0;border-bottom:1px solid #f1f1f1;font-size:14px}.tech-card:hover{box-shadow:0 8px 20px #0000000d}.home-section{padding:70px 0}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;min-height:50vh;padding-top:40px}.hero-text h1{margin-bottom:10px}.hero-text h2{color:#5b5ce2;margin-bottom:15px}.hero-text p{color:#444;line-height:1.6;max-width:500px}.tech-card{border:1px solid #eee;border-radius:10px;padding:25px;background:#fafafa}.tech-card h3{margin-bottom:15px}.tech-card ul{list-style:none;padding:0;margin:0}.tech-card li{padding:10px 0;border-bottom:1px solid #eee;font-size:14px}.tech-card li:last-child{border-bottom:none}.hero-buttons{margin-top:25px;display:flex;gap:15px}.primary-btn{background:#5b5ce2;color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none}.secondary-btn{border:1px solid #ddd;padding:10px 20px;border-radius:6px;text-decoration:none;color:#333}.tech-badges{display:none;margin-top:20px;flex-wrap:wrap;gap:10px}.tech-badges span{background:#f2f3ff;color:#5b5ce2;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}@media(max-width:768px){.hero{grid-template-columns:1fr;gap:30px}.hero-left h1{font-size:32px}.hero-left h2{font-size:20px}.hero-buttons{flex-wrap:wrap}.tech-badges{display:flex}.hero-right{display:none}}.about-section{padding:70px 0}.section-title{font-size:32px;margin-bottom:25px}.about-text{max-width:700px;line-height:1.7;color:#444;margin-bottom:16px;font-size:15px}.projects-section{padding:70px 0}.section-title{font-size:32px;margin-bottom:10px}.projects-subtitle{color:#666;margin-bottom:40px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.project-card{width:100%;border:1px solid #e5e5e5;border-radius:10px;padding:22px;background:#fff;transition:all .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 18px #0000000f}.project-card h3{margin-bottom:8px}.project-card p{font-size:14px;color:#555;line-height:1.6}.tech-stack{margin-top:15px;display:flex;flex-wrap:wrap;gap:8px}.tech-stack span{background:#f4f4f4;border:1px solid #eee;padding:4px 10px;border-radius:20px;font-size:12px}.skills-section{padding:70px 0}.section-title{font-size:32px;margin-bottom:40px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.skill-card{border:1px solid #e5e5e5;border-radius:10px;padding:20px;background:#fff;transition:all .2s ease}.skill-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0000000d}.skill-card h3{margin-bottom:10px;font-size:16px}.skill-card p{font-size:14px;color:#555;line-height:1.6}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}}.resume-section{padding:80px 0}.section-title{text-align:center;margin-bottom:60px}.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.resume-heading{margin-bottom:25px;font-size:20px}.timeline-item{position:relative;padding-left:20px;margin-bottom:30px;border-left:2px solid #e5e5e5}.timeline-year{font-size:13px;color:#5b5ce2;font-weight:600}.timeline-item h4{margin:5px 0}.timeline-item strong{font-size:14px;color:#666}.timeline-item p{margin-top:6px;color:#555;font-size:14px}@media(max-width:768px){.resume-grid{grid-template-columns:1fr}}.contact-section{padding:90px 0;background:#fafafa}.contact-header{text-align:center;margin-bottom:60px}.contact-label{font-size:12px;letter-spacing:2px;color:#8a8a8a}.contact-header h2{font-size:34px;margin:10px 0}.contact-sub{color:#666;max-width:520px;margin:auto;font-size:15px;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:start}.contact-form{background:#fff;padding:35px;border-radius:8px;border:1px solid #eee;transition:box-shadow .25s ease}.contact-form:hover{box-shadow:0 10px 25px #00000014}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:5px;margin-top:15px;font-size:14px;transition:border .2s ease,box-shadow .2s ease}.contact-form input:hover,.contact-form textarea:hover{border-color:#bbb}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#5b5ce2;box-shadow:0 0 0 2px #5b5ce21a}.send-btn{margin-top:20px;padding:12px 22px;border:none;background:#5b5ce2;color:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.send-btn:hover{background:#4b4ccc;transform:translateY(-1px);box-shadow:0 6px 14px #00000026}.contact-info{display:flex;flex-direction:column;gap:28px}.info-item{display:flex;gap:15px;align-items:flex-start;padding:14px;border-radius:6px;transition:background .2s ease,transform .2s ease}.info-item:hover{background:#f4f5ff;transform:translate(4px)}.info-icon{width:38px;height:38px;border-radius:50%;background:#eef0ff;display:flex;align-items:center;justify-content:center;color:#5b5ce2;flex-shrink:0}.info-item strong{font-size:14px}.info-item p{margin:4px 0 0;color:#555;font-size:14px}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}}.chat-launcher{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;border:none;background:#635bff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px #0000002e;transition:transform .2s ease,box-shadow .2s ease}.chat-launcher:hover{transform:translateY(-2px);box-shadow:0 14px 30px #00000038}.chat-window{position:fixed;bottom:95px;right:25px;width:360px;height:480px;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:chatOpen .25s ease}.chat-header{background:#635bff;color:#fff;padding:14px;display:flex;justify-content:space-between;align-items:center}.chat-title{display:flex;gap:10px;align-items:center}.chat-title p{font-size:12px;opacity:.8;margin:0}.avatar{font-size:22px}.close-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.chat-body{flex:1;padding:15px;background:#f6f7fb;overflow-y:auto}.msg{display:flex;margin-bottom:14px}.msg.user{justify-content:flex-end}.bubble{padding:10px 14px;border-radius:14px;font-size:14px;max-width:70%;line-height:1.4}.msg.bot .bubble{background:#e8e9ff;color:#333}.msg.user .bubble{background:#635bff;color:#fff}.chat-input{display:flex;border-top:1px solid #eee}.chat-input input{flex:1;border:none;padding:12px;outline:none;font-size:14px}.chat-input button{border:none;background:#635bff;color:#fff;padding:12px 16px;cursor:pointer}.chat-avatar{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff}.chat-info strong{font-size:14px}.chat-info p{font-size:12px;opacity:.8;margin:0}@keyframes chatOpen{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}nav a{text-decoration:none;color:#333;font-size:14px}nav a:hover{color:#5b5ce2}@media(max-width:768px){.chat-launcher{width:45px;height:45px}}.footer{background:#fafafa;border-top:1px solid #eee;margin-top:80px}.footer-container{display:flex;justify-content:space-between;align-items:center;padding:35px 0}.footer-left h3{margin:0;font-size:18px;color:#222}.footer-left p{margin-top:5px;font-size:14px;color:#666}.footer-social{display:flex;gap:16px}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e5e5e5;color:#444;transition:all .2s ease}.footer-social a:hover{background:#5b5ce2;color:#fff;border-color:#5b5ce2;transform:translateY(-2px)}.footer-bottom{text-align:center;font-size:13px;padding:15px 0;border-top:1px solid #eee;color:#888}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;height:100%}body{margin:0;padding-top:70px;font-family:Inter,Roboto,system-ui;background:#fff;color:#111}.container{max-width:1100px;margin:auto;padding:0 18px}.grid{display:grid;gap:25px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}input,textarea{width:100%;padding:10px;margin-top:10px;border:1px solid #ddd;border-radius:4px}.chat-toggle{position:fixed;bottom:20px;right:20px;background:#5b5ce2;color:#fff;border:none;padding:12px 18px;border-radius:8px;cursor:pointer}section{padding:70px 0}@media(max-width:768px){section{padding:50px 0}.container{padding:0 16px}}.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:22px;transition:all .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}