*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}html{scroll-behavior:smooth}:root{--site-max-width:1300px;--gap:clamp(.5rem, 1.5vw, 1.5rem);--container-padding:clamp(1rem, 3vw, 2.25rem);--radius:14px;--fs-xs:clamp(.8rem, 1.2vw, .95rem);--fs-sm:clamp(.95rem, 1.6vw, 1rem);--fs-md:clamp(1.05rem, 2vw, 1.125rem);--fs-lg:clamp(1.25rem, 2.5vw, 1.5rem);--fs-hero:clamp(2rem, 6vw, 4rem)}*{box-sizing:border-box}html,body,#root{height:100%}img,video,svg{max-width:100%;height:auto;display:block}.container{max-width:var(--site-max-width);padding:0 var(--container-padding);width:100%;margin:0 auto}.hero-section{padding:0 var(--container-padding);gap:var(--gap);grid-template-columns:1fr;align-items:start;margin:clamp(1.5rem,4vw,3rem) auto;display:grid}.hero-content,.social-section,.tech-stack-section,.location-card,.project-card,.contact-container{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);transition:all .28s}.hero-content:hover,.project-card:hover,.social-section:hover,.tech-stack-section:hover,.location-card:hover,.contact-container:hover{background:var(--card-hover);transform:translateY(-5px)}.hero-content{padding:clamp(1.25rem,3.5vw,3rem)}.availability-badge{color:#22c55e;font-size:var(--fs-sm);background:#16a34a1f;border-radius:999px;padding:.6rem 1rem;display:inline-block}.hero-title{font-size:var(--fs-hero);max-width:65ch;margin-top:1.25rem;font-weight:800;line-height:1.05}.hero-subtitle{color:var(--accent);margin-top:.75rem;font-size:clamp(1rem,2.4vw,2rem)}.hero-description{color:var(--text-secondary);max-width:65ch;line-height:1.6;font-size:var(--fs-md);overflow-wrap:break-word;margin-top:1.25rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;min-height:44px;padding:.75rem 1.1rem;font-weight:600;transition:transform .2s,background .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-3px)}.btn-secondary{border:1px solid var(--border);color:#fff;background:0 0}.hero-sidebar{flex-direction:column;gap:1rem;display:flex}.social-section{padding:clamp(1rem,2.5vw,2rem)}.social-links{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-top:1rem;display:flex}.social-link{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:clamp(44px,8vw,60px);height:clamp(44px,8vw,60px);font-size:clamp(1rem,2.2vw,1.4rem);transition:transform .2s;display:flex}.social-link:hover{background:var(--accent);transform:translateY(-3px)}.tech-stack-section{padding:clamp(.75rem,2vw,2rem)}.tech-stack-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tech-item{color:var(--text-secondary);font-size:var(--fs-sm);white-space:nowrap;background:#ffffff0d;border-radius:999px;padding:.45rem .9rem}.location-card{max-width:var(--site-max-width);margin:0 auto;padding:clamp(1rem,2.5vw,2rem)}.location-title{color:var(--text-secondary)}.location-time{margin-top:2rem;font-size:3rem;font-weight:800}.projects-section{max-width:var(--site-max-width);padding:0 var(--container-padding);margin:clamp(2rem,5vw,4rem) auto}.projects-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.project-card{border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.project-image{width:100%;display:block}.project-card h4,.project-card p{padding:0 1rem}.project-title{font-size:var(--fs-lg);margin-top:1rem}.project-description{color:var(--text-secondary);word-break:break-word;padding-bottom:1rem;line-height:1.6}.contact-section{max-width:900px;padding:0 var(--container-padding);margin:clamp(2rem,5vw,4rem) auto}.contact-container{padding:clamp(1rem,3vw,2.5rem)}.contact-form{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.form-input,.form-textarea{border:1px solid var(--border);color:#fff;background:#ffffff08;border-radius:12px;outline:none;width:100%;min-height:44px;padding:.9rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent)}.projects-grid{grid-template-columns:1fr}@media (width>=480px){.projects-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width>=768px){.hero-section{gap:var(--gap);grid-template-columns:2fr 1fr}.projects-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.social-links{justify-content:center}}@media (width>=1024px){.projects-grid{grid-template-columns:repeat(3,minmax(300px,1fr))}}@media (width>=1440px){.hero-content{padding:3rem}}.tech-snake-section{margin:6rem 0}.snake-header{text-align:center;margin-bottom:4rem}.snake-header h2{color:#fff;font-size:2rem}.snake-header p{color:#9ca3af;margin-top:1rem}.tech-snake{width:100%;overflow:hidden}.tech-track{will-change:transform;gap:clamp(.6rem,2vw,2rem);width:max-content;padding:clamp(.6rem,2vw,2rem);display:flex}.tech-circle{color:#fff;cursor:pointer;background:#0b0b0d;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(56px,9vw,90px);height:clamp(56px,9vw,90px);font-size:clamp(1.2rem,2.5vw,2rem);transition:transform .18s,background .18s;display:flex;position:relative}.tech-circle:hover{background:#121216;transform:translateY(-4px)}.mern-circle{border-color:#7c5cff4d;width:clamp(72px,11vw,110px);height:clamp(72px,11vw,110px);font-size:clamp(1.6rem,3vw,2.5rem)}.tech-tooltip{color:#fff;opacity:0;pointer-events:none;background:#111;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;transition:all .3s;position:absolute;bottom:-35px}.tech-circle:hover .tech-tooltip{opacity:1}.roadmap-section{max-width:1400px;margin:0 auto;padding:80px 20px;position:relative}.section-header{text-align:center;margin-bottom:70px}.section-title{color:#fff;font-size:3rem;font-weight:700}.section-description{color:#ffffffb3;max-width:700px;margin:20px auto;line-height:1.8}.timeline-svg{z-index:1;pointer-events:none;width:700px;height:100%;position:absolute;top:220px;left:50%;transform:translate(-50%)}.timeline-svg path{filter:drop-shadow(0 0 10px #ffffffe6)drop-shadow(0 0 25px #fff9)drop-shadow(0 0 40px #ffffff4d)}.roadmap-container{z-index:2;position:relative}.roadmap-item{width:50%;margin-bottom:80px;position:relative}.roadmap-item.left{padding-right:100px;left:0}.roadmap-item.right{padding-left:100px;left:50%}.roadmap-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:24px;padding:24px;transition:all .4s;position:relative;overflow:hidden}.roadmap-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000);position:absolute;inset:0}.roadmap-card:hover{border-color:#ffffff40;transform:translateY(-10px);box-shadow:0 0 30px #ffffff14,0 0 60px #ffffff0d}.phase{color:#fff;background:#ffffff1a;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.roadmap-card h3{color:#fff;margin:16px 0 12px;font-size:1.7rem;font-weight:700}.roadmap-card p{color:#ffffffb3;margin-bottom:16px;line-height:1.7}.status{border-radius:999px;margin-bottom:20px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-block}.completed{color:#00ff8c;background:#00ff8c26}.planned{color:#ffd000;background:#ffc80026}.in-progress{color:#00b4ff;background:#00b4ff26}.project-links{gap:12px;margin-top:15px;display:flex}.live-btn,.github-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;transition:all .3s;display:flex}.live-btn:hover,.github-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 0 15px #ffffff26}.view-more-container{justify-content:center;margin-top:10px;display:flex}.view-more-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:14px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s}.view-more-btn:hover{background:#ffffff1a;transform:translateY(-4px)}@media (width<=768px){.timeline-svg{display:none}.roadmap-item{width:100%;margin-bottom:50px;padding-left:0;padding-right:0;left:0!important}.section-title{font-size:2rem}.roadmap-card{padding:18px}.project-links{flex-wrap:wrap}}:root{--radius-md:16px;--radius-lg:18px;--transition-smooth:all .3s ease;--color-primary:#7c5cff;--color-success:#22c55e;--color-error:#ef4444;--color-text-muted:#ffffff73}.input-group{flex-direction:column;gap:8px;display:flex}.form-input,.form-textarea{border-radius:var(--radius-md);color:#fff;width:100%;transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff14;padding:16px 18px;font-size:1rem}:is(.form-input,.form-textarea)::placeholder{color:var(--color-text-muted)}:is(.form-input,.form-textarea):focus{border-color:color-mix(in srgb, var(--color-primary) 80%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 40%, transparent), 0 0 20px color-mix(in srgb, var(--color-primary) 15%, transparent);background:#ffffff0d;outline:none}.input-error{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-error) 30%, transparent), 0 0 20px color-mix(in srgb, var(--color-error) 12%, transparent);border-color:color-mix(in srgb, var(--color-error) 70%, transparent)!important}.field-error{color:#ff6b6b;padding-inline-start:4px;font-size:.85rem;animation:.3s fadeIn}.contact-form .btn{border-radius:var(--radius-md);width:100%;height:56px;margin-top:10px;font-size:1rem;font-weight:600}.contact-form .btn:disabled{opacity:.7;cursor:not-allowed}.form-status{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:16px;margin-top:24px;padding:18px;animation:.35s slideUp;display:flex}.form-status.success{background:linear-gradient(135deg,#22c55e1f,#22c55e08);border:1px solid #22c55e40;box-shadow:0 0 20px #22c55e14}.form-status.success .status-icon{color:var(--color-success);background:#22c55e26}.form-status.error{background:linear-gradient(135deg,#ef44441f,#ef444408);border:1px solid #ef444440;box-shadow:0 0 20px #ef444414}.form-status.error .status-icon{color:var(--color-error);background:#ef444426}.status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.3rem;font-weight:700;display:flex}.status-content{flex:1}.status-content h4{color:#fff;margin-bottom:4px;font-size:1rem}.status-content p{color:#ffffffb3;margin:0;line-height:1.6}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.form-status{text-align:center;flex-direction:column}.status-icon{width:48px;height:48px}.contact-form .btn{height:52px}}.footer{margin-top:120px;margin-bottom:0;padding:80px 20px 40px}.footer-content{text-align:center;max-width:1200px;margin:auto}.footer-logo{color:#fff;font-size:2rem;font-weight:700}.footer-text{color:#ffffffa6;margin-top:10px}.footer-socials{justify-content:center;gap:20px;margin-top:30px;display:flex}.footer-socials a{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;transition:all .3s;display:flex}.footer-socials a:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 0 20px #ffffff26}.footer-line{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:1px;margin:40px 0}.footer-copy{color:#ffffff80;font-size:.9rem}.chatbot-toggle{color:#111;cursor:pointer;z-index:9999;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(44px,8vw,64px);height:clamp(44px,8vw,64px);font-size:clamp(1rem,2.6vw,1.4rem);transition:transform .2s,z-index 10ms;display:flex;position:fixed;bottom:clamp(12px,3vh,24px);right:clamp(12px,3vw,24px);box-shadow:0 10px 25px #0000002e,0 4px 10px #00000014}.chatbot-toggle:hover{transform:translateY(-4px)scale(1.05)}.chatbot-window{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9998;background:#121212f5;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;width:clamp(300px,70vw,420px);height:clamp(320px,60vh,600px);animation:.28s chatOpen;display:flex;position:fixed;bottom:clamp(64px,10vh,100px);right:clamp(12px,3vw,24px);overflow:hidden;box-shadow:0 12px 40px #00000061}@keyframes chatOpen{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.chatbot-header{background:#111;border-bottom:1px solid #ffffff14;padding:18px 20px}.chatbot-header h4{color:#fff;margin:0;font-size:1rem;font-weight:600}.chatbot-header span{color:#9ca3af;font-size:.8rem}.chatbot-messages{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow:hidden auto}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.bot-message{color:#fff;background:#222;border-radius:18px 18px 18px 6px;align-self:flex-start;width:fit-content;max-width:85%;padding:12px 16px;font-size:.95rem;line-height:1.5}.user-message{color:#111;background:#fff;border-radius:18px 18px 6px;align-self:flex-end;width:fit-content;max-width:85%;margin-left:auto;padding:12px 16px;font-size:.95rem;line-height:1.5}.bot-list{margin:0;padding-left:18px}.bot-list li{margin-bottom:6px;line-height:1.6}.bot-list li:last-child{margin-bottom:0}.chatbot-input{border-top:1px solid #ffffff14;gap:10px;padding:15px;display:flex}.chatbot-input input{color:#fff;background:#222;border:none;border-radius:999px;outline:none;flex:1;padding:14px 18px;font-size:.95rem}.chatbot-input input::placeholder{color:#888}.chatbot-input button{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(40px,8vw,48px);height:clamp(40px,8vw,48px);transition:transform .18s;display:flex}.chatbot-input button:hover{transform:scale(1.08)}.chatbot-input button:disabled{opacity:.5;cursor:not-allowed}.loading-message{color:#aaa;background:#222;border-radius:18px 18px 18px 6px;width:fit-content;padding:12px 16px}@media (width<=480px){.chatbot-window{width:calc(100% - 16px);height:70vh;bottom:12px;left:8px;right:8px}.chatbot-toggle{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.chatbot-window,.chatbot-toggle{transition:none;animation:none}}:root{--bg:#050505;--card-bg:#0b0b0d;--card-hover:#111114;--text-primary:#fff;--text-secondary:#9ca3af;--border:#ffffff14;--accent:#7c5cff;--accent-hover:#9277ff;--success:#16a34a}body{cursor:none}.custom-cursor{pointer-events:none;z-index:999999;will-change:transform;background:#fff;border-radius:50%;width:12px;height:12px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 40px #fff6}