:root{--bg-main: #050505;--bg-secondary: #0a0a0a;--bg-tertiary: rgba(255, 255, 255, .02);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--accent-primary: #00f0ff;--accent-secondary: #7000ff;--accent-glow: rgba(0, 240, 255, .3);--glass-bg: rgba(10, 10, 10, .4);--glass-border: rgba(255, 255, 255, .05);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}html{scroll-behavior:smooth;background-color:var(--bg-main)}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:9999}.mesh-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:radial-gradient(circle at 0% 0%,rgba(112,0,255,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(0,240,255,.12) 0%,transparent 50%);filter:blur(100px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}h1{font-size:clamp(3rem,7vw,5rem)}h2{font-size:clamp(2rem,5vw,3.5rem)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 4rem}.section{padding:8rem 0}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px}@media(max-width:768px){.container{padding:0 1.5rem}*{cursor:auto!important}}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:1.5rem;max-width:1200px;margin:0 auto}.bento-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;overflow:hidden;transition:border-color .3s}.bento-item:hover{border-color:var(--accent-primary)}.bento-title{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.bento-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.bento-icon{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-primary)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.row-2{grid-row:span 2}@media(max-width:992px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:min-content}.span-2,.span-3{grid-column:span 1}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .4s cubic-bezier(.165,.84,.44,1);padding:1.5rem 0}.progress-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-primary);transform-origin:0%;z-index:1001}.navbar.scrolled{background:#050505b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-container{display:flex;justify-content:space-between;align-items:center}.logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:-1px;color:var(--text-primary)}.logo-text .accent{color:var(--accent-primary)}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-secondary);position:relative;padding:.5rem 0}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:var(--accent-primary);transition:width .3s ease}.nav-link.active:after,.nav-link:hover:after{width:100%}.contact-btn{background:var(--bg-tertiary);border:1px solid var(--glass-border);padding:.6rem 1.4rem;border-radius:100px;font-weight:600;color:var(--text-primary)!important;transition:all .3s ease}.contact-btn:hover{background:var(--text-primary);color:var(--bg-main)!important}.contact-btn:after{display:none}@media(max-width:768px){.nav-links{display:none}}.footer{background:#0a0a0acc;border-top:1px solid rgba(255,255,255,.05);padding:2rem 0;margin-top:4rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-logo a{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--text-primary)}.footer-logo .accent{color:var(--accent-primary)}.footer-copy{color:var(--text-secondary);font-size:.9rem}.footer-made-with{color:var(--text-tertiary);font-size:.9rem;display:flex;align-items:center}.heart-icon{color:#f36;margin:0 .4rem;animation:pulse 1.5s infinite}.footer-made-with .accent{color:#61dafb;font-weight:600;margin-left:.3rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;justify-content:center}}.cursor-dot{position:fixed;top:-4px;left:-4px;width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;pointer-events:none;z-index:10000}.cursor-border{position:fixed;top:-20px;left:-20px;width:40px;height:40px;border:1px solid var(--accent-primary);border-radius:50%;pointer-events:none;z-index:10000;transition:border-radius .2s,width .2s,height .2s,top .2s,left .2s}.cursor-border.hovered{border-color:var(--accent-secondary);border-width:2px}@media(max-width:768px){.cursor-dot,.cursor-border{display:none}}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:5rem}.hero-background{position:absolute;inset:0;z-index:-1}.glow{position:absolute;width:600px;height:600px;filter:blur(120px);opacity:.3;border-radius:50%}.glow-1{background:var(--accent-secondary);top:-200px;left:-200px}.glow-2{background:var(--accent-primary);bottom:-100px;right:-100px}.hero-content{display:flex;justify-content:space-between;align-items:center;z-index:1;width:100%}.visual-composition{position:relative;width:450px;height:520px;perspective:1000px}.profile-card{width:320px;height:420px;border-radius:40px;overflow:hidden;position:absolute;top:0;left:0;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px -20px #00000080;background:#ffffff05;z-index:2}.profile-main-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.profile-card:hover .profile-main-img{transform:scale(1.05)}.card-badge{position:absolute;top:1.5rem;left:1.5rem;padding:.5rem 1rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;font-family:var(--font-mono);font-size:.7rem;color:var(--accent-primary);border:1px solid rgba(var(--accent-rgb),.3);text-transform:uppercase;letter-spacing:.1em;z-index:3}.floating-box{position:absolute!important;bottom:20px;right:0;width:280px;z-index:4;box-shadow:0 20px 50px #0006;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.15;filter:blur(60px);z-index:0}.hero-tagline{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.3em;display:block;margin-bottom:2rem}.hero-title{margin-bottom:2rem;line-height:.95;letter-spacing:-.04em}.hero-description{font-size:1.25rem;color:var(--text-secondary);max-width:500px;margin-bottom:3rem;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:2rem}.cta-primary{padding:1.25rem 3rem;background:var(--text-primary);color:var(--bg-main);border-radius:100px;font-weight:700;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.cta-secondary{display:flex;align-items:center;gap:.8rem;padding:1.25rem 2.5rem;background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.1);border-radius:100px;font-weight:600;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.btn-icon{font-size:1.1rem;color:var(--accent-primary)}.hero-socials{display:flex;gap:1.5rem;margin-left:1rem}.social-link{font-size:1.5rem;color:var(--text-tertiary);transition:color .3s}.social-link:hover{color:var(--accent-primary)}.hero-visual{flex:1;display:flex;justify-content:flex-end}.visual-box{width:100%;max-width:500px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.box-header{display:flex;gap:8px;margin-bottom:1.5rem}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.box-content pre{font-family:var(--font-mono);color:#e6edf3;line-height:2;font-size:.95rem}.tok-comment{color:#8b949e}.tok-keyword{color:#ff7b72}.tok-var{color:#79c0ff}.tok-str{color:#a5d6ff}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);font-size:1.5rem;color:var(--text-tertiary)}@media(max-width:992px){.hero-content{flex-direction:column;text-align:center}.hero-visual{display:none}.hero-actions{flex-direction:column}.hero-description{margin-inline:auto}}.about-section{position:relative;overflow:hidden}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{display:inline-block;margin-bottom:.5rem}.underline{height:4px;width:60px;background:var(--accent-primary);margin:0 auto;border-radius:2px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text{padding:2.5rem}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.education-badge{display:flex;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.5rem;background:#7000ff1a;border:1px solid rgba(112,0,255,.2);border-radius:12px}.badge-icon{font-size:2.5rem}.education-badge h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem}.education-badge p{margin-bottom:0;font-size:.9rem;color:var(--accent-primary)}.about-visual{position:relative;height:100%;display:flex;justify-content:center;align-items:center}.visual-card{width:100%;max-width:450px;background:#1e1e1e;border-radius:16px;padding:2rem;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0006;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.visual-card:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.visual-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,#00f0ff26,#0000 70%);z-index:-1;pointer-events:none}.code-snippet{font-family:Fira Code,monospace,Courier,sans-serif;color:#e6e6e6;font-size:1.1rem;line-height:1.8}.keyword{color:#569cd6}.string{color:#ce9178}.variable{color:#9cdcfe}.boolean{color:#569cd6}@media(max-width:992px){.about-content{grid-template-columns:1fr;gap:3rem}.visual-card{transform:none}}.projects-section{position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;margin-top:3rem}.project-card{padding:2.5rem;border-radius:16px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;height:100%}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--text-tertiary);transition:all .4s ease}.project-card.featured:before,.project-card:hover:before{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006;background:#1e1e1eb3}.project-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.project-top{margin-bottom:2rem}.project-icons{display:flex;justify-content:flex-end;gap:1.2rem;margin-bottom:1.5rem}.project-icon{font-size:1.4rem;color:var(--text-tertiary)}.project-icon:hover{color:var(--accent-primary)}.project-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.project-desc{font-size:1rem;color:var(--text-secondary);line-height:1.7}.tech-stack{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;padding:0;margin:0}.tech-stack li{font-family:Fira Code,monospace,sans-serif;font-size:.85rem;color:var(--accent-primary);background:#00f0ff1a;padding:.3rem .8rem;border-radius:20px}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.achievements-section{position:relative;background:#0a0a0a66}.timeline{max-width:800px;margin:4rem auto 0;position:relative}.timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:#ffffff1a}.timeline-item{position:relative;width:50%;padding:2rem 3rem;margin-bottom:2rem}.timeline-item:nth-child(odd){left:0;text-align:right}.timeline-item:nth-child(2n){left:50%;text-align:left}.timeline-icon{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:var(--bg-main);border:2px solid var(--accent-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent-primary);z-index:1;box-shadow:0 0 15px #7000ff66}.timeline-item:nth-child(odd) .timeline-icon{right:-25px}.timeline-item:nth-child(2n) .timeline-icon{left:-25px}.timeline-content{padding:2rem;position:relative;transition:transform .3s ease}.timeline-content:hover{transform:translateY(-5px);border-color:#7000ff80;box-shadow:0 10px 30px #7000ff26}.timeline-date{display:inline-block;font-family:var(--font-heading);font-weight:700;color:var(--accent-secondary);margin-bottom:.5rem;font-size:.9rem}.timeline-title{color:var(--text-primary);font-size:1.3rem;margin-bottom:1rem}.timeline-desc{color:var(--text-secondary);line-height:1.6;font-size:.95rem}@media(max-width:768px){.timeline:before{left:31px}.timeline-item{width:100%;padding-left:80px;padding-right:0;text-align:left!important}.timeline-item:nth-child(2n){left:0}.timeline-icon{left:6px!important;right:auto!important}}.contact-section{position:relative}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;margin-top:3rem}.contact-info{padding:3rem}.contact-info h3{font-size:1.8rem;color:var(--text-primary);margin-bottom:1.5rem}.contact-info p{color:var(--text-secondary);line-height:1.7;margin-bottom:2.5rem;font-size:1.05rem}.info-items{display:flex;flex-direction:column;gap:2rem}.info-item{display:flex;align-items:flex-start;gap:1.5rem}.info-icon{width:50px;height:50px;background:#00f0ff1a;color:var(--accent-primary);border-radius:50%;border:1px solid rgba(0,240,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:all .3s ease}.info-item:hover .info-icon{background:var(--accent-primary);color:var(--bg-main);box-shadow:0 0 15px var(--accent-primary)}.info-text h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.info-text a,.info-text p{color:var(--text-secondary);font-size:1rem}.info-text a:hover{color:var(--accent-primary)}.contact-form{padding:3rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1.2rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 0 3px #00f0ff1a}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem;font-size:1.1rem;border-radius:8px}.send-icon{font-size:.9rem;transition:transform .3s ease}.submit-btn:hover .send-icon{transform:translate(5px) translateY(-5px)}@media(max-width:992px){.contact-container{grid-template-columns:1fr}}.skills-section{position:relative}.section-header{margin-bottom:4rem}.section-tag{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;display:block}.skill-progress-wrap{width:100%;height:4px;background:#ffffff0d;border-radius:10px;margin-top:1.5rem;overflow:hidden}.skill-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 10px var(--accent-glow)}.skills-grid .bento-item{justify-content:center}.bento-icon{font-size:2.5rem;margin-bottom:1.5rem;transition:transform .3s}.bento-item:hover .bento-icon{transform:scale(1.1);color:var(--accent-primary)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}