body{background-color:#000;margin:0;padding:0;height:auto;overflow:auto}.header{background-color:#1b1919;color:#fff;font-family:Courier New,Courier,monospace;display:flex;justify-content:space-between;align-items:center;padding:10px 40px;border-bottom:2px ridge #2e5e32;position:fixed;top:0;left:0;width:100vw;box-sizing:border-box;z-index:1000}.header-left{display:flex;align-items:center;flex:0 0 40%}.header-title{font-size:20px;font-weight:700;transition:all .3s ease-in-out}.header-subtitle{padding:10px 20px;font-size:12px;font-style:italic;color:#a9a9a9}.header-title:hover{color:#62de6d}.nav{display:flex;flex:0 0 auto;justify-content:center;align-items:center;gap:2.5rem;margin-right:.5rem;margin-left:1rem;white-space:nowrap;padding-right:.5rem}.nav-link{color:#fff;text-decoration:none;text-transform:uppercase;font-size:14px auto;padding:8px 16px;position:relative;overflow:hidden;z-index:1;transition:all .3s ease-in-out}.nav-link:hover{background-color:#fff;color:#000}.header-icon{flex:0 0 auto;display:flex;justify-content:center;align-items:center;max-width:100px;margin:0 3%}.icon-image{width:100%;height:auto;max-height:60px}@media (max-width: 768px){.header{padding:8px 15px;flex-wrap:wrap}.header-left{flex:0 0 100%;justify-content:center;margin-bottom:5px}.header-title{font-size:16px}.header-subtitle{font-size:10px;padding:5px 15px}.header-icon{flex:0 0 100%;display:flex;justify-content:center;align-items:center;margin:8px auto;max-width:60px;min-width:40px;order:2}.icon-image{max-height:40px;max-width:100%;width:auto;height:auto}.nav{flex:0 0 100%;justify-content:center;gap:20px;margin-top:5px;margin-right:0;margin-left:0;padding-right:0;order:3}.nav-link{font-size:12px;padding:8px 12px}}@media (max-width: 480px){.header{padding:6px 10px}.header-title{font-size:14px}.header-subtitle{font-size:9px;padding:3px 10px}.header-icon{flex:0 0 100%;display:flex;justify-content:center;align-items:center;margin:6px auto;max-width:50px;min-width:35px;order:2}.icon-image{max-height:35px;max-width:100%;width:auto;height:auto}.nav-link{font-size:11px;padding:6px 10px}}.homepage{background-color:#000;min-height:100vh}.homepage-content{margin-top:9vh;display:flex;width:100;flex-direction:column;justify-content:space-evenly}.container-header{position:fixed;top:0;left:0;width:100%;height:8%;z-index:1000;display:flex;align-items:center;justify-content:center}.container{background-color:#000;border-bottom:1px solid rgb(98,222,109,.1)}.gallery-container{padding:3%;order:1;flex-grow:1}.about-section{order:2;flex-grow:1}.projects-container{order:3;flex-grow:1;justify-content:center;padding:3%;background-color:#000}.contact-section{order:4;flex-grow:1}.typewriter{font-family:monospace;white-space:nowrap;overflow:hidden;border-right:2px solid black;display:inline-block}@keyframes typing{0%{width:0}50%{width:100%}to{width:0}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#000}}.typewriter{animation:typing 7s steps(30,end) infinite,blink .7s step-end infinite;width:0}.section-title{font-family:monospace;color:#62de6d}.section-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#62de6d 50%,transparent 100%);margin:2rem 0;opacity:.6}.about-container{min-height:100vh;background:#000;color:#fff;padding:2rem 0;font-family:Courier New,Courier,monospace}.about-main-layout{display:flex;max-width:1600px;margin:0 auto;padding:0 1rem;gap:2rem;align-items:flex-start}.about-hero-left{flex:0 0 320px;display:flex;flex-direction:column;gap:1.5rem}.about-image{width:200px;height:200px;border-radius:15px;overflow:hidden;border:2px solid #2e5e32;box-shadow:0 4px 15px #2e5e324d;align-self:flex-start}.about-image img{width:100%;height:100%;object-fit:cover}.about-intro{max-width:350px}.about-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#62de6d;font-family:Courier New,Courier,monospace}.about-subtitle{font-size:1.3rem;color:#ccc;margin-bottom:1rem;font-weight:400;font-family:Courier New,Courier,monospace}.about-description{font-size:1rem;line-height:1.6;color:#fff;font-family:Courier New,Courier,monospace}.about-details-right{flex:1;display:flex;flex-direction:column;gap:1.5rem}.about-box{background:#000;padding:1.5rem;border-radius:10px;border:1px solid #62de6d;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.about-box:hover{transform:translateY(-2px);box-shadow:0 6px 12px #62de6d33}.box-heading{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#62de6d;font-family:Courier New,Courier,monospace;border-bottom:1px solid #2e5e32;padding-bottom:.5rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.6rem}.skill-tag{background:transparent;color:#fff;border:1px solid #2e5e32;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:400;transition:all .3s ease;cursor:pointer;font-family:Courier New,Courier,monospace}.skill-tag:hover{background:#2e5e32;color:#62de6d;border-color:#62de6d;transform:translateY(-1px)}.experience-item,.education-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.experience-item:last-child,.education-item:last-child{border-bottom:none;margin-bottom:0}.experience-header,.education-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.experience-title,.education-title{font-size:1rem;font-weight:700;color:#62de6d;margin:0;font-family:Courier New,Courier,monospace}.experience-period,.education-period{font-size:.8rem;color:#ccc;font-weight:400;font-family:Courier New,Courier,monospace}.experience-company,.education-institution{font-size:.9rem;color:#ccc;font-weight:400;margin:.2rem 0;font-family:Courier New,Courier,monospace}.experience-description,.education-description{font-size:.85rem;line-height:1.5;color:#fff;margin-top:.5rem;font-family:Courier New,Courier,monospace}@media (max-width: 1024px){.about-main-layout{gap:1.5rem;padding:0 1.5rem}.about-hero-left{flex:0 0 280px}}@media (max-width: 768px){.about-main-layout{flex-direction:column;gap:2rem}.about-hero-left{flex:none;align-items:center;text-align:center}.about-image{width:180px;height:180px;align-self:center}.about-intro{max-width:100%;text-align:center}.about-title{font-size:2.2rem}.about-subtitle{font-size:1.2rem}.about-details-right{gap:1.2rem}.about-box{padding:1.2rem}.box-heading{font-size:1.2rem}.experience-header,.education-header{flex-direction:column;align-items:flex-start}.skills-grid{gap:.5rem}.skill-tag{font-size:.8rem;padding:.3rem .6rem}}@media (max-width: 480px){.about-container{padding:1rem 0}.about-main-layout{padding:0 1rem;gap:1.5rem}.about-image{width:150px;height:150px}.about-title{font-size:2rem}.about-subtitle{font-size:1.1rem}.about-description{font-size:.9rem}.about-box{padding:1rem}.box-heading{font-size:1.1rem}}.carousel-container{position:relative;width:100%;max-width:80vw;height:400px;margin:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.carousel{position:relative;width:100%;height:100%}.carousel-item,.carousel-left,.carousel-right,.carousel-hidden{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform 1s ease,opacity 1s ease;width:300px;height:200px;background:#000;padding:1rem;text-align:center;box-shadow:0 4px 6px #0000001a;border-radius:10px;border:1px solid #62de6d}.carousel-item{transform:translate(-50%,-50%) scale(1.1);z-index:3;opacity:1}.carousel-left{transform:translate(-80%,-50%) scale(.8);opacity:.05;left:10%}.carousel-right{transform:translate(-20%,-50%) scale(.8);opacity:.05;left:90%}.carousel-hidden{opacity:0;z-index:1}.nav-arrow{top:50%;transform:translateY(-50%);background:#13131380;color:#32aa0ecc;border:none;font-size:2rem;cursor:pointer;z-index:10;padding:.5rem 1rem;border-radius:5px;opacity:50%}.nav-arrow:hover{opacity:100%;color:#62de6d;transition:opacity .3s ease}.nav-arrow.left{left:10px}.nav-arrow.right{right:10px}.proect-title{color:#15701c}.project-body{color:#142916}.project-description{color:#06203d}.carousel-header{display:flex;justify-content:center;flex-direction:row;align-items:center}.carousel-icon{height:10%;width:10%;padding:0% 5%}.project-title{color:#62de6d;font-family:monospace}.project-description{font-family:monospace;color:#ebdf64}.contact-container{background-color:#000;border-bottom:1px solid rgba(98,222,109,.1);padding:3%;color:#fff;font-family:monospace;min-height:80vh}.contact-content{margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.contact-intro{margin-bottom:3rem;text-align:center}.contact-text{font-size:1.1rem;line-height:1.6;color:#e0e0e0;max-width:800px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-subtitle{color:#62de6d;font-size:1.2rem;margin-bottom:1.5rem;font-family:monospace;border-bottom:1px solid rgba(98,222,109,.3);padding-bottom:.5rem}.contact-info{background-color:#62de6d0d;border:1px solid rgba(98,222,109,.2);border-radius:8px;padding:2rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#62de6d14;border-radius:6px;border:1px solid rgba(98,222,109,.15);transition:all .3s ease}.contact-method:hover{background-color:#62de6d1f;transform:translateY(-2px);border-color:#62de6d4d}.contact-icon{font-size:1.5rem;min-width:2rem;text-align:center}.contact-details{flex:1}.contact-method-title{color:#62de6d;font-size:1rem;margin-bottom:.3rem;font-weight:700}.contact-method-value{color:#e0e0e0;font-size:.9rem;margin:0}.contact-form-section{background-color:#62de6d0d;border:1px solid rgba(98,222,109,.2);border-radius:8px;padding:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#62de6d;font-size:.9rem;font-weight:700}.form-input,.form-textarea{background-color:#00000080;border:1px solid rgba(98,222,109,.3);border-radius:4px;padding:.8rem;color:#fff;font-family:monospace;font-size:.9rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#62de6d;background-color:#62de6d0d;box-shadow:0 0 0 2px #62de6d1a}.form-input::placeholder,.form-textarea::placeholder{color:#888}.form-textarea{resize:vertical;min-height:120px}.form-submit{background-color:#62de6d;color:#000;border:none;border-radius:4px;padding:1rem 2rem;font-family:monospace;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.form-submit:hover{background-color:#4bc653;transform:translateY(-2px);box-shadow:0 4px 8px #62de6d4d}.form-submit:active{transform:translateY(0)}.form-submit:disabled{background-color:#888;color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.form-submit:disabled:hover{background-color:#888;transform:none;box-shadow:none}.form-message{padding:1rem;border-radius:4px;margin:1rem 0;font-family:monospace;font-size:.9rem;text-align:center}.form-message.success{background-color:#62de6d1a;border:1px solid rgba(98,222,109,.3);color:#62de6d}.form-message.error{background-color:#ff63631a;border:1px solid rgba(255,99,99,.3);color:#ff6363}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-container{padding:2%}.contact-text{font-size:1rem}.contact-info,.contact-form-section{padding:1.5rem}.contact-method{flex-direction:column;text-align:center;gap:.5rem}.contact-icon{font-size:2rem}}@media (max-width: 480px){.contact-container{padding:1rem}.contact-intro{margin-bottom:2rem}.contact-grid{gap:1.5rem}}