@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:wght@700&display=swap";:root{--bg-color:#030303;--bg-secondary:#0a0a0a;--text-color:#fff;--text-secondary:#aaa;--accent-coral:#ff5757;--accent-cyan:#00d2ff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0}.hero-section{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.hero-portrait{z-index:0;pointer-events:none;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.portrait-image{opacity:.9;background-image:url(/Himanshu.jpeg);background-position:50% 20%;background-repeat:no-repeat;background-size:cover;width:100%;max-width:900px;height:100%;-webkit-mask-image:radial-gradient(70% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 80%,#000 30%,#0000 100%)}.ui-layer{z-index:10;pointer-events:none;justify-content:space-between;width:100%;max-width:1400px;height:100vh;padding:80px 60px;display:flex;position:relative}.ui-layer>*{pointer-events:auto}.left-col{flex-direction:column;flex:1;justify-content:center;max-width:450px;display:flex}.greeting-wrapper{margin-bottom:20px;display:inline-block;position:relative}.greeting{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:700;line-height:1.1}.greeting-name{color:var(--accent-coral)}.role{letter-spacing:.5px;color:var(--text-secondary);margin-bottom:50px;font-size:1.3rem;font-weight:400;line-height:1.4}.hire-btn{background-color:var(--accent-coral);color:#fff;cursor:pointer;border:none;border-radius:30px;align-items:center;width:max-content;padding:12px 30px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.hire-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff57574d}.hire-btn span{margin-left:15px;font-size:1.2rem}.socials{flex-direction:column;gap:20px;margin-top:auto;display:flex}.socials a{color:var(--text-secondary);font-size:1.2rem;text-decoration:none;transition:color .2s}.socials a:hover{color:#fff}.website-link{color:var(--text-secondary);align-items:center;gap:10px;margin-top:30px;font-size:.9rem;display:flex}.website-dot{background-color:#ff3b8d;border-radius:50%;width:24px;height:24px}.right-col{flex-direction:column;flex:1;justify-content:center;max-width:350px;padding-top:50px;display:flex}.expert-tag{color:var(--accent-coral);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--accent-coral);align-self:flex-start;margin-bottom:10px;padding-bottom:4px;font-size:2rem;font-weight:1000;display:inline-block}.bio-heading{margin-bottom:30px;font-size:1.8rem;font-weight:500;line-height:1.3}.bio-text{color:var(--text-secondary);margin-bottom:40px;font-size:1rem;line-height:1.6}.cv-link{color:var(--accent-coral);border-bottom:1px solid var(--accent-coral);width:max-content;padding-bottom:2px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.cv-link:hover{opacity:.8}.chat-bubble{z-index:1000;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414cc;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:10px;padding:10px 10px 10px 20px;font-weight:500;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,border-color .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 30px #00000080}.chat-bubble:hover{border-color:#ff6b6b80;transform:scale(1.1)translateY(-5px);box-shadow:0 15px 40px #ff6b6b4d}.chat-icon{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ff4757);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:flex;position:relative}.chat-bubble:hover .chat-icon{transform:scale(1.1)}.chat-icon:after{content:"";background:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:0}.resume-section{background-color:var(--bg-secondary);justify-content:center;width:100vw;min-height:100vh;padding:100px 60px;display:flex;position:relative}.resume-bg{opacity:.15;z-index:0;background-image:url(/h2.jpeg);background-position:50%;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0}.resume-content{z-index:10;grid-template-columns:1fr;gap:60px;width:100%;max-width:1000px;display:grid;position:relative}.resume-block h3{color:var(--accent-coral);border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:10px;font-family:Playfair Display,serif;font-size:2.5rem}.resume-block p.about-text{color:var(--text-color);font-size:1.1rem;line-height:1.8}.developer-title{color:var(--accent-cyan);margin-bottom:15px;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:500}.works-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px;display:grid}.work-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s}.work-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.work-header{flex-direction:column-reverse;align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.work-header h4{color:#fff;margin:0;font-size:1.25rem;line-height:1.4}.status{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.status.success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.status.mixed{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.work-card p{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.6}.result-text{color:#ddd;border-left:3px solid var(--accent-coral);background:#0003;border-radius:8px;padding:15px;font-size:.95rem;line-height:1.6}.timeline-item{border-left:2px solid var(--accent-cyan);margin-bottom:40px;padding-left:20px;position:relative}.timeline-item:before{content:"";background-color:var(--accent-cyan);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-6px}.timeline-role{color:#fff;margin-bottom:5px;font-size:1.4rem;font-weight:600}.timeline-company{color:var(--text-secondary);margin-bottom:5px;font-size:1.1rem}.timeline-date{color:var(--accent-coral);margin-bottom:15px;font-size:.9rem;font-weight:500}.timeline-item ul{padding-left:20px;list-style-type:disc}.timeline-item li{color:var(--text-secondary);margin-bottom:10px;line-height:1.6}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.skill-category h4{color:#fff;margin-bottom:10px;font-size:1.2rem}.skill-category p{color:var(--text-secondary);line-height:1.5}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-coral)}.debate-skill-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:15px;transition:transform .2s,box-shadow .2s}.debate-skill-card:hover{border-color:var(--accent-cyan);transform:translateY(-5px);box-shadow:0 5px 15px #00d2ff33}.debate-mini-tab{background:var(--bg-secondary);border:1px solid var(--accent-cyan);z-index:1000;border-radius:12px;flex-direction:column;width:320px;animation:.3s ease-out forwards slideUp;display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 10px 30px #000c}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.mini-tab-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.mini-tab-header h4{color:var(--accent-coral);margin:0;font-family:Playfair Display,serif;font-size:1rem}.mini-tab-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;transition:color .2s}.mini-tab-close:hover{color:#fff}.mini-tab-body{text-align:center;padding:15px}.info-icon-container{cursor:help;display:inline-block;position:relative}.info-icon{color:var(--accent-cyan);background:#00d2ff1a;border:1px solid #00d2ff4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.info-icon-container:hover .info-icon{background:var(--accent-cyan);color:var(--bg-color)}.info-tooltip{visibility:hidden;opacity:0;background-color:var(--bg-secondary);width:350px;color:var(--text-color);text-align:left;z-index:1000;border:1px solid var(--accent-cyan);pointer-events:none;border-radius:8px;padding:20px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.5;transition:opacity .3s,visibility .3s,transform .3s;position:absolute;bottom:150%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 30px #000c}.info-tooltip ul{flex-direction:column;gap:12px;margin-top:15px;padding-left:20px;display:flex}.info-tooltip li{color:var(--text-secondary)}.info-tooltip li strong{color:#fff}.info-tooltip:after{content:"";border-style:solid;border-width:8px;border-color:var(--accent-cyan) transparent transparent transparent;margin-left:-8px;position:absolute;top:100%;left:50%}.info-icon-container:hover .info-tooltip{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.project-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.project-modal-content{text-align:left;background:#111;border:1px solid #ffffff1a;border-radius:15px;width:100%;max-width:800px;max-height:90vh;padding:40px;animation:.3s ease-out forwards modalPop;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000080}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.close-modal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .3s;position:absolute;top:15px;right:20px}.close-modal-btn:hover{color:#fff}.project-modal-content h3{color:var(--accent-coral);margin-bottom:5px;font-family:Playfair Display,serif;font-size:2rem}.project-modal-content h4{color:var(--accent-cyan);margin-top:30px;margin-bottom:15px;font-family:Inter,sans-serif;font-size:1.25rem}.project-modal-content ul{color:var(--text-secondary);margin-bottom:20px;padding-left:20px;line-height:1.8}.project-modal-content p{color:var(--text-secondary);margin-bottom:20px;line-height:1.8}.project-modal-content li{margin-bottom:10px}.project-modal-content li strong{color:#fff}.laptop-wrapper{cursor:pointer;width:100%;max-width:400px;margin-top:30px;transition:transform .3s}.laptop-wrapper:hover{transform:scale(1.02)translateY(-5px)}.laptop-svg{filter:drop-shadow(0 10px 20px #00000080);width:100%;height:auto}.laptop-pulse-text{animation:1.5s infinite pulseOpacity}@keyframes pulseOpacity{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.zoom-in-overlay{z-index:9999;pointer-events:none;background-color:#050505;border-radius:50%;width:100vw;height:100vh;animation:.6s ease-in forwards explodeScreen;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes explodeScreen{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;border-radius:0;transform:translate(-50%,-50%)scale(3)}}.laptop-screen-html{background-image:url(/assets/5531-8ytQrlBk.jpg);background-position:50%;background-size:cover;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.laptop-screen-html:before{content:"";z-index:1;background:#0009;position:absolute;inset:0}.os-logo-container,.os-boot-text{z-index:2;position:relative}.os-logo-container{justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}.os-logo-glow{background:var(--accent-cyan);filter:blur(50px);opacity:.3;border-radius:50%;width:150px;height:150px;animation:4s ease-in-out infinite alternate breatheGlow;position:absolute}@keyframes breatheGlow{0%{opacity:.2;transform:scale(.8)}to{opacity:.5;transform:scale(1.2)}}.os-logo-text{z-index:2;color:#fff;letter-spacing:1px;text-shadow:0 0 15px #00d2ffcc;text-align:center;margin:0;padding:0 20px;font-family:Inter,sans-serif;font-size:2.8rem;font-weight:800;position:relative}.os-boot-text{color:#aaa;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;border-right:2px solid #aaa;margin-top:30px;font-family:Courier New,Courier,monospace;font-size:1.1rem;animation:10s infinite typingLoop,.75s step-end infinite blinkCaret;overflow:hidden}@keyframes typingLoop{0%,5%{width:0}20%,95%{width:24ch}98%,to{width:0}}@keyframes blinkCaret{0%,to{border-color:#0000}50%{border-color:#aaa}}.contact-modal-content{background:#111;max-width:600px;padding:50px}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-input,.contact-textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:15px 20px;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s,background .3s}.contact-input:focus,.contact-textarea:focus{border-color:var(--accent-cyan);background:#ffffff14;outline:none}.contact-textarea{resize:vertical}.contact-submit-btn{background-color:var(--accent-coral);color:#fff;cursor:pointer;border:none;border-radius:30px;align-self:flex-start;margin-top:10px;padding:15px 30px;font-size:1.1rem;font-weight:500;transition:all .3s}.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff57574d}@media (width<=1024px){.ui-layer{padding:60px 40px}.greeting{font-size:3.5rem}}@media (width<=768px){.ui-layer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:40px;height:auto;min-height:100vh;padding:40px 20px}.left-col,.right-col{align-items:center;max-width:100%}.right-col{padding-top:0}.socials{flex-direction:row;justify-content:center;margin-top:25px}.greeting{font-size:3rem}.hero-portrait{opacity:.4}.resume-section{padding:50px 20px}.works-grid{grid-template-columns:1fr}.project-modal-content{padding:25px}.project-modal-content h3{font-size:1.5rem}.laptop-wrapper{max-width:300px}}@media (width<=480px){.greeting{font-size:2.5rem}.role{font-size:1.1rem}}