.portfolio-button{margin-top:30px;display:inline-block;padding:12px 24px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(90deg,#5a5afa,#1e90ff);border:none;border-radius:50px;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.2);font-family:var(--font-secondary)}.portfolio-button:hover{transform:scale(1.1);box-shadow:0 6px 15px rgba(0,0,0,.3);background:linear-gradient(90deg,#1e90ff,#5a5afa)}.hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero .overlay{position:relative;z-index:3;text-align:center;color:#fff;padding:0 20px}.hero .title1{font-weight:300;font-family:var(--font-secondary);opacity:.8}.hero .title1,.hero .title2{font-size:4rem;margin:0;line-height:1.2;text-align:left}.hero .title2{font-weight:700;font-family:var(--font-primary)}.hero .subtitle{font-size:1.5rem;margin-top:10px;opacity:.8;font-family:var(--font-secondary)}.bg-hero{z-index:1;background:radial-gradient(ellipse at bottom,#101822 0,#050507 100%)}.bg-hero,.solar-system{position:absolute;top:0;left:0;width:100%;height:100%}.solar-system{z-index:2;overflow:hidden;transform:translateX(20%)}.planet{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c9e8ff,#4b6cb7 80%);box-shadow:0 0 40px rgba(0,190,255,.2);top:50%;left:50%;transform:translate(-50%,-50%);animation:rotatePlanet 25s linear infinite}@keyframes rotatePlanet{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.orbit{position:absolute;border:1px dashed hsla(0,0%,100%,.1);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-1{width:300px;height:300px}.orbit-2{width:400px;height:400px}.orbit-3{width:500px;height:500px}.orbit-4{width:600px;height:600px}.moon{position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;top:50%;left:50%}.moon-1{animation:orbitMoon1 4s linear infinite}.moon-2{animation:orbitMoon2 6s linear infinite;background-color:#ffe680}.moon-3{animation:orbitMoon3 8s linear infinite;background-color:#ffccc7}@keyframes orbitMoon1{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(130px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(130px) rotate(-1turn)}}@keyframes orbitMoon2{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(170px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(170px) rotate(-1turn)}}@keyframes orbitMoon3{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(210px) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn) translateX(210px) rotate(-1turn)}}.projects-section{background-color:var(--background-light);padding:60px 20px;display:flex;flex-direction:column;align-items:center}.projects-content{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;align-items:center;gap:20px}.heading{font-size:2.5rem;margin-bottom:40px;color:#fff}.masonry-container{column-count:2;column-gap:2rem;max-width:1200px;margin:auto}.masonry-card{display:inline-block;min-width:200px;width:100%;margin-bottom:6rem;overflow:visible;text-align:left;vertical-align:top;justify-content:flex-start}.project-image{width:100%;height:auto;display:block;object-fit:cover}.card-title{font-size:1.5rem;margin-top:1rem;color:#fff}.card-description,.card-title{font-family:var(--font-secondary)}.card-description{font-size:1rem;line-height:1.5;margin-top:.75rem;color:#bdbdbd}.card-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:.75rem}.card-tag{background-color:#2a2a2a;color:#fff;padding:6px 12px;border-radius:4px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;line-height:1.5}@media (max-width:768px){.masonry-container{column-count:1;column-gap:0}}.link-button{text-decoration:none;margin-top:2rem;display:flex;justify-content:flex-start;align-items:center;opacity:.8;font-family:var(--font-secondary)}.link-button:hover{opacity:1}.button-wrapper{width:40%}.link-button-icon{margin-left:.5rem}.title{position:relative;left:1rem;font-family:var(--font-primary);font-size:2.5rem;font-weight:600;margin-bottom:20px}.title.with-before:before{content:"";position:absolute;left:-1rem;top:0;width:4px;height:100%;background:var(--text-gradient)}.about-container{background-color:var(--background-light);color:#fff;padding:60px 20px;display:flex;flex-direction:column;align-items:center}.about-content{display:flex;flex-wrap:wrap;max-width:1200px;margin:0 auto;align-items:center;gap:20px}.about-text{flex:1 1;max-width:600px;padding:20px}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;width:100%;max-width:1200px;margin-top:40px;align-items:start}.technologies,.work-places{display:flex;flex-direction:column;align-items:center}.technologies h3,.work-places h3{font-size:1.5rem;margin-bottom:20px;color:#fff}.icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));grid-gap:20px;gap:20px;justify-content:center}.icons svg{font-size:2.5rem;color:#5a5afa}.places{display:flex;flex-direction:column;gap:20px}.places img{width:150px;height:auto;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}.places img:hover{filter:grayscale(0)}@media (max-width:768px){.about-grid{grid-template-columns:1fr}.icons{grid-template-columns:repeat(3,1fr)}}.img-wrap{position:relative;padding:40px}.img-wrap:after{content:"";border-radius:999px;display:block;position:absolute;top:0;left:0;height:100%;width:100%;background:conic-gradient(from 30deg,#5a5afa,#1e90ff var(--distance,46%),transparent var(--distance,46%));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--border, 3px)),#fff calc(100% - var(--border, 3px) + 1px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--border, 3px)),#fff calc(100% - var(--border, 3px) + 1px))}.img-wrap img{border-radius:400px;display:block;width:100%;max-width:360px;height:auto}.description{font-size:1.2rem;line-height:1.8;margin-bottom:20px;color:#d3d3d3;font-family:var(--font-secondary)}.work-experience-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:100px;padding:80px;max-width:1200px;margin:0 auto}.technologies-section,.workplaces-section{flex:1 1;max-width:48%;text-align:center}.section-title{font-size:1.8rem;margin-bottom:3rem;color:#fff;text-align:left;font-family:Poppins,sans-serif;font-weight:600}.technologies-icons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px;gap:40px;justify-content:center;align-items:center}.technologies-icons svg{font-size:3rem;color:#5a5afa;transition:transform .3s ease,color .3s ease}.technologies-icons svg:hover{transform:scale(1.1);color:#1e90ff}.workplaces-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;justify-items:center}.workplace{display:flex;flex-direction:column;align-items:center;text-align:center;width:200px;height:250px;justify-content:center;background-color:hsla(0,0%,100%,.01);border-radius:10px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:transform .3s ease;font-family:var(--font-secondary)}.workplace:hover{transform:scale(1.05)}.workplace img{width:100px;height:100px;object-fit:contain;transition:filter .3s ease}.workplace img:hover{filter:grayscale(0)}.workplace p{margin-top:10px;font-size:1rem;color:#d3d3d3;text-align:center}@media (max-width:768px){.work-experience-container{flex-direction:column;align-items:center}.technologies-section,.workplaces-section{max-width:100%;text-align:center}.technologies-icons{grid-template-columns:repeat(3,1fr);gap:20px;justify-content:center;padding:0 20px}.technologies-icons svg{margin:0 auto}.workplaces-list{grid-template-columns:1fr;justify-items:center}}.secondary-title{font-size:1.8rem;margin-bottom:2.5rem;color:#fff;text-align:left;font-family:var(--font-primary);font-weight:600}.contact-container{padding:40px;background-color:#0a0a0a;color:#fff;text-align:center}.contact-content{max-width:800px;margin:0 auto}.contact-title{font-size:2rem;font-weight:700;margin-bottom:20px;color:#fff}.contact-description{font-size:1.2rem;margin-bottom:30px;color:#d3d3d3}.contact-form{display:flex;flex-direction:column;gap:20px}.form-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.form-group{display:flex;flex-direction:column}.message-group{grid-column:span 2}.form-group label{font-size:1rem;margin-bottom:.75rem;text-align:left;font-family:var(--font-secondary)}.form-group input,.form-group textarea{width:100%;padding:10px;font-size:1rem;border:1px solid #cccccc22;background-color:#121212;border-radius:5px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;font-family:var(--font-secondary);color:#fff}.form-group input:focus,.form-group textarea:focus{position:relative;border-color:#007bff}.form-group input:focus:before,.form-group textarea:focus:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#5a5afa,#1e90ff);filter:blur(8px);z-index:-1}textarea{resize:none;height:150px}.button-container{display:flex;justify-content:flex-end}@media (max-width:768px){.form-columns{grid-template-columns:1fr}.message-group{grid-column:span 1}.button-container{justify-content:center}}.toast-container{font-family:var(--font-secondary)}.error-text{color:#f44336;font-size:.875rem;margin-top:.5rem;text-align:right}