.page.home-page{width:100vw;max-width:none;margin:0 auto;background-color:var(--dark-mode)}.dark-mode .page.home-page{background-color:var(--light-mode)}.home-header{text-align:center;margin-bottom:40px;margin-top:128px;position:relative}.home-header h1{font-size:2.5rem;color:#ffffff;margin-bottom:10px}.home-header p{font-size:1.1rem;color:#d9d9d9;line-height:1.6;max-width:800px;margin:0 auto}.about-section{padding:80px 0;background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(255,255,255,.02));border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:radial-gradient(ellipse at center,rgba(99,102,241,.1) 0,transparent 70%);animation:float 20s ease-in-out infinite;z-index:0}.about-section>*{position:relative;z-index:1}.skills-section{padding:80px 0;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(99,102,241,.05));position:relative;overflow:hidden}.skills-section:before{content:"";position:absolute;top:0;right:-50%;width:200%;height:100%;background:radial-gradient(ellipse at center,rgba(16,185,129,.1) 0,transparent 70%);animation:float 25s ease-in-out infinite reverse;z-index:0}.skills-section>*{position:relative;z-index:1}.dark-mode .about-section{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.02));border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.dark-mode .skills-section{background:linear-gradient(135deg,rgba(16,185,129,.03),rgba(99,102,241,.03))}@keyframes float{0%,to{transform:translateX(-20px) translateY(-10px)}50%{transform:translateX(20px) translateY(10px)}}@media (max-width:768px){.home-header h1{font-size:2rem}.home-header p{font-size:1rem}.about-section,.skills-section{padding:60px 0}.about-section:before,.skills-section:before{width:150%;left:-25%;right:-25%}}