:root{--bg-color: #1a1a1a;--primary-red: #dc2626;--primary-text-color: #f5f5f5;--secondary-text-color: #a3a3a3;--pill-bg: #262626;--button-bg: #f5f5f5;--button-text: #1a1a1a;--social-icon-bg: #262626;--header-height: 80px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-snap-type:y mandatory}.section,.hero.main{height:100vh;min-height:auto;padding:2rem 0}body{background-color:var(--bg-color);background-image:url(https://www.transparenttextures.com/patterns/dark-paper.png);color:var(--primary-text-color);font-family:Poppins,sans-serif;padding-top:var(--header-height);overflow-x:hidden}a{text-decoration:none;color:var(--primary-text-color)}ul{list-style:none}.container{max-width:1100px;margin:0 auto;padding:0 2rem}#particles-js{position:fixed;width:100%;height:100%;z-index:-1}#haunting-soul,#roaming-spacecraft{position:fixed;pointer-events:none;z-index:1;transition:all 5s ease-in-out}#haunting-soul{top:50%;left:50%;width:160px;height:160px;opacity:.2}#roaming-spacecraft{top:20%;left:80%;width:200px;height:200px;opacity:.3;transition-duration:8s}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:#1a1a1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #333333;z-index:100;display:flex;align-items:center}.nav{display:flex;justify-content:space-between;align-items:center;width:100%}.nav__logo{flex-shrink:0;color:var(--primary-red)}.nav__menu_desktop{flex-grow:1;display:flex;justify-content:center}.nav__list{display:flex;gap:3rem}.nav__link{color:var(--primary-red);transition:color .3s}.nav__link:hover{color:var(--primary-text-color)}.nav__socials_desktop{display:flex;gap:1.25rem}.nav__social-link{display:inline-flex;justify-content:center;align-items:center;width:35px;height:35px;background-color:var(--social-icon-bg);border-radius:50%;transition:all .3s}.nav__social-link:hover{background-color:var(--primary-red);color:var(--primary-text-color)}.nav__toggle,.mobile-nav{display:none}.hero.main,.section{min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;position:relative;z-index:2;padding:60px 0}.hero.main{flex-direction:row;align-items:center;padding:0}.footer{min-height:0;padding:0;scroll-snap-align:end}.hero{display:flex;justify-content:space-between;align-items:center;width:100%;gap:2rem}.hero__text-content{flex-basis:55%}.hero__image-content{flex-basis:40%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero__welcome-pill{background-color:var(--pill-bg);color:var(--primary-text-color);padding:.6rem 1.2rem;border-radius:999px;display:inline-block;font-size:1rem;margin-bottom:1.5rem;font-family:Special Elite,cursive;border:1px solid #404040}.hero__greeting{font-size:2.5rem;font-weight:600;color:var(--primary-red);margin-bottom:.25rem;height:50px;transition:opacity .4s ease-in-out}.hero__name{font-size:3.5rem;line-height:1.1;font-weight:700;color:var(--primary-text-color)}.hero__subtitle{font-size:2rem;color:var(--secondary-text-color);margin-top:.5rem;margin-bottom:1rem}.hero__typing-text{font-size:1.5rem;color:var(--secondary-text-color);height:40px;margin-bottom:2.5rem}#typing-effect{color:var(--primary-red);font-weight:600}.typing-cursor{display:inline-block;background-color:var(--secondary-text-color);margin-left:.1rem;width:3px;height:1.5rem;vertical-align:middle;animation:blink 1s infinite}@keyframes blink{0%{background-color:var(--secondary-text-color)}49%{background-color:var(--secondary-text-color)}50%{background-color:transparent}99%{background-color:transparent}to{background-color:var(--secondary-text-color)}}#typing-effect.typing:after{animation:none}.button{background-color:var(--button-bg);color:var(--button-text);padding:1rem 2rem;border-radius:999px;font-weight:600;transition:all .3s ease-in-out;display:inline-block;border:2px solid var(--button-bg)}.button:hover{transform:scale(1.05);background-color:transparent;color:var(--button-bg)}.hero__image-wrapper{width:350px;height:350px;border:3px solid #404040;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:7px;animation:floatAnimation 4s ease-in-out infinite;box-shadow:0 0 35px 5px #f5f5f540}.hero__image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:50%}.section{position:relative;z-index:2;height:calc(100vh - var(--header-height));display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.section__title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem}.section__title:after{content:"";display:block;width:60px;height:4px;background-color:var(--primary-red);margin:10px auto 0}.hero.main,.section{scroll-snap-align:start}#about .section__title{margin-bottom:2rem}.about__container{display:flex;justify-content:space-between;gap:2.5rem;align-items:center}.about__description{flex-basis:60%}.about__description p{color:var(--primary-text-color);font-size:1rem;line-height:1.7;margin-bottom:1rem}.about__description p:last-child{margin-bottom:0}.about__education{flex-basis:40%;display:flex;flex-direction:column;gap:2rem;position:relative;border-left:2px solid #3a3a3a;padding-left:30px}.education__card{background-color:transparent;width:100%;height:120px;perspective:1000px;border:none;position:relative;cursor:default}.education__card:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-37px;width:12px;height:12px;background-color:var(--bg-color);border:2px solid var(--secondary-text-color);border-radius:50%;transition:all .3s ease-in-out}.education__card:hover:before{background-color:var(--primary-red);border-color:var(--primary-red);transform:translateY(-50%) scale(1.1);box-shadow:0 0 10px var(--primary-red)}.education-card__inner{position:relative;width:100%;height:100%;text-align:left;transition:transform .7s;transform-style:preserve-3d}.education__card:hover .education-card__inner{transform:rotateY(180deg)}.education-card__front,.education-card__back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:1rem;border-radius:8px;display:flex;flex-direction:column;justify-content:center}.education-card__front{background-color:var(--pill-bg);border:1px solid #3a3a3a}.education-card__back{background-color:var(--pill-bg);border:1px solid var(--primary-red);transform:rotateY(180deg);color:var(--secondary-text-color)}.education-card__back p{margin-bottom:.5rem;font-size:.95rem}.education-card__back p:last-child{margin-bottom:0}.education-card__back strong{color:var(--primary-text-color)}.education__card h3{font-size:1.1rem;margin-bottom:.25rem;color:var(--primary-text-color)}.education__card .education__date{font-size:.9rem;color:var(--primary-red);font-weight:500;margin-bottom:.5rem}.education__card .education__details{font-size:1rem;color:var(--secondary-text-color)}.mobile-education-container{display:none}#projects{justify-content:flex-start;padding-top:5rem}#projects .section__title{margin-bottom:2rem}.solar-system-container{display:flex;position:relative;width:100%;max-width:850px;aspect-ratio:1 / 1;margin:0 auto;justify-content:center;align-items:center;transition:transform .8s cubic-bezier(.165,.84,.44,1);transform:scaleY(.6);transform-origin:center top}.mobile-projects-container{display:none}.solar-system-container.is-expanded{transform:scaleY(.6) scale(1.8)}.sun{position:relative;width:120px;height:120px;border-radius:50%;cursor:pointer;z-index:10;transform:scaleY(1.67);transition:transform .6s cubic-bezier(.25,1,.5,1)}.solar-system-container.is-expanded .sun{transform:scaleY(1.67) scale(3)}.sun__image{width:100%;height:100%;border-radius:50%;transition:opacity .4s ease-out}.solar-system-container.is-expanded .sun__image{opacity:0}.skills-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transform:scale(.2);transition:all .4s cubic-bezier(.5,0,.5,1) .1s}.solar-system-container.is-expanded .skills-content{opacity:1;visibility:visible;transform:scale(1)}.skills-content h3{font-size:.5rem;margin:0 0 .25rem;color:var(--primary-red)}.skills-grid{display:flex;gap:.5rem;width:100%;justify-content:center}.skills-list{text-align:center;padding:0;margin:0;list-style:none;line-height:1.4}.skills-list li{font-size:.35rem;color:#e0e0e0}.orbit{position:absolute;border:1px dashed #555;border-radius:50%}.rotator{position:absolute;width:100%;height:100%;animation:revolve infinite linear}.planet{position:relative;width:100px;height:100px;background-color:transparent;border:none;box-shadow:0 0 0 2px #4f4f4f;border-radius:50%;animation:counter-revolve infinite linear;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s,box-shadow .3s;transform:scaleY(1.67)}.rotator.is-paused,.rotator.is-paused .planet{animation-play-state:paused}.planet:hover{transform:scaleY(1.67) scale(1.1);box-shadow:0 0 0 2px var(--primary-red)}.planet__image{width:100%;height:100%;object-fit:cover;border-radius:50%}.project-info{position:absolute;bottom:110%;left:50%;transform:translate(-50%) scaleY(1.67) translateY(10px);background:none;border:none;width:240px;padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s;pointer-events:none}.project-info:before{content:"";position:absolute;width:350px;height:200px;top:50%;left:50%;z-index:1;background-image:radial-gradient(ellipse at 50% 50%,rgba(90,90,90,.5) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(80,80,80,.4) 0%,transparent 60%),radial-gradient(ellipse at 10% 20%,rgba(80,80,80,.4) 0%,transparent 60%);filter:blur(45px);border-radius:50%;animation:smoke-drift 15s ease-in-out infinite alternate}.planet:hover .project-info{opacity:1;visibility:visible;transform:translate(-50%) scaleY(1.67) translateY(0)}.project-info-header,.project-info p{position:relative;z-index:2;text-align:center;width:100%;padding:0 1rem;text-shadow:0px 0px 10px rgba(0,0,0,1)}.project-info-header{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem}.project-info h4{font-size:1.1rem;line-height:1.3;margin:0;color:var(--primary-red)}.project-info__link{font-size:1.6rem;color:var(--primary-text-color);transition:all .3s;pointer-events:auto;position:relative;z-index:2}.project-info__link:hover{color:var(--primary-red)}#orbit-1{width:100%;height:100%}#orbit-1 .rotator{animation-duration:50s;animation-delay:-25s}#planet-1{top:-50px;left:50%;margin-left:-50px;animation-duration:50s;animation-delay:-25s}#orbit-2{width:85%;height:85%}#orbit-2 .rotator{animation-duration:42s;animation-delay:-5s}#planet-2{top:-50px;left:50%;margin-left:-50px;animation-duration:42s;animation-delay:-5s}#orbit-3{width:70%;height:70%}#orbit-3 .rotator{animation-duration:35s;animation-delay:-30s}#planet-3{top:-50px;left:50%;margin-left:-50px;animation-duration:35s;animation-delay:-30s}#orbit-4{width:55%;height:55%}#orbit-4 .rotator{animation-duration:28s;animation-delay:-15s}#planet-4{top:-50px;left:50%;margin-left:-50px;animation-duration:28s;animation-delay:-15s}#contact.section{justify-content:center;padding-top:6rem;padding-bottom:1rem}.section__title{margin-bottom:2rem}#contact .contact__container{width:100%;display:flex;gap:2rem}#contact .contact__card{background-color:#222;border:1px solid #3a3a3a;border-radius:12px;padding:2.5rem;flex-basis:50%}.contact-info h3,.contact-form h3{font-size:1.5rem;color:var(--primary-text-color);margin-bottom:1.25rem}.contact-info p{color:var(--secondary-text-color);line-height:1.7;margin-bottom:2rem}.contact__list{display:flex;flex-direction:column;gap:1.5rem}.contact__list li{display:flex;align-items:center;gap:1rem;color:var(--secondary-text-color);font-size:1rem}.contact__list i{font-size:1.25rem;color:var(--primary-red)}.form__group{margin-bottom:1.25rem}.form__group label{display:block;margin-bottom:.5rem;color:var(--secondary-text-color);font-size:.9rem}.form__group input,.form__group textarea{width:100%;background-color:#1a1a1a;border:1px solid #444;color:var(--primary-text-color);padding:.8rem 1rem;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;transition:border-color .3s}.form__group input:focus,.form__group textarea:focus{outline:none;border-color:var(--primary-red)}textarea{resize:vertical}.form__button{width:100%;display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.9rem 2rem}.footer{width:100vw;margin-left:calc(-50vw + 50%);background-color:#0c0c0c;border-top:1px solid #2a2a2a;padding:2.5rem 0}.footer__container,.footer__bottom{max-width:1100px;margin:0 auto;padding:0 2rem}.footer__container{display:flex;justify-content:center;align-items:flex-start;gap:6rem;margin-bottom:2rem}.footer__column{text-align:left}.footer__column h4{font-size:1rem;font-weight:500;color:var(--primary-text-color);margin-bottom:1rem}.footer__links li{margin-bottom:.5rem}.footer__links a{font-size:.9rem;color:var(--secondary-text-color);transition:color .3s}.footer__links a:hover{color:var(--primary-red)}.footer__socials{display:flex;justify-content:flex-start;gap:1.5rem}.footer__social-link{font-size:1.25rem;color:var(--secondary-text-color);transition:color .3s,transform .3s}.footer__social-link:hover{color:var(--primary-red);transform:translateY(-2px)}.footer__bottom{border-top:1px solid #333333;padding-top:1.5rem;text-align:center;font-size:.8rem}@media (max-width: 992px){.nav__menu{display:none}}@media (max-width: 768px){html{scroll-snap-type:none}.container{padding:0 1.5rem}.section,.hero.main,.footer-wrapper{min-height:auto;padding:4rem 0}.section__title{font-size:2rem;margin-bottom:3rem}.nav__menu_desktop,.nav__socials{display:none}.nav__menu_mobile{display:block}.nav__toggle{display:block;font-size:1.5rem;color:var(--primary-text-color);background:transparent;border:none;cursor:pointer;z-index:1001;position:relative}.mobile-nav{display:flex;position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background-color:#1a1a1afa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center;text-align:center;transform:translateY(-150%);transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:1000}.header.nav-open .mobile-nav{transform:translate(0)}.mobile-nav__list li{margin-bottom:2rem}.mobile-nav__list a{font-size:1.5rem;font-weight:500;color:var(--primary-text-color)}.hero{flex-direction:column-reverse;text-align:center;gap:.5rem;justify-content:center}.hero__text-content{order:2;margin-bottom:12rem}.hero__image-content{order:1;margin-bottom:14rem}.hero__image-wrapper{width:220px;height:220px}.hero__name{font-size:2.5rem}.hero__subtitle{font-size:1.25rem}.about__container{flex-direction:column;text-align:left}.about__description{padding:0 1.5rem;flex-basis:100%;text-align:left}.about__education{display:none}.mobile-education-container{display:flex;flex-direction:column;width:100%;gap:1.5rem}.mobile-edu-card{background-color:transparent;height:140px;perspective:1000px;cursor:pointer}.mobile-edu-flipper{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.mobile-edu-flipper.is-flipped{transform:rotateY(180deg)}.mobile-edu-front,.mobile-edu-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;justify-content:center}.mobile-edu-front{background-color:var(--pill-bg);border:1px solid #3a3a3a;text-align:left}.mobile-edu-back{background-color:var(--pill-bg);border:1px solid var(--primary-red);transform:rotateY(180deg);text-align:left}.mobile-edu-back p{font-size:.95rem;color:var(--secondary-text-color)}.mobile-edu-back strong{color:var(--primary-text-color)}.mobile-edu-front h4{font-size:1.1rem;color:var(--primary-text-color);margin-bottom:.25rem}.mobile-edu-front .mobile-edu-date{font-size:.9rem;color:var(--primary-red);font-weight:500;display:block;margin-bottom:.75rem}.mobile-edu-front p{font-size:1rem;color:var(--secondary-text-color);line-height:1.5}.mobile-edu-card h4{font-size:1.1rem;color:var(--primary-text-color);margin-bottom:.25rem}.mobile-edu-date{font-size:.9rem;color:var(--primary-red);font-weight:500;margin-bottom:.75rem;display:block}.mobile-edu-card p{font-size:1rem;color:var(--secondary-text-color);line-height:1.5}.about__description,.about__education{flex-basis:100%;text-align:left}#projects{padding-top:4rem}.solar-system-container{display:none}.mobile-projects-container{display:flex;flex-direction:column;justify-content:center;gap:1.25rem;width:100%;height:100%}.mobile-project-card{width:90%;margin:0 auto;flex-grow:1;max-height:23%;background-color:var(--pill-bg);border:1px solid #3a3a3a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none}.mobile-project-card:hover{transform:translateY(-5px);border-color:var(--primary-red)}.mobile-card__image-container{flex-shrink:0;height:60%}.mobile-card__image-link{display:block;height:60%}.mobile-card__image{width:100%;height:100%;object-fit:cover}.mobile-card__content{padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-grow:1}.mobile-card__text{flex-grow:1;padding-right:1rem}.mobile-card__content h4{font-size:1.1rem;margin-bottom:.25rem}.mobile-card__content p{font-size:.85rem;line-height:1.4}.mobile-card__link{display:none}.mobile-card__actions{flex-shrink:0}.mobile-card__icon-link{font-size:1.75rem;color:var(--secondary-text-color);transition:color .3s}.mobile-card__icon-link:hover{color:var(--primary-red)}#contact{min-height:auto;padding-bottom:4rem}.contact__container{flex-direction:column}#contact.section{justify-content:center;padding-top:26rem;padding-bottom:2rem}.footer{padding:15rem 0 1.5rem;min-height:auto}.footer__container{flex-direction:row;justify-content:space-between;align-items:flex-start;text-align:left}.footer__column h4{margin-bottom:.75rem}.footer__socials{justify-content:flex-start}}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes revolve{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-revolve{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes smoke-drift{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-45%,-55%) rotate(180deg) scale(1.5)}}