:root{--primary: #00f2ff;--secondary: #7000ff;--bg-dark: #0a0a0c;--bg-card: rgba(255, 255, 255, .05);--text-main: #ffffff;--text-dim: #a0a0a0;--glass: rgba(10, 10, 12, .8);--transition: all .4s cubic-bezier(.165, .84, .44, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}h1,h2,h3{font-weight:800}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fixed-logo{position:fixed;top:2rem;left:2rem;z-index:1001;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#main-nav{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000;transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .5s ease}#main-nav.nav-hidden{transform:translate(-50%) translateY(100px);opacity:0}.nav-container{background:var(--glass);backdrop-filter:blur(15px);padding:.8rem 1.5rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080,0 0 15px #00f2ff1a;display:flex;justify-content:center;align-items:center}.nav-links{display:flex;list-style:none;gap:1.5rem}.nav-links a{text-decoration:none;color:var(--text-dim);font-size:.9rem;font-weight:600;padding:.5rem 1rem;border-radius:20px;transition:var(--transition)}.nav-links a:hover{color:var(--text-main);background:#ffffff0d}.nav-links a.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 15px #00f2ff33}#nav-rain-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.floating-nav-item{position:absolute;top:-50px;padding:.8rem 1.6rem;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:40px;color:var(--text-dim);font-size:1.1rem;font-weight:600;text-decoration:none;pointer-events:auto;white-space:nowrap;transition:transform .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;animation:drift-down linear forwards;box-shadow:0 8px 25px #0000004d;display:flex;align-items:center;gap:12px}.floating-nav-item:hover{color:var(--text-main);border-color:var(--primary);box-shadow:0 0 15px #00f2ff4d;transform:scale(1.1);z-index:1002}.floating-nav-item:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary)}@keyframes drift-down{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(105vh) rotate(5deg);opacity:0}}.fullscreen-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(#0a0a0cb3,#0a0a0cb3),url(hero-bg.png);background-size:cover;background-position:center;position:relative}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:4rem;margin-bottom:1rem}.hero-content p{font-size:1.5rem;color:var(--text-dim);margin-bottom:2rem}.cta-button{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-decoration:none;border-radius:50px;font-weight:600;transition:var(--transition);display:inline-block;border:none;cursor:pointer}.cta-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00f2ff4d}.scroll-indicator{position:absolute;bottom:2rem}.mouse{width:30px;height:50px;border:2px solid var(--text-dim);border-radius:20px;position:relative}.mouse:before{content:"";width:6px;height:6px;background:var(--primary);position:absolute;left:50%;top:10px;transform:translate(-50%);border-radius:50%;animation:scroll-wheel 2s infinite}@keyframes scroll-wheel{0%{top:10px;opacity:1}to{top:30px;opacity:0}}.content-section{padding:10rem 0}.alternate-bg{background-color:#0d0d10}.section-title{font-size:2.5rem;margin-bottom:3rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60%;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-image-placeholder{width:100%;height:400px;background:var(--bg-card);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background:var(--bg-card);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.project-card:hover{transform:translateY(-10px);border-color:var(--primary);background:#ffffff14}.project-img{height:200px;background:#1a1a1e}.project-info{padding:1.5rem}.project-info h3{margin-bottom:.5rem}.project-info p{color:var(--text-dim);font-size:.9rem}.contact-form-container{max-width:600px;margin:0 auto;text-align:center}#contact-form{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#ffffff1a}.form-group textarea{height:150px;resize:none}footer{padding:4rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.05);color:var(--text-dim)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer}.bar{width:25px;height:3px;background:var(--text-main);border-radius:2px}@media(max-width:768px){.nav-links{display:none}.menu-toggle{display:flex}.hero-content h1{font-size:2.5rem}.about-grid{grid-template-columns:1fr}}.trajectory-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.subsection-title{font-size:1.5rem;margin-bottom:2rem;color:var(--primary);font-weight:600}.timeline{position:relative;padding-left:2rem;border-left:2px solid rgba(255,255,255,.1)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-dot{position:absolute;left:calc(-2rem - 7px);top:5px;width:12px;height:12px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary)}.timeline-content{background:var(--bg-card);padding:1.5rem;border-radius:15px;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.timeline-content:hover{transform:translate(10px);border-color:var(--primary);background:#ffffff14}.timeline-content h4{font-size:1.1rem;margin-bottom:.5rem}.timeline-org{color:var(--text-dim);font-size:.9rem}.timeline-status{display:inline-block;margin-top:.5rem;padding:.2rem .8rem;background:#00f2ff1a;color:var(--primary);border-radius:20px;font-size:.8rem;font-weight:600}.skills-container{background:var(--bg-card);padding:3rem;border-radius:30px;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px)}.skill-tags{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-tag{padding:.8rem 1.8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-weight:600;font-size:.9rem;transition:var(--transition);cursor:default}.skill-tag:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:transparent;transform:scale(1.1) translateY(-5px);box-shadow:0 10px 20px #00f2ff33}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.blog-card{background:var(--bg-card);border-radius:25px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:var(--transition)}.blog-card:hover{transform:translateY(-10px);border-color:var(--secondary)}.blog-img-placeholder{height:220px;background:linear-gradient(45deg,#1a1a1e,#2a2a2e);position:relative}.blog-img-placeholder:after{content:"Blog Post";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff1a;font-weight:800;font-size:1.5rem}.blog-content{padding:2rem}.blog-date{font-size:.8rem;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:1rem}.blog-content h3{font-size:1.3rem;margin-bottom:1rem}.blog-content p{color:var(--text-dim);font-size:.95rem;margin-bottom:1.5rem;line-height:1.7}.read-more{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;transition:var(--transition)}.read-more:hover{color:var(--primary);padding-left:5px}@media(max-width:992px){.trajectory-grid{grid-template-columns:1fr;gap:3rem}}