@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";:root{--accent-purple: #a855f7;--accent-blue: #00f2ff;--text-primary: #ffffff;--text-dim: #94a3b8}body{margin:0;padding:0;background-color:#050505;color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}@media(max-width:720px){body{font-size:2.75vmin}}.nav-wrapper{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 2rem;box-sizing:border-box}.nav-container{max-width:1400px;margin:0 auto;padding:.75rem 1.5rem;background:#0a0a0acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:100px;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-content{display:flex;justify-content:space-between;align-items:center}.brand-link{text-decoration:none;color:var(--text-primary)}.brand-container{display:flex;align-items:center;gap:10px}.brand-dot{width:8px;height:8px;background-color:var(--accent-blue);border-radius:50%;box-shadow:0 0 15px var(--accent-blue)}.brand-name{font-size:1.1rem;font-weight:800;letter-spacing:2px;margin:0}.menu-items{display:flex;gap:2.5rem}.nav-item{text-decoration:none;display:flex;align-items:center;gap:8px;position:relative;transition:opacity .3s ease}.nav-number{font-size:.65rem;font-weight:600;color:var(--accent-purple);margin-top:-8px}.nav-text{font-size:.85rem;font-weight:600;letter-spacing:1px;color:var(--text-primary)}.nav-item:hover .nav-text{color:var(--accent-blue)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.hamburger{width:24px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.hamburger .line{display:block;height:2px;width:100%;background-color:var(--text-primary);transition:all .3s ease}.hamburger.is-active .line:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-active .line:nth-child(2){transform:translateY(-6px) rotate(-45deg)}@media(max-width:768px){.nav-wrapper{padding:1rem}.menu-toggle{display:block}.nav-right{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#050505;display:flex;justify-content:center;align-items:center;transition:.5s cubic-bezier(.77,0,.175,1)}.nav-right.active{right:0}.menu-items{flex-direction:column;align-items:center;gap:3rem}.nav-text{font-size:2rem;font-weight:800}.nav-number{font-size:1rem}}.timeline-container{min-height:100vh;background-color:#050505;padding:100px 5vw;display:flex;flex-direction:column;align-items:center;overflow:hidden;box-sizing:border-box}.timeline-header{text-align:center;margin-bottom:clamp(4rem,10vh,8rem)}.timeline-header h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-2px;color:#fff;margin-bottom:.5rem;text-transform:uppercase}.timeline-header p{font-family:monospace;color:var(--accent-blue, #00f2ff);letter-spacing:2px;text-transform:uppercase;font-size:.85rem}.timeline-wrapper{position:relative;max-width:1100px;width:100%}.center-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(168,85,247,.5) 15%,rgba(0,242,255,.5) 50%,rgba(168,85,247,.5) 85%,transparent);transform:translate(-50%)}.timeline-item{display:flex;justify-content:flex-end;padding-right:50%;position:relative;margin-bottom:5rem;width:100%;box-sizing:border-box;opacity:0;transform:translateY(40px) scale(.98);transition:all .8s cubic-bezier(.25,1,.5,1)}.timeline-item.revealed{opacity:1;transform:translateY(0) scale(1)}.timeline-item.right{justify-content:flex-start;padding-right:0;padding-left:50%}.timeline-dot{position:absolute;left:50%;top:30px;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%);box-shadow:0 0 15px #fff,0 0 30px var(--accent-blue, #00f2ff);z-index:5}.timeline-card{position:relative;width:90%;background:#0f0f0f99;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2.5rem;border-radius:4px;transition:border-color .4s ease,background .4s ease;margin:0 40px}.timeline-card:hover{border-color:var(--accent-blue, #00f2ff);background:#141414cc}.timeline-item.left .timeline-card{border-right:3px solid var(--accent-blue, #00f2ff)}.timeline-item.right .timeline-card{border-left:3px solid var(--accent-purple, #a855f7)}.timeline-year{font-family:monospace;color:var(--accent-blue, #00f2ff);font-size:.8rem;font-weight:600;display:block;margin-bottom:.5rem;letter-spacing:1px}.timeline-title{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800;color:#fff;margin-bottom:.5rem}.timeline-subtitle{font-size:.9rem;color:#94a3b8;margin-bottom:1.5rem;font-style:italic}.timeline-description{font-size:.95rem;line-height:1.7;color:#ccd6f6;margin-bottom:1.5rem}.timeline-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:4px 10px;font-size:.7rem;font-family:monospace;color:#94a3b8;border-radius:2px}@media(max-width:850px){.center-line{left:20px;transform:none}.timeline-dot{left:20px;transform:none;top:28px}.timeline-item,.timeline-item.right{justify-content:flex-start;padding-left:45px;padding-right:0;margin-bottom:3.5rem}.timeline-card{width:100%;margin:0;padding:1.5rem}.timeline-item.left .timeline-card{border-right:1px solid rgba(255,255,255,.05);border-left:3px solid var(--accent-blue, #00f2ff)}}.hero-viewport{height:100vh;height:100dvh;width:100%;background-color:#050505;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-sizing:border-box}.hero-viewport:after{content:"BHAVITH";position:absolute;font-size:22vw;font-weight:900;color:transparent;-webkit-text-stroke:2.5px rgba(255,255,255,.03);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;white-space:nowrap}.hero-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;padding:0 20px}.name-main{font-size:clamp(3.5rem,12vw,9rem);font-weight:900;color:#fff;letter-spacing:-.04em;margin:0;line-height:.9;text-transform:uppercase;animation:heroFadeIn 1s cubic-bezier(.23,1,.32,1) both}.role-sub{font-family:monospace;font-size:clamp(.7rem,2vw,1.1rem);font-weight:400;color:var(--accent-blue);letter-spacing:clamp(3px,1vw,6px);margin:1.5rem 0 2.5rem;text-transform:uppercase;opacity:.8;animation:heroFadeIn 1s cubic-bezier(.23,1,.32,1) .3s both}#work-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:1rem 2.5rem;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .4s ease;animation:heroFadeIn 1s cubic-bezier(.23,1,.32,1) .6s both;outline:none}#work-btn:hover{border-color:var(--accent-blue);box-shadow:0 0 20px #00f2ff33;transform:translateY(-2px)}.hero-viewport:before{content:"";position:absolute;top:clamp(20px,5%,40px);left:clamp(20px,5%,40px);width:clamp(40px,10vw,100px);height:clamp(40px,10vw,100px);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);pointer-events:none}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:768px){.hero-viewport:after{font-size:35vw}.role-sub{margin:1rem 0 2rem}}.Skills{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#050505;color:var(--text-primary);font-family:Inter,sans-serif;overflow:hidden;padding:10vmin 5vw}.skills-layout-container{max-width:1400px;width:100%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:flex-start}.skills-header-block{display:flex;flex-direction:column;position:sticky;top:15vh}.section-subtitle{font-size:.9rem;font-weight:600;letter-spacing:3px;color:var(--accent-purple);text-transform:uppercase;margin-bottom:1.5rem}.section-main-title{font-size:clamp(3rem,7vmin,5.5rem);font-weight:800;line-height:.95;color:var(--text-primary);margin:0 0 3rem;letter-spacing:-3px}.status-message{font-family:monospace;font-size:.9rem;color:var(--text-dim);transition:color .3s ease}.cascade-container{display:flex;flex-direction:column;gap:6rem}.cascade-level{position:relative}.level-meta{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;font-weight:700;color:var(--text-dim)}.level-number{font-size:1.5rem;opacity:.4}.level-title-text{text-transform:uppercase;letter-spacing:2px;font-size:1.1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.skill-block{position:relative;background:#14141466;border:1px solid rgba(255,255,255,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:7px;padding:1.5rem;min-height:80px;display:flex;align-items:center;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1)}.skill-content{z-index:2}.skill-name-text{font-weight:600;font-size:1rem;color:var(--text-primary)}.hover-surge{position:absolute;top:100%;left:0;width:100%;height:100%;transition:transform .4s ease;z-index:1}.level-blue .skill-block:hover{border-color:#00f2ff66;box-shadow:0 10px 40px -10px #00f2ff33}.level-blue .hover-surge{background:linear-gradient(180deg,#00f2ff03,#00f2ff14)}.level-purple .skill-block:hover{border-color:#a855f766;box-shadow:0 10px 40px -10px #a855f733}.level-purple .hover-surge{background:linear-gradient(180deg,#a855f703,#a855f714)}.skill-block:hover .hover-surge{transform:translateY(-100%)}.cascade-connector{position:absolute;bottom:-4rem;left:2rem;width:1px;height:3rem;background:linear-gradient(180deg,var(--text-dim) 0%,rgba(148,163,184,.1) 100%);opacity:.3}.fade-in-up{opacity:0;animation:fadeInUp 1s ease forwards}.activate-stack .cascade-level{opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:calc(var(--level-index) * .25s + .3s)}.activate-stack .skill-block{opacity:0;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:calc(var(--level-index) * .25s + var(--skill-index) * .08s + .5s)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:968px){.skills-layout-container{grid-template-columns:1fr;gap:4rem}.skills-header-block{position:relative;top:0;text-align:center;align-items:center}.section-main-title br{display:none}}@media(max-width:500px){.Skills{padding:8vmin 3vw}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem}.skill-block{padding:1rem;min-height:60px}}.Projects{min-height:100vh;background-color:#050505;padding:100px 5vw;display:flex;justify-content:center;overflow:hidden;box-sizing:border-box}.projects-container{max-width:1200px;width:100%}.projects-header{margin-bottom:4rem;text-align:left}.projects-header .subtitle{font-family:monospace;color:var(--accent-purple, #a855f7);letter-spacing:4px;font-weight:600;margin-bottom:.5rem;opacity:.8}.projects-header .main-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-2px;color:#fff;text-transform:uppercase}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.project-card{position:relative;background:#0f0f0f80;border:1px solid rgba(255,255,255,.05);padding:2rem;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.23,1,.32,1)}.project-card:nth-child(1){transition-delay:.1s}.project-card:nth-child(2){transition-delay:.2s}.project-card:nth-child(3){transition-delay:.3s}.project-card:nth-child(n+4){transition-delay:.4s}.project-card.revealed{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-8px);border-color:#00f2ff66;background:#141414cc;box-shadow:0 20px 40px #0009}.card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.8rem;letter-spacing:-.5px}.card-description{color:#94a3b8;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.tag-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.5rem}.project-tag{font-family:monospace;font-size:.7rem;padding:4px 10px;background:#a855f70d;color:var(--accent-purple, #a855f7);border:1px solid rgba(168,85,247,.2);border-radius:4px}.project-link{text-decoration:none;color:#fff;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:8px;transition:all .3s ease}.project-link span{color:var(--accent-blue, #00f2ff);transition:transform .3s ease}.project-card:hover .project-link span{transform:translate(5px)}@media(max-width:768px){.Projects{padding:80px 20px}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}}.contacts-section{min-height:100vh;background-color:#050505;display:flex;align-items:center;justify-content:center;padding:100px 5vw;box-sizing:border-box}.contact-main-container{max-width:1100px;width:100%;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}.contact-sidebar,.contact-card{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,1,.2,1)}.contact-sidebar.revealed{opacity:1;transform:translateY(0)}.contact-card.revealed{opacity:1;transform:translateY(0);transition-delay:.2s}.contact-sidebar{display:flex;flex-direction:column;gap:3rem}.contact-sidebar .main-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-2px;color:#fff;margin:0;line-height:.9;text-transform:uppercase}.info-group{display:flex;flex-direction:column;gap:1.5rem}.info-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff05;border-left:2px solid var(--accent-purple, #a855f7);transition:all .3s ease}.info-card:nth-child(1){transition-delay:.1s}.info-card:nth-child(2){transition-delay:.2s}.info-card:hover{background:#a855f70d;transform:translate(10px);border-left-color:var(--accent-blue, #00f2ff)}.info-details label{display:block;font-family:monospace;font-size:.7rem;color:var(--accent-blue, #00f2ff);letter-spacing:2px;margin-bottom:.3rem}.info-details a,.info-details p{text-decoration:none;color:var(--accent-purple)}.contact-card{background:#0f0f0f99;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:clamp(1.5rem,5vw,3.5rem);border-radius:8px}.contact-form .title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.description{font-size:.9rem;color:#94a3b8;margin-bottom:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-family:monospace;font-size:.75rem;color:var(--accent-blue, #00f2ff);letter-spacing:2px;margin-bottom:.8rem}.form-group input,.form-group textarea{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1rem;color:#fff;font-size:.95rem;border-radius:4px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue, #00f2ff);background:#ffffff0f;box-shadow:0 0 20px #00f2ff1a}.launch-button{width:100%;padding:1.2rem;background:transparent;border:1px solid var(--accent-blue, #00f2ff);color:var(--accent-blue, #00f2ff);font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .4s ease}.launch-button:hover{background:var(--accent-blue, #00f2ff);color:#000;box-shadow:0 0 30px #00f2ff4d}.social-icons{display:flex;gap:2vmin}.social-icons a svg{height:4vmin;width:4vmin;color:#90ee90;transition:color .25s linear}.social-icons a:hover svg{color:var(--accent-blue)}@media(max-width:900px){.contact-main-container{grid-template-columns:1fr;gap:3rem}.contact-sidebar{align-items:flex-start;text-align:left}.info-card{width:100%;box-sizing:border-box}}.AboutMe{min-height:100vh;background-color:#050505;display:flex;align-items:center;justify-content:center;padding:100px 5vw;box-sizing:border-box;overflow:hidden}.about-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,6vw,6rem);align-items:center}.about-content{opacity:0;transform:translate(-40px);transition:all 1s cubic-bezier(.2,1,.2,1)}.stat-card{opacity:0;transform:scale(.9) translateY(20px);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.stat-card:nth-child(1){transition-delay:.1s}.stat-card:nth-child(2){transition-delay:.2s}.stat-card:nth-child(3){transition-delay:.3s}.stat-card:nth-child(4){transition-delay:.4s}.about-content.revealed,.stat-card.revealed{opacity:1;transform:translate(0) scale(1)}.about-subtitle{font-family:monospace;color:var(--accent-purple, #a855f7);letter-spacing:5px;font-size:.85rem;margin-bottom:1rem;text-transform:uppercase}.about-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;color:#fff;letter-spacing:-2px;margin-bottom:2rem;line-height:1}.about-description{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7;color:#ccd6f6;margin-bottom:1.5rem}.about-description strong{color:var(--accent-blue, #00f2ff);font-weight:600}.about-description.secondary{font-size:.95rem;color:#94a3b8;border-left:2px solid rgba(168,85,247,.3);padding-left:1.5rem}.mission-tags{display:flex;gap:.8rem;margin-top:2.5rem;flex-wrap:wrap}.mission-tags span{font-family:monospace;font-size:.7rem;padding:6px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--accent-blue, #00f2ff);border-radius:100px;text-transform:uppercase;letter-spacing:1px}.about-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.stat-card{background:#0f0f0f66;border:1px solid rgba(255,255,255,.05);padding:2rem 1rem;text-align:center;border-radius:12px;position:relative}.stat-card:hover{transform:translateY(-8px)!important;border-color:#00f2ff4d;background:#141414cc}.stat-value{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:.3rem}.stat-label{font-family:monospace;font-size:.65rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}@media(max-width:1024px){.about-container{grid-template-columns:1fr;text-align:left}.about-content{transform:translateY(30px)}}@media(max-width:500px){.about-stats-grid{grid-template-columns:1fr}.about-title{font-size:3rem}}.Footer{background-color:#050505;padding:2rem 5vw;position:relative;overflow:hidden}.Footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:90%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-purple) 20%,var(--accent-blue) 50%,var(--accent-purple) 80%,transparent 100%);opacity:.3}.footer-container{max-width:1200px;margin:0 auto}.footer-links-desc{display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-desc{display:flex;flex-direction:column;gap:1.5rem}.footer-name{font-size:1.8rem;font-weight:800;letter-spacing:-1px;color:#fff;margin:0}.footer-desc p{color:var(--text-dim);line-height:1.6;max-width:400px;font-size:.95rem}.desc-socials{display:flex;gap:1.2rem;margin-top:.5rem}.desc-socials a svg{width:20px;height:20px;transition:all .3s ease;fill:var(--text-dim)}.desc-socials a:hover svg{fill:var(--accent-blue);transform:translateY(-3px)}.footer-links h4{font-family:monospace;font-size:.8rem;color:var(--accent-purple);text-transform:uppercase;letter-spacing:3px;margin-bottom:1.5rem}.footer-links ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.footer-links li a,.footer-links li span{color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:color .3s ease;cursor:pointer}.footer-links li a:hover{color:#fff;padding-left:5px}.footer-links li a{transition:all .3s ease}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-family:monospace;font-size:.75rem;color:#ffffff4d;letter-spacing:1px}@media(max-width:900px){.footer-links-desc{grid-template-columns:1fr 1fr;gap:3rem}.footer-desc{grid-column:span 2;text-align:center;align-items:center}}@media(max-width:500px){.footer-links-desc{grid-template-columns:1fr;text-align:center}.footer-links ul{align-items:center}.footer-bottom{justify-content:center}}
