body{margin:0;padding:0}.hero{background:linear-gradient(135deg,#121212,#1a1a1a);color:#fff;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(187,134,252,.1) 0%,transparent 70%);animation:pulse 15s infinite alternate}@keyframes pulse{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-title{font-size:8rem;line-height:1.2;margin-bottom:1.5rem}.name{display:block;color:#fff;font-weight:700;background:linear-gradient(90deg,#fff,#bb86fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.title{display:block;color:#bb86fc;font-weight:500;font-size:5rem;margin-top:.5rem}.hero-tagline{font-size:3rem;color:#b0b0b0;margin-bottom:2rem;position:relative;display:inline-block}.hero-tagline:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#bb86fc,#03dac6)}.hero-summary{margin:2rem 0}.hero-summary p{font-size:2.2rem;margin-bottom:.8rem;color:#d0d0d0;position:relative;padding-left:1.5rem}.hero-summary p:before{content:"▹";position:absolute;left:0;color:#bb86fc}.hero-cta{display:flex;justify-content:center;gap:4rem;margin-top:6rem;flex-wrap:wrap}.cta-button{font-size:1.5rem;background-color:#bb86fc;color:#121212;padding:.8rem 1.8rem;border-radius:4px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.cta-button:hover{background-color:#9a67ea;transform:translateY(-6px);box-shadow:0 10px 20px #bb86fc33}.cta-button.outline{background-color:transparent;color:#bb86fc;border:2px solid #bb86fc}.cta-button.outline:hover{background-color:#bb86fc1a;color:#fff}@media (max-width: 768px){.hero-cta{flex-direction:column;align-items:flex-start}.hero-summary p{font-size:2rem}}@media (max-width: 480px){.hero-container{padding:1.5rem}.hero-title{margin-bottom:1rem}.hero-tagline{margin-bottom:1.5rem}}.hero-all-skills{margin-top:3rem;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;width:100%}.hero-skills-used,.hero-skills-learn{flex:1 1 45%;min-width:300px;padding:1.5rem;border-radius:.75rem;background:#ffffff0d}.hero-skills-used h3,.hero-skills-learn h3{text-align:center;font-size:1.5rem;margin-bottom:1.5rem;color:#bb86fc}.hero-skill-category{display:flex;flex-direction:column;gap:1rem;width:100%}.hero-skill-category h4{font-size:1.1rem;margin-bottom:.5rem;color:#03dac6;text-align:center}.hero-skill-icons{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center}.hero-skill-icon{background:#ffffff14;border-radius:.5rem;padding:.4rem;display:flex;align-items:center;transition:transform .2s,box-shadow .2s;cursor:pointer}.hero-skill-icon:hover{transform:translateY(-4px) scale(1.2);box-shadow:0 4px 10px #bb86fc4d}.hero-skill-icon img{display:block;height:30px;width:30px}@media (max-width: 768px){.hero-all-skills{flex-direction:column;gap:1.5rem}.hero-skills-used,.hero-skills-learn{min-width:auto;flex:none;width:100%;padding:1rem}.hero-skills-used h3,.hero-skills-learn h3{font-size:1.3rem;margin-bottom:1rem}.hero-skill-category h4{font-size:1rem;margin-bottom:.3rem}.hero-skill-icons{gap:.6rem}.hero-skill-icon img{height:24px;width:24px}}.about-section{background-color:#121212;color:#e0e0e0;padding:4rem 2rem;min-height:100vh;display:flex;align-items:center}.about-content{max-width:90%;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.profile-image{width:100%;max-width:400px;border-radius:50%;box-shadow:0 0 20px #fff;aspect-ratio:1/1;object-fit:cover;justify-self:center}.heading{color:#fff;font-size:5rem;margin-bottom:1.5rem;position:relative;display:inline-block;margin:10% auto 0}.heading:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#bb86fc,#03dac6);border-radius:2px}.text-content{line-height:1.8;font-size:2.2rem}.text-content p{margin-bottom:1.2rem}.text-content p:hover{text-shadow:0px 0px 40px #eeff00}.highlight{color:#bb86fc;font-weight:500;transition:all .3s ease}.highlight:hover{color:#03dac6;text-shadow:0 0 8px rgba(3,218,198,.3)}.intro{font-size:2.4rem;font-weight:500}.hobbies{margin-top:2rem;font-style:italic;color:var(--secondary-text)}@media (max-width: 900px){.about-content{grid-template-columns:1fr;gap:2rem;text-align:center}.heading:after{left:50%;transform:translate(-50%)}.profile-image{max-width:200px}}@media (max-width: 480px){.text-content{font-size:1rem}}.projects-grid-container{background-color:#121212;color:#e0e0e0;padding:2rem;min-height:100vh}.projects-grid-container h2{color:#fff;text-align:center;margin-bottom:4rem;font-size:4rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;justify-content:center;align-items:start;max-width:1200px;margin:0 auto}.project-card{background-color:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d;transition:all .3s ease;border:1px solid #333}.project-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #ffffff80}.project-card.expanded{grid-column:1 / -1}.card-content{padding:1.5rem}.project-card h3{color:#bb86fc;margin-bottom:1rem;font-size:2rem}.project-description{font-size:1rem;color:#b0b0b0;margin-bottom:1.5rem;line-height:1.6}.toogle-details{font-size:1rem;background-color:#bb86fc;color:#121212;border:none;padding:.5rem;border-radius:4px;cursor:pointer;font-weight:bolder;transition:background-color .2s;margin-top:1.5rem}.toogle-details:hover{background-color:#9a67ea}.additional-details{font-size:1rem;font-weight:700;padding:1.5rem 1.2rem 1.2rem;margin-top:1.5rem;border-top:1px solid #333}.section-label{color:#bb86fc;font-weight:600;margin-bottom:2rem;display:block}.tags-group{margin-bottom:1rem}.tag{display:inline-block;background-color:#3700b3;color:#fff;padding:.3rem .6rem;border-radius:4px;margin-right:1rem;margin-bottom:1rem;font-size:.8rem;font-weight:700;transition:background-color .2s}.tag:hover{background-color:#6200ee}.tech{display:inline-block;background-color:#03dac6;font-weight:bolder;color:#000;padding:.3rem .6rem;border-radius:4px;margin-right:.5rem;margin-bottom:.5rem;font-size:.8rem}.project-links{display:flex;gap:1rem;margin:1rem 0}.project-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#2a2a2a;color:#fff;text-decoration:none;border-radius:4px;transition:all .3s ease}.project-link:hover{background-color:#3a3a3a;transform:translateY(-3px)}.link-icon{font-size:1.2rem}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.project-card{min-width:none}.project-card.expanded{grid-column:auto}}.contact-section{background-color:#121212;color:#e0e0e0;padding:4rem 2rem;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-section h2{color:#fff;font-size:3rem;margin-bottom:2rem;text-align:center}.contact-methods{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-top:2rem}.contact-card{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:2rem 2.5rem;display:flex;align-items:center;gap:1.5rem;min-width:260px;transition:box-shadow .3s,transform .3s;border:1px solid #333}.contact-card:hover{box-shadow:0 8px 24px #bb86fc33;transform:translateY(-4px) scale(1.03)}.contact-icon{font-size:2.5rem;color:#bb86fc;background:#232323;border-radius:50%;padding:.5rem;transition:background .3s,color .3s;display:flex;align-items:center;justify-content:center}.contact-card:hover .contact-icon{color:#03dac6;background:#1a1a1a}.contact-info{display:flex;flex-direction:column}.contact-label{font-size:1.1rem;color:#bb86fc;font-weight:600;margin-bottom:.2rem}.contact-link{color:#e0e0e0;font-size:1.2rem;text-decoration:none;transition:color .2s;word-break:break-all}.contact-link:hover{color:#03dac6;text-decoration:underline}@media (max-width: 900px){.contact-methods{flex-direction:column;align-items:center;gap:2rem}.contact-card{min-width:200px;width:100%;justify-content:flex-start}}@media (max-width: 480px){.contact-section{padding:2rem .5rem}.contact-card{padding:1.2rem 1rem}.contact-section h2{font-size:2rem}}.skills-section{margin-top:3rem;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;width:100%}.skills-container{flex:1 1 45%;min-width:300px;padding:1.5rem;border-radius:.75rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.skills-container:hover{transform:translateY(-5px);box-shadow:0 8px 20px #bb86fc33}.skills-container h3{text-align:center;font-size:1.5rem;margin-bottom:1.5rem;color:#bb86fc;font-weight:600}.skill-category{display:flex;flex-direction:column;gap:1rem;width:100%;margin-bottom:1.5rem}.skill-category h4{font-size:1.1rem;margin-bottom:.5rem;color:#03dac6;text-align:center;font-weight:500}.skill-icons{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:center}.skill-icon{background:#ffffff14;border-radius:.5rem;padding:.4rem;display:flex;align-items:center;transition:all .3s ease;cursor:pointer;position:relative}.skill-icon:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 4px 10px #bb86fc4d;background:#bb86fc1a}.skill-icon img{display:block;height:48px;width:48px;object-fit:contain}.skill-icon:after{content:attr(title);position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;opacity:0;transition:opacity .3s ease;pointer-events:none;white-space:nowrap}.skill-icon:hover:after{opacity:1}@media (max-width: 768px){.skills-section{flex-direction:column;gap:1.5rem}.skills-container{min-width:auto}.skill-icons{gap:.6rem}.skill-icon img{height:25px;width:25px}}.shine-text{background:linear-gradient(90deg,#fff 10%,#bb86fc 40%,#03dac6 60%,#fff 90%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 4s linear infinite;font-weight:700;position:relative}@keyframes shine{0%{background-position:200% center}to{background-position:0% center}}.skills-sections-wrapper{display:flex;gap:4rem;width:100%;justify-content:center;align-items:flex-start}.skills-main-section,.skills-learn-section{flex:1 1 0;min-width:280px;max-width:600px;width:100%;background:#ffffff03;border-radius:1rem;padding:2rem 1.5rem;box-shadow:0 2px 12px #00000008}.skills-main-section{border-right:2px solid #bb86fc22}.skills-learn-section{border-left:2px solid #03dac622}@media (max-width: 1100px){.skills-sections-wrapper{flex-direction:column;gap:2.5rem;align-items:stretch}.skills-main-section,.skills-learn-section{max-width:100%;border:none;box-shadow:none;padding:1.5rem .5rem}}