*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#fff;color:#000;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:#000;margin:3px 0;transition:.3s}#menu-toggle-checkbox:checked~.menu-toggle span:nth-child(1){transform:rotate(-45deg) translate(-6px,6px)}#menu-toggle-checkbox:checked~.menu-toggle span:nth-child(2){opacity:0}#menu-toggle-checkbox:checked~.menu-toggle span:nth-child(3){transform:rotate(45deg) translate(-6px,-6px)}#menu-toggle-checkbox:checked~nav{transform:translateY(0);opacity:1;visibility:visible}header{border-bottom:2px solid #000;padding:20px 0;position:relative}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:clamp(18px,4vw,24px);font-weight:700;letter-spacing:2px}nav ul{display:flex;list-style:none;gap:30px}nav a{text-decoration:none;color:#000;font-weight:700;padding:8px 12px;border:1px solid transparent;transition:all .3s ease;white-space:nowrap}nav a:hover{border:1px solid #000;background:#000;color:#fff}.hero{padding:clamp(40px,8vw,80px) 0;position:relative;border-bottom:1px solid #000}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text h1{font-size:clamp(28px,8vw,48px);margin-bottom:20px;letter-spacing:-1px;line-height:1.1}.hero-text .subtitle{font-size:clamp(14px,3vw,18px);margin-bottom:30px;opacity:.8}.hero-text p{margin-bottom:30px;max-width:400px;font-size:clamp(13px,2.5vw,16px)}.cta-button{display:inline-block;padding:12px 24px;border:2px solid #000;margin-right:1rem;background:#000;color:#fff;text-decoration:none;font-weight:700;transition:all .3s ease;font-size:clamp(12px,2.5vw,16px)}.cta-button:hover{background:#fff;color:#000}.hero-visual{position:relative;height:clamp(200px,40vw,400px);overflow:hidden}.shape{position:absolute;border:2px solid #000}.shape-1{width:clamp(60px,12vw,120px);height:clamp(60px,12vw,120px);top:12.5%;right:25%;transform:rotate(45deg)}.shape-2{width:clamp(40px,8vw,80px);height:clamp(40px,8vw,80px);border-radius:50%;top:50%;right:12.5%}.shape-3{width:clamp(80px,16vw,160px);height:2px;background:#000;border:none;top:75%;right:30%;transform:rotate(-30deg)}.shape-4{width:clamp(30px,6vw,60px);height:clamp(30px,6vw,60px);top:25%;right:75%;border-radius:50%}.shape-5{width:0;height:0;border-left:clamp(12px,2.5vw,25px) solid transparent;border-right:clamp(12px,2.5vw,25px) solid transparent;border-bottom:clamp(22px,4.5vw,45px) solid #000;border-top:none;top:85%;right:50%}.shape-6{width:clamp(20px,4vw,40px);height:clamp(20px,4vw,40px);top:40%;right:50%;transform:rotate(30deg);border:1px solid #000}.experience{padding:clamp(40px,8vw,80px) 0;border-bottom:1px solid #000}.section-header{display:flex;align-items:center;margin-bottom:clamp(25px,5vw,50px);gap:20px;flex-wrap:wrap}.section-title{font-size:clamp(24px,6vw,36px);letter-spacing:2px;margin:0}.section-svg{width:clamp(40px,8vw,80px);height:clamp(40px,8vw,80px);stroke:#000;fill:none;stroke-width:2;flex-shrink:0}.timeline{position:relative;padding-left:clamp(20px,4vw,40px)}.timeline:before{content:"";position:absolute;left:clamp(10px,2vw,20px);top:0;bottom:0;width:2px;background:#000}.timeline-item{position:relative;margin-bottom:clamp(20px,4vw,40px);padding-left:clamp(20px,4vw,40px)}.timeline-item:before{content:"";position:absolute;left:clamp(-23px,-3.6vw,-28px);top:27px;width:12px;height:12px;border:2px solid #000;background:#fff;border-radius:50%;z-index:1}.timeline-item:hover:before{background:#000}.timeline-content{border:1px solid #000;padding:clamp(15px,3vw,25px);background:#fff;transition:all .3s ease;position:relative}.timeline-content:hover{background:#000;color:#fff}.timeline-content:before{content:"";position:absolute;left:-10px;top:25px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #000}.timeline-content:hover:before{border-right-color:#000}.experience-grid{margin-top:30px}.experience-item{position:relative}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:15px}.exp-title{font-size:clamp(16px,3vw,20px);font-weight:700}.exp-company{font-size:clamp(13px,2.5vw,16px);opacity:.8}.exp-date{font-size:clamp(11px,2vw,14px);opacity:.6;white-space:nowrap;flex-shrink:0}.exp-description{margin-top:15px}.exp-description ul{list-style:none;margin-top:10px}.exp-description li{position:relative;padding-left:15px;margin-bottom:8px;font-size:clamp(12px,2.2vw,14px)}.exp-description li:before{content:"▸";position:absolute;left:0}.projects{padding:clamp(40px,8vw,80px) 0;border-bottom:1px solid #000}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(20px,4vw,30px);margin-top:clamp(25px,5vw,50px)}.project-card{border:1px solid #000;padding:clamp(15px,3vw,25px);position:relative;transition:all .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:5px 5px #000}.project-title{font-size:clamp(16px,3vw,18px);font-weight:700;margin-bottom:10px}.project-tech{font-size:clamp(11px,2vw,14px);opacity:.6;margin-bottom:15px}.project-description{margin-bottom:15px;font-size:clamp(12px,2.2vw,14px)}.blog{padding:clamp(40px,8vw,80px) 0;border-bottom:1px solid #000}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(20px,4vw,30px);margin-top:clamp(25px,5vw,50px)}.blog-card{border:1px solid #000;padding:clamp(15px,3vw,25px);transition:all .3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:5px 5px #000}.blog-date{font-size:clamp(10px,1.8vw,12px);opacity:.6;margin-bottom:10px}.blog-title{font-size:clamp(16px,3vw,18px);font-weight:700;margin-bottom:10px;line-height:1.3}.blog-excerpt{font-size:clamp(12px,2.2vw,14px);margin-bottom:15px;line-height:1.4}.read-more{font-size:clamp(10px,1.8vw,12px);font-weight:700;text-decoration:none;color:#000;border-bottom:1px solid #000}.skills{padding:clamp(40px,8vw,80px) 0;border-bottom:1px solid #000}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(20px,4vw,40px);margin-top:clamp(25px,5vw,50px)}.skill-category{text-align:center}.skill-category h3{font-size:clamp(16px,3vw,18px);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #000}.skill-list{display:flex;flex-wrap:wrap;gap:clamp(8px,1.5vw,10px);justify-content:center}.skill-tag{padding:clamp(4px,1vw,5px) clamp(8px,1.5vw,10px);border:1px solid #000;font-size:clamp(10px,1.8vw,12px);background:#fff;transition:all .3s ease}.skill-tag:hover{background:#000;color:#fff}footer{padding:clamp(30px,6vw,40px) 0;text-align:center;background:#000;color:#fff}.footer-links{display:flex;justify-content:center;gap:clamp(15px,3vw,30px);margin-bottom:20px;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;padding:8px 12px;border:1px solid #fff;transition:all .3s ease;font-size:clamp(11px,2vw,14px)}.footer-links a:hover{background:#fff;color:#000}footer p{font-size:clamp(11px,2vw,14px)}@media (max-width: 768px){.menu-toggle{display:flex}nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:2px solid #000;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}nav.active{transform:translateY(0);opacity:1;visibility:visible}nav ul{flex-direction:column;gap:0;padding:20px}nav li{border-bottom:1px solid #eee}nav li:last-child{border-bottom:none}nav a{display:block;padding:15px 0;text-align:center}.hero-content{grid-template-columns:1fr;gap:30px;text-align:center}.hero-visual{order:-1;margin-bottom:20px}.exp-header{flex-direction:column;align-items:flex-start;gap:5px}.exp-date{order:-1}.timeline{padding-left:20px}.timeline:before{left:10px}.timeline-item{padding-left:20px}.timeline-item:before{left:-18px}.timeline-content:hover{transform:none}.project-card:hover,.blog-card:hover{transform:translateY(-2px);box-shadow:3px 3px #000}.section-header{justify-content:center;text-align:center}.footer-links{gap:15px}.footer-links a{padding:6px 10px}}@media (max-width: 480px){.container{padding:0 15px}.logo{font-size:16px;letter-spacing:1px}.timeline-content{padding:15px}.projects-grid,.blog-grid,.skills-grid{grid-template-columns:1fr}.skill-list{gap:6px}.skill-tag{font-size:10px;padding:3px 6px}.footer-links{flex-direction:column;align-items:center;gap:10px}.cta-button{padding:10px 20px;font-size:12px}}html{scroll-behavior:smooth}@keyframes float{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-10px) rotate(45deg)}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateSlow{0%{transform:rotate(-30deg)}to{transform:rotate(330deg)}}@keyframes rotateHexagon{0%{transform:rotate(30deg)}to{transform:rotate(390deg)}}@keyframes subtleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.shape-1{animation:float 8s ease-in-out infinite}.shape-2{animation:rotate 25s linear infinite}.shape-3{animation:rotateSlow 20s linear infinite}.shape-4{animation:float 10s ease-in-out infinite}.shape-5{animation:subtleBounce 12s ease-in-out infinite}.shape-6{animation:rotateHexagon 30s linear infinite}@media (prefers-reduced-motion: reduce){.shape-1,.shape-2,.shape-3,.shape-4,.shape-5,.shape-6{animation:none}*{transition:none!important}}#menu-toggle-checkbox{display:none}