.about{background:transparent;color:#f5f5f5;padding:1rem 2rem;display:flex;justify-content:center}.about__container{display:flex;align-items:center;gap:3rem;max-width:1100px;width:100%}.about__image-wrapper{flex:1;display:flex;justify-content:center}.about__image{width:280px;height:280px;object-fit:cover;border-radius:50%;border:3px solid #39ff14;box-shadow:0 0 20px #39ff14b3;transition:transform .3s ease,box-shadow .3s ease}.about__image:hover{transform:scale(1.05);box-shadow:0 0 40px #39ff14}.about__content{flex:2;text-align:left}.about__title{font-size:2rem;font-weight:600;margin-bottom:1rem;color:#39ff14;text-shadow:0 0 8px rgba(57,255,20,.6)}.about__text{font-size:1.15rem;line-height:1.8;color:#ccc}@media screen and (max-width: 480px){.about__container{flex-direction:column;align-items:center}.about__image-wrapper{margin-bottom:2rem}.about__image{width:200px;height:200px}.about__title{font-size:1.5rem;text-align:center}.about__text{font-size:1rem;text-align:center}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;color:#39ff14;text-shadow:0 0 8px rgba(57,255,20,.6);text-align:center;padding:0 1rem;min-height:100vh}.hero__content{max-width:800px}.hero__title{font-size:3rem;margin-bottom:.5rem;font-family:Orbitron,sans-serif;letter-spacing:1px}.hero__subtitle{font-size:1.25rem;margin-bottom:.5rem;font-weight:300;color:#ffffffd9}.hero__cta{display:inline-block;padding:.75rem 1.5rem;border:2px solid #39ff14;color:#39ff14;text-decoration:none;font-size:1rem;font-weight:700;border-radius:4px;transition:background .3s ease,color .3s ease}.hero__cta:hover{background:#39ff14;color:#000}.projects{background:transparent;padding:5rem 2rem;color:#fff}.projects__title{text-align:center;font-size:2rem;font-weight:600;margin-bottom:2rem;color:#39ff14;text-shadow:0 0 10px rgba(57,255,20,.6)}.projects__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.projects__card{position:relative;width:100%;height:220px;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.projects__card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 25px #39ff144d}.projects__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.projects__card:hover .projects__image{transform:scale(1.1)}.projects__overlay{position:absolute;inset:0;background:#0a0a0ad9;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease,transform .4s ease;transform:translateY(20px)}.projects__card:hover .projects__overlay{opacity:1;transform:translateY(0)}.projects__tech{margin-top:.5rem;font-size:.8rem;color:#39ff14;opacity:.8}.projects__name{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#39ff14}.projects__desc{font-size:.95rem;color:#ccc;line-height:1.4}@media screen and (max-width: 600px){.projects{padding:2rem .5rem}.projects__container{grid-template-columns:1fr;gap:1rem}.projects__card{height:160px;max-width:100%}.projects__title{font-size:1.4rem;margin-bottom:1rem}.projects__name{font-size:1rem}.projects__desc{font-size:.85rem}}.skills__carousel{width:100vw;overflow:hidden;background:transparent;padding:1.5rem 0}.skills__title{text-align:center;font-size:2rem;font-weight:600;margin-bottom:2rem;color:#39ff14;text-shadow:0 0 10px rgba(57,255,20,.6)}.carousel__track{display:flex;gap:3rem;will-change:transform}.skill__icon{flex:0 0 auto;text-align:center;width:80px}.skill__icon img{width:60px;height:60px;object-fit:contain;transition:transform .3s ease}.skill__icon img:hover{transform:scale(1.2)}.skill__icon p{margin-top:.5rem;font-size:.8rem;color:#ccc;font-family:Orbitron,sans-serif}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--scroll-distance, 0px)))}}.main{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease;z-index:1;min-height:100vh;background:transparent}.splash-screen{background-color:#000;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#39ff14;font-family:Orbitron,sans-serif;-webkit-user-select:none;user-select:none;overflow:hidden}.etch-text{width:80vw;max-width:900px;height:160px;position:relative;margin-bottom:1rem;stroke:#39ff14;stroke-width:1.5;fill:none;filter:drop-shadow(0 0 8px #39ff14) drop-shadow(0 0 20px #00ffcc)}.etch-text__text{animation:etch 3s forwards ease-out;stroke-dasharray:1400;stroke-dashoffset:1400;font-size:100px}.laser-beam{stroke:#39ff14;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 10px #39ff14) drop-shadow(0 0 30px #00ffcc);stroke-dasharray:500;stroke-dashoffset:500;animation:laserExpand 1.75s forwards ease-out;animation-delay:0s}.laser-beam--left{animation-name:laserExpandLeft}.laser-beam--right{animation-name:laserExpandRight}@keyframes laserExpandLeft{to{stroke-dashoffset:0}}@keyframes laserExpandRight{to{stroke-dashoffset:0}}@keyframes etch{to{stroke-dashoffset:0}}.typing-effect{font-size:1.5rem;letter-spacing:.1em;color:#0fc;min-height:2rem;white-space:nowrap;font-weight:500;z-index:10;border-right:none;animation:showCaret 0s 1s forwards,blinkCaret 1s step-end infinite 1s}@keyframes showCaret{to{border-right:2px solid #00ffcc}}@keyframes blinkCaret{50%{border-color:transparent}}@media screen and (max-width: 480px){.splash-screen{padding:1rem}.etch-text{font-size:80px}.typing-effect{font-size:1.2rem}}html,body,#root{margin:0;padding:0;width:100%;height:100vh;overflow-x:hidden;background:#545454}.app{position:relative;min-height:100vh;width:100vw;overflow-x:hidden}.app-container{position:relative;min-height:100vh;width:100%}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity 1s ease,transform 1s ease;z-index:2;background:#545454;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-screen .etch-text,.loading-screen .typing-effect{color:#fff}.loading-screen.fade-out{opacity:0;transform:scale(1.05) translateY(-20px);pointer-events:none}.main{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease;z-index:1;min-height:100vh}.main.fade-in{opacity:1;transform:translateY(0)}.hero{background:transparent;min-height:100vh}