@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@1,500&display=swap";:root{--accent: #c96bff;--alpha: .1;--blur: 06px;--card-radius: 26px;--glass-border: rgba(255, 255, 255, .12);--text: #ffffff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#000;color:var(--text);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}#bg-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;visibility:visible;pointer-events:none;transition:opacity .6s ease;z-index:1}#bg-video.active{opacity:10;visibility:visible}#snow-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;will-change:transform}.music-toggle{position:fixed;top:18px;right:18px;z-index:60;border-radius:9999px;padding:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.music-toggle img{width:46px;height:46px;display:block}.music-bar{position:fixed;top:18px;right:86px;z-index:59;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 18px 40px #00000073}.music-cover{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.12)}.music-meta{display:flex;flex-direction:column;min-width:170px}.track-name{font-weight:700}.track-ext{color:var(--accent);text-decoration:none;margin-top:2px}.music-btn,.music-close{background:none;border:none;color:var(--accent);font-size:20px;cursor:pointer}.volume-wrap input{width:140px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.18);border-radius:6px}.volume-wrap input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent)}.hero-wrap{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;padding:60px 20px 30px}.hero-card{width:900px;max-width:calc(100% - 40px);padding:48px;border-radius:var(--card-radius);text-align:center;background:rgba(255,255,255,var(--alpha));-webkit-backdrop-filter:blur(var(--blur)) saturate(120%);backdrop-filter:blur(var(--blur)) saturate(120%);border:1px solid var(--glass-border);box-shadow:0 30px 80px #0009}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.18);margin:0 auto 10px;display:block}h1{font-size:40px;margin:6px 0;font-weight:800}.subtitle{font-size:16px;margin-bottom:12px;color:#fffffff2}.bio{font-size:16px;margin:0 auto 18px;max-width:760px;color:#fffffff2;line-height:1.5}.social-icons{display:flex;gap:22px;justify-content:center;margin-top:22px}.social-icons a img{width:36px;height:36px;filter:brightness(1.6) drop-shadow(0 0 10px rgba(255,120,247,.9));animation:iconFloat 4s infinite ease-in-out,iconPulse 2.6s infinite ease-in-out;transition:.3s ease}.social-icons a img:hover{transform:scale(1.25);filter:brightness(2.2) drop-shadow(0 0 18px rgba(255,120,247,1)) drop-shadow(0 0 26px rgba(120,200,255,1))}@keyframes iconFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes iconPulse{0%{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,120,247,.7))}50%{filter:brightness(1.7) drop-shadow(0 0 14px rgba(255,120,247,1))}to{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,120,247,.7))}}.content{position:relative;z-index:8;max-width:1200px;margin:24px auto;padding:0 20px}.section{margin-bottom:36px}.section-heading{font-size:22px;font-weight:700;color:#fff;margin:6px 4px 16px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:rgba(255,255,255,.08);border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px #00000073;transition:.22s}.project-card img{width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:10px}.project-card h4{margin:6px 0;font-size:16px}.project-card a{color:var(--accent);text-decoration:underline}.project-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #895cff29}.neural-section{margin-bottom:36px;opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease;display:flex;flex-direction:column;align-items:center}.neural-section .section-heading{text-align:center;width:100%}.neural-section.visible{opacity:1;transform:translateY(0)}.neural-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;border-radius:20px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000073;overflow:hidden}.neural-container iframe{width:100%;height:500px;border:none;border-radius:12px}@media (max-width: 768px){.neural-section{margin-bottom:24px;padding:0 10px}.neural-section .section-heading{font-size:18px;margin-bottom:12px}.neural-container{padding:10px;border-radius:12px}.neural-container iframe{height:280px;border-radius:8px}}@media (max-width: 480px){.neural-container iframe{height:220px}.neural-section .section-heading{font-size:16px}.projects-slider{padding:12px 8px;gap:12px}.project-card{flex:0 0 calc(100vw - 24px);min-width:calc(100vw - 24px);max-width:calc(100vw - 24px)}}.skills-section .section-heading{text-align:center}.icons-center{display:flex;flex-direction:column;align-items:center;gap:18px}.icons-grid{display:grid;grid-template-columns:repeat(4,120px);gap:14px;justify-content:center}.icon-card{width:120px;height:120px;border-radius:12px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.06);transition:.18s}.icon-card img{width:64px;height:64px;object-fit:contain}.icon-card p{margin-top:8px;font-size:14px;color:#ffffffe6}.icon-card:hover{transform:translateY(-8px);box-shadow:0 18px 50px #895cff2e}@media (max-width:1100px){.hero-card{width:92%}}.avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.25);box-shadow:0 0 18px #ff78f7e6,0 0 30px #78c8ffa6,inset 0 0 12px #fff3;animation:avatarPulse 4s infinite ease-in-out}@keyframes avatarPulse{0%{box-shadow:0 0 16px #ff78f799,0 0 26px #78c8ff80,inset 0 0 10px #ffffff26}50%{box-shadow:0 0 26px #ff78f7e6,0 0 40px #78c8ffb3,inset 0 0 14px #ffffff40}to{box-shadow:0 0 16px #ff78f799,0 0 26px #78c8ff80,inset 0 0 10px #ffffff26}}.footer{position:relative;z-index:20;text-align:center;margin-top:50px;padding-bottom:60px;color:#ffffffe6}.footer-line{width:220px;height:2px;margin:0 auto 14px;background:linear-gradient(90deg,transparent,rgba(255,120,247,.9),transparent);filter:drop-shadow(0 0 8px rgba(255,120,247,1))}.footer-text{font-size:18px;letter-spacing:.4px;color:#ffffffd9;text-shadow:0 0 8px rgba(255,120,247,.6),0 0 12px rgba(120,200,255,.4);animation:footerGlow 3s infinite ease-in-out}@keyframes footerGlow{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}.name-glow{color:#c96bff;cursor:pointer;transition:.3s;text-shadow:0 0 8px rgba(255,120,247,.9),0 0 14px rgba(120,200,255,.9)}.name-glow:hover{transform:scale(1.12);text-shadow:0 0 12px rgba(255,120,247,1),0 0 24px rgba(120,200,255,1),0 0 30px rgba(255,120,247,1)}@keyframes heartPulse{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:.85}}#sakura-canvas{position:absolute;bottom:0;left:0;width:100%;height:160px;pointer-events:none;z-index:-1}.footer{position:relative;text-align:center;padding:60px 0 80px;z-index:20;color:#ffffffe6;overflow:visible}.samurai-sword{position:relative;width:260px;height:14px;margin:0 auto 20px}.sword-blade{width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,120,247,1),rgba(120,200,255,1),transparent);filter:drop-shadow(0 0 10px rgba(255,120,247,1))}.sword-handle{width:26px;height:8px;background:rgba(255,255,255,.3);border-radius:3px;margin:4px auto 0}.footer-text{font-size:18px;margin-top:14px;color:#ffffffd9;animation:footerGlow 3s infinite ease-in-out}@keyframes footerGlow{0%{opacity:.75}50%{opacity:1}to{opacity:.75}}.heart{color:#ff4dff;animation:heartPulse 1.4s infinite ease-in-out}@keyframes heartPulse{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.32);opacity:1}to{transform:scale(1);opacity:.85}}.name-glow{color:#c96bff;cursor:pointer;transition:.3s ease;text-shadow:0 0 14px rgba(255,120,247,.9),0 0 20px rgba(120,200,255,.9)}.name-glow:hover{transform:scale(1.14);text-shadow:0 0 20px rgba(255,120,247,1),0 0 32px rgba(120,200,255,1),0 0 40px rgba(255,120,247,1)}#sakura-canvas{position:absolute;bottom:0;left:0;height:180px;width:100%;pointer-events:none;z-index:-1}.back-to-top{position:absolute;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);color:#fff;font-size:24px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s ease;filter:drop-shadow(0 0 6px rgba(255,120,247,.9))}.back-to-top:hover{transform:scale(1.2) translateY(-4px);filter:drop-shadow(0 0 14px rgba(255,120,247,1))}.back-to-top{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:26px;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;transition:.25s ease;filter:drop-shadow(0 0 10px rgba(255,120,247,.85));animation:floatUpDown 3s infinite ease-in-out}.back-to-top:hover{transform:scale(1.22);filter:drop-shadow(0 0 22px rgba(255,120,247,1))}.glitch{position:relative;font-size:40px;font-weight:800;color:var(--text);letter-spacing:2px;z-index:1}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.glitch:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 1s 1 linear normal forwards}.glitch:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 1s 1 linear normal forwards}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0);transform:skew(.85deg)}5%{clip:rect(70px,9999px,71px,0);transform:skew(.85deg)}10%{clip:rect(29px,9999px,83px,0);transform:skew(.35deg)}15%{clip:rect(16px,9999px,91px,0);transform:skew(.06deg)}20%{clip:rect(2px,9999px,23px,0);transform:skew(.61deg)}25%{clip:rect(65px,9999px,22px,0);transform:skew(.99deg)}30%{clip:rect(37px,9999px,5px,0);transform:skew(.6deg)}35%{clip:rect(75px,9999px,54px,0);transform:skew(.95deg)}40%{clip:rect(2px,9999px,7px,0);transform:skew(.79deg)}45%{clip:rect(51px,9999px,12px,0);transform:skew(.18deg)}50%{clip:rect(72px,9999px,4px,0);transform:skew(.04deg)}55%{clip:rect(31px,9999px,39px,0);transform:skew(.53deg)}60%{clip:rect(86px,9999px,83px,0);transform:skew(.4deg)}65%{clip:rect(2px,9999px,4px,0);transform:skew(.24deg)}70%{clip:rect(3px,9999px,56px,0);transform:skew(.81deg)}75%{clip:rect(61px,9999px,18px,0);transform:skew(.82deg)}80%{clip:rect(73px,9999px,80px,0);transform:skew(.91deg)}85%{clip:rect(67px,9999px,9px,0);transform:skew(.13deg)}90%{clip:rect(48px,9999px,49px,0);transform:skew(.27deg)}95%{clip:rect(59px,9999px,16px,0);transform:skew(.75deg)}to{clip:rect(0,0,0,0);transform:skew(.71deg);opacity:0}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.35deg)}5%{clip:rect(52px,9999px,74px,0);transform:skew(.94deg)}10%{clip:rect(79px,9999px,85px,0);transform:skew(.14deg)}15%{clip:rect(75px,9999px,5px,0);transform:skew(.59deg)}20%{clip:rect(67px,9999px,61px,0);transform:skew(.05deg)}25%{clip:rect(14px,9999px,79px,0);transform:skew(.19deg)}30%{clip:rect(1px,9999px,66px,0);transform:skew(.93deg)}35%{clip:rect(86px,9999px,30px,0);transform:skew(.17deg)}40%{clip:rect(23px,9999px,98px,0);transform:skew(.95deg)}45%{clip:rect(85px,9999px,72px,0);transform:skew(.76deg)}50%{clip:rect(71px,9999px,97px,0);transform:skew(.92deg)}55%{clip:rect(2px,9999px,48px,0);transform:skew(.48deg)}60%{clip:rect(11px,9999px,57px,0);transform:skew(.9deg)}65%{clip:rect(68px,9999px,45px,0);transform:skew(.85deg)}70%{clip:rect(11px,9999px,21px,0);transform:skew(.98deg)}75%{clip:rect(67px,9999px,34px,0);transform:skew(.46deg)}80%{clip:rect(9px,9999px,19px,0);transform:skew(.79deg)}85%{clip:rect(80px,9999px,7px,0);transform:skew(.13deg)}90%{clip:rect(92px,9999px,40px,0);transform:skew(.47deg)}95%{clip:rect(54px,9999px,18px,0);transform:skew(.58deg)}to{clip:rect(0,0,0,0);transform:skew(.73deg);opacity:0}}.back-to-top.hidden{opacity:0;pointer-events:none}.back-to-top.visible{opacity:1;pointer-events:auto}.filter-btn{padding:10px 18px;border-radius:14px;cursor:pointer;border:none;color:#fff}.filter-btn.active{box-shadow:0 0 18px currentColor}.filter-btn.web{background:#4fc3ff}.filter-btn.iot{background:#00ff9c}.filter-btn.ai{background:#c96bff}.filter-btn.security{background:#ff6b6b}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px;justify-content:center;max-width:1000px;margin:0 auto}.project-card{flex:0 0 280px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:16px;transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(255,255,255,.15)}.project-card:hover{transform:scale(1.06)}.project-card.Web{box-shadow:0 0 18px #4fc3ff}.project-card.IoT{box-shadow:0 0 18px #00ff9c}.project-card.AI{box-shadow:0 0 18px #c96bff}.project-card.Security{box-shadow:0 0 18px #ff6b6b}.project-card img{width:100%;height:150px;object-fit:cover;border-radius:12px}.project-card p{font-size:14px;opacity:.85;margin:8px 0}.project-card button{width:100%;padding:8px;border-radius:10px;border:none;cursor:pointer;font-weight:700}.show-more-container{display:flex;justify-content:center;margin-top:30px;padding-bottom:20px}.show-more-btn{padding:12px 30px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,rgba(201,107,255,.8),rgba(0,255,156,.8));border:1px solid rgba(255,255,255,.2);border-radius:30px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.show-more-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #0006,0 0 15px #c96bff99,0 0 15px #00ff9c99;border-color:#ffffff80}.journey-section{max-width:1000px;margin:80px auto;text-align:center}.journey-tabs{display:flex;gap:16px;justify-content:center;margin-bottom:30px}.journey-tab{padding:10px 20px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer}.journey-tab.active{box-shadow:0 0 18px #c96bff}.journey-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.journey-card{padding:18px;border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:.3s ease}.journey-card:hover{transform:translateY(-6px) scale(1.04)}.journey-card.achievements{box-shadow:inset 0 0 16px #c96bff66}.journey-card.certifications{box-shadow:inset 0 0 16px #78c6ff66}.journey-card.experience{box-shadow:inset 0 0 16px #00ff9c66}.journey-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:999}.journey-modal.hidden{display:none}.journey-modal-card{width:90%;max-width:420px;padding:26px;border-radius:20px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff}.badges{display:flex;gap:8px;margin-top:10px}.badge{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:50%;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default}.badge.ai{color:#c96bff;box-shadow:0 0 12px #c96bffcc;animation:aiPulse 2.4s infinite ease-in-out}@keyframes aiPulse{0%{box-shadow:0 0 8px #c96bff99;transform:scale(1)}50%{box-shadow:0 0 16px #c96bff,0 0 28px #78c6ffcc;transform:scale(1.15)}to{box-shadow:0 0 8px #c96bff99;transform:scale(1)}}.badge.security{color:#ff5f5f;box-shadow:0 0 10px #ff5f5fb3;animation:shieldFlicker 1.8s infinite}@keyframes shieldFlicker{0%,to{opacity:1}40%{opacity:.6}60%{opacity:1}}.badge.web{color:#78c6ff;box-shadow:0 0 12px #78c6ffcc;animation:webWave 3s infinite ease-in-out}@keyframes webWave{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.badge.internship{color:#00ff9c;box-shadow:0 0 12px #00ff9ccc;animation:gearSpin 6s linear infinite}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge:hover{transform:scale(1.25)}#webgl-cursor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}#cursor-canvas{width:100vw;height:100vh;display:block;background:transparent}body.video-off #bg-video{opacity:0;visibility:hidden}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.radio-btn-group{margin:10px}input[type=radio]{opacity:0;position:absolute}input[type=radio]:checked+label{span {color: #9c092b;}}input[type=radio]:checked+label:before{box-shadow:0 0 20px 2px #0763f7}input[type=radio]:focus+label:before{box-shadow:0 0 20px 2px #0763f7}label{color:#fff;cursor:pointer;display:flex;font-weight:500;font-style:italic;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;height:50px;padding:0 30px;position:relative;span {transition: color .35s; z-index: 1;} svg {border-radius: 10px; overflow: hidden; position: absolute; transform: skew(-15deg); rect {fill: #76b3fa; shape-rendering: crispEdges;}}}label:before{background-color:#24252c;background-image:repeating-linear-gradient(0deg,#181a29,#181a29 1px,#202436 1px,#202436 2px);border-radius:10px;box-shadow:0 0 #0763f7;content:"";height:100%;position:absolute;left:0;top:0;overflow:hidden;transform:skew(-15deg);transition:box-shadow .35s;width:100%;z-index:-1}.hero-wrap,.content,.footer,.contact-section{position:relative;z-index:10}.contact-section{padding:40px 20px;text-align:center;margin-top:60px}.contact-heading{font-size:32px;margin-bottom:40px;font-weight:800;text-shadow:0 0 16px rgba(255,120,247,.7),0 0 24px rgba(120,200,255,.7)}.contact-form{max-width:500px;margin:auto;border-radius:16px;padding:30px}.form-row{margin-bottom:18px;text-align:left}.form-row label{display:block;margin-bottom:6px;font-weight:800;color:#fffffff2;text-shadow:0 0 8px rgba(255,255,255,.3)}.form-row input,.form-row select,.form-row textarea{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;font-size:16px;outline:none;transition:.25s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--accent);box-shadow:0 0 14px #ff78f7b3}.form-row select option{background:rgba(248,4,4,.8);color:#fff}.form-row textarea{min-height:100px;resize:vertical}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#03f6d9,#ff3d00);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:.25s ease;box-shadow:0 0 16px #ff78f7cc}.submit-btn:hover{transform:scale(1.05);box-shadow:0 0 18px #ff78f7,0 0 26px #78c8ff}#formStatus{margin-top:12px;font-size:14px;font-weight:600}@media (max-width: 600px){.contact-section{padding:60px 15px;margin-top:40px}.contact-heading{font-size:28px;margin-bottom:30px}.contact-form{padding:25px}.form-row input,.form-row select,.form-row textarea{font-size:16px}}:root{--electric-border-color: #dd8448;--electric-light-color: oklch(from var(--electric-border-color) l c h);--gradient-color: oklch(from var(--electric-border-color) .3 calc(c/2) h / .4);--color-neutral-900: oklch(.185 0 0)}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.card-container{padding:2px;border-radius:24px;position:relative;background:linear-gradient(-30deg,var(--gradient-color),transparent,var(--gradient-color)),linear-gradient(to bottom,var(--color-neutral-900),var(--color-neutral-900))}.inner-container{position:relative}.electric-border-canvas{position:absolute;top:0;left:0;width:600px;height:800px}.glow-layer-1{border:2px solid rgba(221,132,72,.6);border-radius:24px;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;filter:blur(1px)}.glow-layer-2{border:2px solid var(--electric-light-color);border-radius:24px;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;filter:blur(4px)}.overlay-1{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:24px;opacity:1;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);background:linear-gradient(-30deg,white,transparent 30%,transparent 70%,white)}.overlay-2{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:24px;opacity:.5;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);background:linear-gradient(-30deg,white,transparent 30%,transparent 70%,white)}.background-glow{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;border-radius:24px;filter:blur(32px);transform:scale(1.1);opacity:.3;z-index:-1;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}.content-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column}.content-top{display:flex;flex-direction:column;padding:48px 48px 8px;height:100%}.content-bottom{display:flex;flex-direction:column;padding:8px 48px 48px}.button-glass{background:radial-gradient(47.2% 50% at 50.39% 88.37%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 100%),rgba(255,255,255,.04);position:relative;transition:background .3s ease;border-radius:14px;width:fit-content;height:fit-content;padding:8px 16px;text-transform:uppercase;font-weight:700;font-size:14px;color:#fffc}.button-glass:hover{background:radial-gradient(47.2% 50% at 50.39% 88.37%,rgba(255,255,255,.12) 0%,rgba(255,255,255,0) 100%),rgba(255,255,255,.08)}.button-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.48) 16.73%,rgba(255,255,255,.08) 30.2%,rgba(255,255,255,.08) 68.2%,rgba(255,255,255,.6) 81.89%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none}.title{font-size:36px;font-weight:500;margin-top:auto}.description{opacity:.5}.divider{margin-top:auto;border:none;height:1px;background-color:currentColor;opacity:.1;mask-image:linear-gradient(to right,transparent,black,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black,transparent)}*/ .footer-copyright{margin-top:10px;font-size:14px;opacity:.85;letter-spacing:.4px}.footer-license{font-size:13px;opacity:.7}@media (max-width: 768px){html,body{width:100%;overflow-x:hidden}*{box-sizing:border-box}.content{padding:0;overflow-x:hidden;max-width:100%}.hero-wrap{padding:20px 14px}.hero-card{width:100%;padding:20px 16px;border-radius:20px}.avatar{width:96px;height:96px}h1{font-size:26px}.subtitle,.bio{font-size:14px;line-height:1.5}.social-icons{gap:16px}.social-icons img{width:30px;height:30px}.projects-grid{grid-template-columns:1fr}.projects-slider{width:100%;max-width:100vw;padding:16px;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.project-card{flex:0 0 calc(100vw - 40px);min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);scroll-snap-align:center}.icons-grid{grid-template-columns:repeat(2,1fr);gap:12px}.icon-card{width:100%;height:110px}.journey-section{margin:40px 12px}.journey-tabs{flex-wrap:wrap;gap:10px}.music-toggle{top:10px;right:10px}.music-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);width:calc(100vw - 20px);padding:10px;border-radius:14px;z-index:90}.music-meta{min-width:0}.track-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volume-wrap{display:none}@media (max-width: 768px){.contact-section *{transform:none!important}.contact-form{display:flex;flex-direction:column;align-items:stretch}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-row label{position:static!important;align-self:flex-start;width:auto;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;font-weight:600;text-align:left}.form-row input,.form-row select,.form-row textarea{width:100%;padding:14px;border-radius:12px;font-size:16px}.form-row textarea{min-height:120px}.submit-btn{margin-top:10px;width:100%}}.footer{padding:40px 14px 70px}.back-to-top{width:44px;height:44px;font-size:22px;right:12px;bottom:12px}#snow-canvas{opacity:.6}#sakura-canvas{height:120px}}.neural-news-section{position:relative;z-index:10;max-width:1200px;margin:0 auto 60px;padding:0 20px}.neural-news-section .section-heading{font-size:24px;font-weight:800;color:#fff;text-shadow:0 0 12px rgba(255,120,247,.6);margin-bottom:24px;text-align:center}@media (max-width: 768px){.neural-news-section{padding:0 16px;margin:0 auto 40px}.neural-news-section .section-heading{font-size:20px;margin-bottom:16px}}.news-section{position:relative;z-index:10;max-width:1200px;margin:0 auto 60px;padding:0 20px;opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards;animation-delay:.2s}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.news-title{font-size:28px;font-weight:800;color:#fff;text-shadow:0 0 12px rgba(255,120,247,.6);display:flex;align-items:center;gap:10px}.news-title:before{content:"";display:block;width:4px;height:24px;background:var(--accent, #c96bff);box-shadow:0 0 8px var(--accent, #c96bff);border-radius:2px}.news-filters{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 640px){.news-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.news-filters::-webkit-scrollbar{display:none}}.filter-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:8px 16px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.filter-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);color:#fff}.filter-btn.active{background:rgba(201,107,255,.2);border-color:#c96bff99;color:#fff;box-shadow:0 0 12px #c96bff4d}@media (max-width: 640px){.filter-btn{padding:10px 14px;font-size:13px;flex-shrink:0}}.news-search{position:relative}.news-search input{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);padding:8px 16px 8px 36px;border-radius:20px;color:#fff;font-family:inherit;width:200px;transition:all .3s ease}.news-search input:focus{outline:none;border-color:var(--accent, #c96bff);width:240px;background:rgba(0,0,0,.5)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;opacity:.6;pointer-events:none}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}@media (max-width: 640px){.news-grid{grid-template-columns:1fr;gap:16px}}.news-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;display:flex;flex-direction:column;height:100%}.news-card:hover{transform:translateY(-8px) scale(1.02);border-color:#fff3;background:rgba(255,255,255,.06);box-shadow:0 10px 30px -10px #00000080,0 0 20px #c96bff1a}.news-image{width:100%;height:180px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.05)}.news-content{padding:16px;display:flex;flex-direction:column;flex-grow:1}.news-meta{display:flex;justify-content:space-between;font-size:11px;color:#ffffff80;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.news-source{color:var(--accent, #c96bff);font-weight:600}.news-card h3{font-size:16px;line-height:1.4;margin:0 0 10px;color:#fffffff2;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-desc{font-size:13px;color:#ffffffb3;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.news-link{align-self:flex-start;font-size:12px;color:#fff;text-decoration:none;background:rgba(255,255,255,.1);padding:6px 12px;border-radius:6px;transition:background .2s}.news-link:hover{background:var(--accent, #c96bff)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.news-loading{text-align:center;padding:40px;color:#fff9;font-family:IBM Plex Mono,monospace;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.news-error{text-align:center;padding:30px;background:rgba(255,0,0,.05);border:1px solid rgba(255,0,0,.2);border-radius:12px;color:#ff6b6b}@media (max-width: 768px){.news-header{flex-direction:column;align-items:flex-start}.news-filters{width:100%;overflow-x:auto;padding-bottom:4px}.news-search input{width:100%}}.news-actions{display:flex;align-items:center;gap:12px}.refresh-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.refresh-btn:hover{background:var(--accent, #c96bff);border-color:var(--accent, #c96bff);box-shadow:0 0 12px #c96bff80}.refresh-btn svg{transition:transform .5s ease}.refresh-btn.spinning svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.news-actions{width:100%;justify-content:space-between}.news-search{flex-grow:1}}.view-all-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc;padding:8px 24px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease;margin-top:10px}.view-all-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}@media (max-width: 768px){.news-grid .news-card:nth-child(n+4){display:none}.news-section{margin:0 auto 40px;padding:0 16px}.news-header{margin-bottom:16px}.journey-section{padding:40px 16px}.journey-cards{gap:16px}}.contact-heading{font-size:32px;margin-bottom:40px}.contact-form{max-width:500px;padding:30px}.form-row{margin-bottom:18px}.form-row input,.form-row select,.form-row textarea{padding:12px;font-size:16px}.form-row label{margin-bottom:6px;font-size:16px;color:#000;font-weight:800}.card-container,.inner-container{max-width:500px!important}.canvas-container{position:relative;width:600px;height:800px}.contact-section{display:flex;justify-content:center;align-items:center;padding:60px 20px}.card-container{max-width:500px;width:100%;background:rgba(20,20,30,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff0d inset;padding:0;overflow:hidden;position:relative;z-index:10}.card-container:hover{box-shadow:0 30px 60px #0009,0 0 0 1px #ffffff1a inset;border-color:#fff3}.content-container{position:relative;padding:40px}.content-top{padding:0;margin-bottom:20px;text-align:center}.content-bottom{padding:0}.glow-layer-1,.glow-layer-2,.overlay-1,.background-glow{display:none}.form-horizontal-group{display:flex;gap:20px;width:100%}.form-horizontal-group .form-row{flex:1;margin-bottom:18px}@media (max-width: 600px){.form-horizontal-group{flex-direction:column;gap:0}}.skills-box-container{background:rgba(255,255,255,.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px;max-width:900px;margin:0 auto;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;gap:30px;align-items:center}.icons-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%}.icon-card{width:100px;height:100px;background:rgba(255,255,255,.05)}.icon-card img{width:48px;height:48px}.icon-card p{font-size:12px}@media (max-width: 768px){.skills-box-container{padding:24px;width:95%}.icons-grid{gap:12px}.icon-card{width:90px;height:90px}}.news-empty{text-align:center;padding:40px;color:var(--electric-light-color);font-family:Share Tech Mono,monospace;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(0,0,0,.3);margin:20px auto;max-width:600px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:var(--electric-color);border-radius:4px;box-shadow:0 0 10px var(--electric-color)}::-webkit-scrollbar-thumb:hover{background:#fff;box-shadow:0 0 15px #fff,0 0 5px var(--electric-color)}#projects,#journey,#contact{scroll-margin-top:80px}.space-nav{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:10000}.nav-container{display:flex;flex-direction:column;gap:10px;padding:10px 8px;background:rgba(255,255,255,.05);border-radius:50px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080}.nav-btn{position:relative;width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:#fff9}.nav-icon{font-size:1rem;z-index:2;transition:transform .3s ease}.nav-label{position:absolute;left:55px;background:rgba(0,0,0,.8);color:var(--electric-color, #00ff99);padding:6px 12px;border-radius:4px;font-family:Share Tech Mono,monospace;font-size:.85rem;opacity:0;pointer-events:none;transform:translate(-10px);transition:all .2s ease;white-space:nowrap;border:1px solid var(--electric-color, #00ff99);box-shadow:0 0 10px #00ff994d}.nav-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.nav-btn:hover{transform:scale(1.15);color:#fff;background:rgba(255,255,255,.1)}.nav-btn:hover .nav-label{opacity:1;transform:translate(0)}.nav-btn:hover .nav-glow{opacity:1}.crack-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:999999;opacity:0;pointer-events:none;background-image:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%),repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0px,transparent 2px,rgba(255,255,255,.05) 4px)}.neural-portal-container{position:fixed;bottom:30px;right:30px;z-index:10000;display:flex;flex-direction:column;align-items:center;pointer-events:none}.portal-message{background:rgba(0,0,0,.8);border:1px solid #00ff99;color:#0f9;padding:8px 16px;border-radius:12px;font-family:Share Tech Mono,monospace;font-size:14px;margin-bottom:12px;opacity:0;transform:translateY(10px);transition:all .3s ease;white-space:nowrap;text-shadow:0 0 5px rgba(0,255,153,.5);box-shadow:0 0 15px #0f93;pointer-events:auto}.portal-message.visible{opacity:1;transform:translateY(0)}.portal-orb{width:60px;height:60px;position:relative;pointer-events:auto;cursor:help;transition:transform .3s ease}.portal-orb:hover{transform:scale(1.1)}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px dashed rgba(0,255,153,.6);animation:orbSpin 8s linear infinite;box-shadow:0 0 15px #0f96}.orb-core{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:radial-gradient(circle at 30% 30%,#00ff99,#004433);border-radius:50%;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 0 10px #00000080,0 0 20px #0f99;display:flex;align-items:center;justify-content:center;overflow:hidden}.orb-eye{width:14px;height:14px;background:#ffffff;border-radius:50%;box-shadow:0 0 10px #fff}@keyframes orbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crack-svg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000000;pointer-events:none}.crack-path{opacity:0;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.crack-overlay{perspective:1000px;overflow:hidden}.shard-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transform-style:preserve-3d}.shard{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);transform-origin:center center;box-shadow:inset 0 0 20px #ffffff1a;will-change:transform,opacity}.shard:nth-child(1){clip-path:polygon(0% 0%,40% 0%,50% 50%,0% 40%)}.shard:nth-child(2){clip-path:polygon(40% 0%,100% 0%,100% 30%,50% 50%)}.shard:nth-child(3){clip-path:polygon(100% 30%,100% 100%,60% 100%,50% 50%)}.shard:nth-child(4){clip-path:polygon(60% 100%,0% 100%,0% 40%,50% 50%)}.shard:nth-child(5){clip-path:polygon(50% 50%,40% 0%,60% 0%);opacity:.3}.glitch-scanline{position:absolute;left:0;width:100%;height:2px;background:cyan;opacity:0;z-index:1000000;mix-blend-mode:screen;box-shadow:0 0 10px #0ff}.glitch-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:white;opacity:0;z-index:1000001;mix-blend-mode:overlay}.modern-projects{position:relative;max-width:1300px;margin:0 auto 80px;padding:0 20px;z-index:10}.glitched-heading{text-align:center;font-size:32px;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,120,247,.8),0 0 20px rgba(120,200,255,.6)}.project-filters-modern{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:40px}.filter-btn-modern{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fffc;padding:8px 20px;border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn-modern:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);color:#fff}.filter-btn-modern.active{background:rgba(255,120,247,.2);border-color:#ff78f799;color:#fff;box-shadow:0 0 15px #ff78f766}.projects-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width: 1100px){.projects-grid-modern{grid-template-columns:repeat(2,1fr)}}.project-card-modern{background:rgba(18,18,28,.95);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;display:flex;flex-direction:column;will-change:transform}.project-card-modern:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #78c8ff26,0 0 20px #ff78f71a;border-color:#fff3}.project-card-modern.featured-project{grid-column:1 / -1;flex-direction:row;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,rgba(255,120,247,.05) 100%);border:1px solid rgba(255,120,247,.3)}.project-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden}.featured-project .project-image-wrapper{width:50%;height:auto;min-height:300px}.project-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card-modern:hover .project-image-wrapper img{transform:scale(1.08)}.featured-badge{position:absolute;top:15px;left:15px;background:rgba(255,120,247,.8);color:#fff;padding:4px 12px;font-size:12px;font-weight:700;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;letter-spacing:1px}.project-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.featured-project .project-content{width:50%;justify-content:center}.project-category{color:#78c8ffe6;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.project-card-modern h4{font-size:22px;color:#fff;margin:0 0 12px;font-weight:700}.project-card-modern p{color:#ffffffb3;font-size:15px;line-height:1.6;flex-grow:1;margin:0 0 24px}.project-link-btn{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;background:rgba(255,255,255,.1);padding:10px 20px;border-radius:8px;transition:all .3s ease;align-self:flex-start}.project-link-btn:hover{background:rgba(120,200,255,.3);transform:translate(5px)}.project-link-btn .arrow{transition:transform .3s ease}.project-link-btn:hover .arrow{transform:translate(3px,-3px)}.show-more-container-modern{text-align:center;margin-top:40px}.show-more-btn-modern{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2);padding:12px 30px;font-size:15px;border-radius:30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px}.show-more-btn-modern:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#ff78f780;box-shadow:0 0 20px #ff78f733}@media (max-width: 900px){.project-card-modern.featured-project{flex-direction:column}.featured-project .project-image-wrapper,.featured-project .project-content{width:100%}.featured-project .project-image-wrapper{min-height:220px}}@media (max-width: 480px){.projects-grid-modern{grid-template-columns:1fr}}.modern-journey{position:relative;z-index:10;max-width:1000px;margin:0 auto;padding:0 20px}.journey-timeline-modern{position:relative;margin-top:50px;padding-left:40px}.journey-timeline-modern:before{content:"";position:absolute;top:0;bottom:0;left:14px;width:2px;background:linear-gradient(180deg,rgba(255,120,247,.8),rgba(120,200,255,.5),transparent);box-shadow:0 0 10px #ff78f799;border-radius:2px}.journey-card-modern{position:relative;margin-bottom:40px;background:rgba(22,22,32,.95);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 10px 30px #0000004d;will-change:transform}.journey-card-modern:hover{transform:translateY(-5px) translate(5px);background:rgba(255,255,255,.06);border-color:#ff78f766;box-shadow:0 15px 35px #ff78f726,0 0 15px #78c8ff1a}.timeline-dot{position:absolute;left:-33px;top:30px;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid #c96bff;box-shadow:0 0 15px #ff78f7;z-index:2;transition:all .3s ease}.journey-card-modern:hover .timeline-dot{transform:scale(1.3);background:#c96bff;border-color:#fff;box-shadow:0 0 25px #78c8ff}.journey-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:15px}.journey-title{font-size:20px;color:#fff;margin:0;font-weight:700;line-height:1.3}.journey-year{background:rgba(201,107,255,.15);color:#c96bff;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap;border:1px solid rgba(201,107,255,.3);box-shadow:0 0 10px #c96bff33}.journey-description{color:#fffc;font-size:15px;line-height:1.7;margin:0}.journey-card-modern.experience .timeline-dot{border-color:#78c8ff;box-shadow:0 0 15px #78c8ff}.journey-card-modern.experience:hover .timeline-dot{background:#78c8ff;box-shadow:0 0 25px #78c8ff}.journey-card-modern.experience .journey-year{color:#78c8ff;background:rgba(120,200,255,.15);border-color:#78c8ff4d}.journey-card-modern.certifications .timeline-dot{border-color:#ffb84d;box-shadow:0 0 15px #ffb84d}.journey-card-modern.certifications:hover .timeline-dot{background:#ffb84d;box-shadow:0 0 25px #ffb84d}.journey-card-modern.certifications .journey-year{color:#ffb84d;background:rgba(255,184,77,.15);border-color:#ffb84d4d}@media (max-width: 600px){.journey-timeline-modern{padding-left:25px}.journey-timeline-modern:before{left:7px}.timeline-dot{left:-24px;width:12px;height:12px;top:25px;border-width:3px}.journey-header{flex-direction:column;gap:8px}.journey-year{align-self:flex-start}.journey-card-modern{padding:20px}}@media (max-width: 768px){.hero-card{padding:30px 16px;border-radius:16px}.avatar{width:90px;height:90px;border-width:2px}h1{font-size:26px}.subtitle{font-size:14px}.bio{font-size:13px;line-height:1.4}.section-heading{font-size:20px}.glitched-heading{font-size:22px;margin-bottom:20px}.projects-grid-modern{gap:16px}.project-card-modern{border-radius:12px}.project-content{padding:16px}.project-card-modern h4{font-size:18px;margin-bottom:8px}.project-card-modern p{font-size:13px;margin-bottom:16px}.project-image-wrapper{height:160px}.featured-project .project-image-wrapper{min-height:180px}.filter-btn-modern{font-size:12px;padding:6px 14px}.journey-title{font-size:17px}.journey-description{font-size:13px}.journey-year{font-size:11px;padding:3px 10px}.footer{padding:40px 10px 60px}.footer-text{font-size:14px}}