:root{--background:#3e414c;--card:#2e3035;--primary:#38a8af;--secondary:#8c38af}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:#fff;font-family:Roboto,sans-serif;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;border-bottom:3px solid var(--primary);background:#2e3035f2;width:100%;height:82px;position:fixed;top:0}.hero{background:linear-gradient(135deg,#3e414c 0%,#2e3035 100%);justify-content:center;align-items:center;min-height:100vh;padding-top:82px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#38a8af2e,#0000 70%);animation:10s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}section{padding-top:100px;padding-bottom:100px;scroll-margin-top:90px}.section-header{color:var(--primary);text-shadow:0 0 25px var(--primary);text-align:center;margin-bottom:70px;font-family:"Press Start 2P",cursive;font-size:2.8rem}.project-card{background:var(--card);cursor:pointer;border:2px solid #0000;border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.project-card:hover{box-shadow:0 30px 60px -15px var(--secondary);border-color:var(--secondary);transform:scale(1.06)rotate(1deg)}.fade-in{opacity:0;transition:all .9s;transform:translateY(60px)}.fade-in.visible{opacity:1;transform:translateY(0)}.timeline-item{margin-bottom:45px;padding-left:55px;position:relative}.timeline-item:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--secondary));width:4px;position:absolute;top:10px;bottom:-30px;left:22px}.timeline-dot{background:var(--primary);border:5px solid var(--card);border-radius:50%;width:22px;height:22px;position:absolute;top:8px;left:14px}.back-btn{color:#ccc;cursor:pointer;background:0 0;border:2px solid #666;border-radius:50px;padding:12px 28px;transition:all .3s}.back-btn:hover{border-color:var(--primary);color:var(--primary)}.hamburger{display:none}@media (width<=768px){.desktop-nav{display:none!important}.hamburger{display:block!important}.section-header{font-size:2.1rem}.hero h1{font-size:3.2rem}.hero img{height:240px!important}section{padding:70px 0}}