:root{--space-dark: #0d1117;--space-card: #161b22;--space-card-hover: #1c2129;--space-border: #30363d;--space-subtle: #21262d;--space-input: #0d1117;--space-light: #f0f6fc;--space-muted: #8b949e;--space-accent: #58a6ff;--space-accent-hover: #388bfd;--space-accent-secondary: #bc8cff;--light-bg: #f8f9fa;--light-card: #ffffff;--light-text: #212529;--light-muted: #6c757d;--light-border: #dee2e6;--light-accent: #7c3aed;--light-accent-hover: #6d28d9;--transition-speed: .5s;--border-radius: .5rem;--border-radius-md: .75rem}*{margin:0;padding:0;box-sizing:border-box}.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:absolute;left:6px;top:7px;width:auto;height:auto;overflow:visible;background-color:var(--light-card);color:var(--light-text);padding:8px 16px;border-radius:4px;text-decoration:none;z-index:1000;box-shadow:0 2px 8px #0000001a}body.dark-mode .skip-link:focus{background-color:var(--space-card);color:var(--space-light)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden;background-color:var(--light-bg);color:var(--light-text);transition:background-color var(--transition-speed),color var(--transition-speed)}body.dark-mode{background-color:var(--space-dark);color:var(--space-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.2}h1{font-size:3rem}h2{font-size:2.5rem;text-align:center;margin-bottom:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.space-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.2;transition:opacity var(--transition-speed)}body.dark-mode .space-background{opacity:1}.stars-container{position:fixed;width:100%;height:100%;overflow:hidden}.stars,.stars2,.stars3{position:absolute;inset:0;width:100%;height:100%;display:block;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#fff,#0000),radial-gradient(1px 1px at 230px 190px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;animation:stars-animation 100s linear infinite;transform-origin:0 0}.stars2{background-image:radial-gradient(1px 1px at 25px 35px,#fff,#0000),radial-gradient(1px 1px at 50px 80px,#fff,#0000),radial-gradient(1px 1px at 100px 50px,#fff,#0000),radial-gradient(1px 1px at 170px 130px,#fff,#0000),radial-gradient(1px 1px at 240px 200px,#fff,#0000);background-size:300px 300px;animation:stars-animation 150s linear infinite}.stars3{background-image:radial-gradient(1px 1px at 30px 40px,#fff,#0000),radial-gradient(1px 1px at 60px 90px,#fff,#0000),radial-gradient(1px 1px at 110px 60px,#fff,#0000),radial-gradient(1px 1px at 180px 140px,#fff,#0000),radial-gradient(1px 1px at 250px 210px,#fff,#0000);background-size:400px 400px;animation:stars-animation 200s linear infinite}@keyframes stars-animation{0%{transform:rotate(0) translateZ(0)}to{transform:rotate(180deg) translateZ(0)}}.space-nebula{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 35%,rgba(88,166,255,.05) 0%,transparent 45%),radial-gradient(circle at 75% 44%,rgba(188,140,255,.05) 0%,transparent 40%),radial-gradient(circle at 46% 52%,rgba(58,106,255,.04) 0%,transparent 35%),radial-gradient(circle at 60% 75%,rgba(58,166,255,.03) 0%,transparent 30%);opacity:0;transition:opacity var(--transition-speed)}body.dark-mode .space-nebula{opacity:1}.planet{position:absolute;border-radius:50%;opacity:.5;transition:opacity var(--transition-speed),filter var(--transition-speed)}body.dark-mode .planet{opacity:.9;filter:brightness(1.2)}.planet-1{width:120px;height:120px;background-color:#ff6b6b;box-shadow:0 0 40px #ff6b6b66;left:50%;top:50%}.planet-2{width:80px;height:80px;background-color:#4ecdc4;box-shadow:0 0 30px #4ecdc466;left:50%;top:50%}.planet-3{width:150px;height:150px;background-color:#ffd166;box-shadow:0 0 50px #ffd16666;left:50%;top:50%}nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background-color var(--transition-speed),border-color var(--transition-speed)}nav.scrolled{background-color:#f8f9fae6;backdrop-filter:10px;box-shadow:0 2px 10px #0000001a}body.dark-mode nav.scrolled{background-color:#0d1117e6;backdrop-filter:blur(10px);border-bottom:1px solid var(--space-border);box-shadow:none}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.5rem;font-weight:700}.logo .accent{background:linear-gradient(to right,#7c3aed,#ec4899);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:none;list-style:none;padding:0;margin:0}.nav-link,.mobile-nav-link{background:none;border:none;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:var(--light-muted);cursor:pointer;transition:color var(--transition-speed);padding:.5rem}body.dark-mode .nav-link,body.dark-mode .mobile-nav-link{color:var(--space-muted)}.nav-link:hover,.mobile-nav-link:hover{color:var(--light-text)}body.dark-mode .nav-link:hover,body.dark-mode .mobile-nav-link:hover{color:var(--space-light)}.nav-link.active,.mobile-nav-link.active{color:var(--light-accent)}body.dark-mode .nav-link.active,body.dark-mode .mobile-nav-link.active{color:var(--space-accent)}.mobile-nav{display:flex;align-items:center}#mobile-menu-btn{background:none;border:none;font-size:1.25rem;color:var(--light-text);cursor:pointer;margin-left:.5rem}body.dark-mode #mobile-menu-btn{color:var(--space-light)}#mobile-menu{background-color:var(--light-bg);transition:background-color var(--transition-speed)}body.dark-mode #mobile-menu{background-color:var(--space-dark);border-top:1px solid var(--space-border)}.mobile-menu-links{display:flex;flex-direction:column;padding:.5rem 1rem 1rem;list-style:none;margin:0}.mobile-nav-link{text-align:left;padding:.75rem 1rem;border-radius:var(--border-radius);margin-bottom:.25rem}.mobile-nav-link.active{background-color:var(--light-accent);color:#fff}body.dark-mode .mobile-nav-link.active{background-color:var(--space-accent);color:#fff}.hidden{display:none}#dark-mode-toggle,#dark-mode-toggle-mobile{position:relative;background-color:var(--light-bg);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:background-color var(--transition-speed)}body.dark-mode #dark-mode-toggle,body.dark-mode #dark-mode-toggle-mobile{background-color:#58a6ff33;color:var(--space-accent)}#dark-mode-toggle i,#dark-mode-toggle-mobile i{font-size:1.25rem;color:var(--light-text);transition:transform var(--transition-speed),color var(--transition-speed)}body.dark-mode #dark-mode-toggle i,body.dark-mode #dark-mode-toggle-mobile i{color:var(--space-accent)}.stars-micro{position:absolute;inset:0;opacity:0;transition:opacity var(--transition-speed)}body.dark-mode .stars-micro{opacity:.3}.stars-micro{width:100%;height:100%;background-image:radial-gradient(1px 1px at 10px 10px,#fff,#0000),radial-gradient(1px 1px at 20px 20px,#fff,#0000),radial-gradient(1px 1px at 30px 5px,#fff,#0000),radial-gradient(1px 1px at 5px 25px,#fff,#0000);background-repeat:repeat;background-size:40px 40px;animation:stars-animation 60s linear infinite}.section{min-height:100vh;padding:5rem 0;display:flex;align-items:center}#home{text-align:center}.profile-image{margin:auto auto 15px;width:200px;height:200px;border-radius:50%;border:4px solid #2e2e2e;object-fit:cover;display:block}.hero-content{max-width:800px;margin:0 auto}.hero-content h1{margin-bottom:1.5rem}.hero-content h1 span{display:block}.gradient-text{background:linear-gradient(to right,#a78bfa,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:.5rem}.hero-content p{font-size:1.25rem;color:var(--light-muted);max-width:600px;margin:0 auto 2rem}body.dark-mode .hero-content p{color:var(--space-muted)}.scroll-indicator{margin-top:4rem;animation:bounce 2s infinite}.scroll-indicator i{font-size:2rem;color:var(--light-accent);transition:color var(--transition-speed)}body.dark-mode .scroll-indicator i{color:var(--space-accent)}.scroll-indicator i:hover{color:var(--light-accent-hover)}body.dark-mode .scroll-indicator i:hover{color:var(--space-accent-hover)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.card{background-color:var(--light-card);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:background-color var(--transition-speed),transform .3s,box-shadow .3s}body.dark-mode .card{background-color:var(--space-card);border:1px solid var(--space-border);box-shadow:0 4px 15px #0003}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}body.dark-mode .card:hover{background-color:var(--space-card-hover);box-shadow:0 10px 25px #0000004d}.about-grid{display:grid;grid-template-columns:1fr;gap:2rem;opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s}.about-grid.visible{opacity:1;transform:translateY(0)}.details-list{list-style:none}.details-list li{display:flex;align-items:center;margin-bottom:.75rem}.details-list .icon{font-size:1.5rem;margin-right:1rem}.details-list .label{font-weight:500;color:var(--light-muted);margin-right:.5rem}body.dark-mode .details-list .label{color:var(--space-muted)}.details-list .value{color:var(--light-text)}body.dark-mode .details-list .value{color:var(--space-light)}.skills-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.skill-card{background-color:var(--light-card);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:background-color var(--transition-speed),transform .7s,opacity .7s;opacity:0;transform:translateY(20px)}body.dark-mode .skill-card{background-color:var(--space-card);border:1px solid var(--space-border)}.skill-card.visible{opacity:1;transform:translateY(0)}.skill-card:hover{background-color:var(--light-card);transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}body.dark-mode .skill-card:hover{background-color:var(--space-card-hover)}.skill-header{display:flex;align-items:center;margin-bottom:1rem}.skill-icon{font-size:2rem;margin-right:1rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:hidden}.skill-icon img{width:2rem;height:2rem;object-fit:contain}.skill-bar-container{width:100%;height:.75rem;background-color:var(--light-border);border-radius:1rem;overflow:hidden;margin-bottom:.5rem}body.dark-mode .skill-bar-container{background-color:var(--space-subtle)}.skill-bar{height:100%;width:0;border-radius:1rem;background:linear-gradient(to right,var(--light-accent),#ec4899);transition:width 1s ease-out}body.dark-mode .skill-bar{background:linear-gradient(to right,var(--space-accent),var(--space-accent-secondary))}.skill-level{text-align:right;font-size:.875rem;font-weight:500;color:var(--light-muted)}body.dark-mode .skill-level{color:var(--space-muted)}.experience-grid{display:grid;grid-template-columns:1fr;gap:2rem}.experience-card{background-color:var(--light-card);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:background-color var(--transition-speed),transform .7s,opacity .7s;opacity:0;transform:translateY(20px)}body.dark-mode .experience-card{background-color:var(--space-card);border:1px solid var(--space-border)}.experience-card.visible{opacity:1;transform:translateY(0)}.experience-header{display:flex;align-items:center;margin-bottom:1rem}.experience-icon{font-size:2rem;margin-right:1rem}.experience-summary{text-align:center;max-width:800px;margin:3rem auto 0;opacity:0;transform:translateY(10px);transition:opacity .7s,transform .7s;transition-delay:.4s}.experience-summary.visible{opacity:1;transform:translateY(0)}.experience-summary p{font-size:1.125rem}.Cert{margin-left:auto;margin-right:auto;text-align:center;padding:20px}.Cert img{max-width:100%;height:auto}@media (max-width: 599px){.skills-grid .skill-card:nth-last-child(-n+4){display:none}}@media (min-width: 600px){.Cert img{background:#e8e8e8;padding:15px 15px 40px;border:1px solid #666;box-shadow:0 5px 25px #0006;transform:rotate(2deg);filter:brightness(80%) contrast(90%);transition:transform .3s ease,filter .3s ease}.Cert img:hover{transform:rotate(0) scale(1.05);filter:blur(0px) brightness(90%) contrast(90%)}}.contact-container{display:flex;justify-content:center;width:100%;padding:2rem 0}.contact-card{background:var(--space-card);border-radius:12px;padding:2.5rem 3rem;width:100%;max-width:1000px;box-shadow:0 10px 30px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000040}.contact-title{color:var(--space-accent);font-size:1.8rem;margin-bottom:2rem;text-align:center;position:relative;padding-bottom:1rem}.contact-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--space-accent);border-radius:3px}.contact-info{display:flex;flex-direction:column;gap:1.5rem;margin:2.5rem 0}.contact-item{display:flex;align-items:center;justify-content:center;gap:1rem;transition:transform .2s ease}.contact-item:hover{transform:translate(5px)}.contact-icon{font-size:1.5rem;color:var(--space-accent);width:2.5rem;text-align:center}.contact-link{color:var(--space-light);text-decoration:none;font-size:1.2rem;transition:color .2s ease}.contact-link:hover{color:var(--space-accent);text-decoration:underline}.contact-note{color:var(--space-muted);font-style:italic;margin-top:2.5rem;font-size:1.1rem;line-height:1.6;max-width:100%;padding:0 1rem}@media (max-width: 768px){.contact-note{font-size:.95rem}}body:not(.dark-mode) .contact-card{background:var(--light-card);box-shadow:0 10px 30px #0000001a}body:not(.dark-mode) .contact-link{color:var(--light-text)}body:not(.dark-mode) .contact-link:hover{color:var(--light-accent)}body:not(.dark-mode) .contact-icon{color:var(--light-accent)}footer{background-color:var(--light-bg);padding:1.5rem 0;text-align:center;transition:background-color var(--transition-speed)}body.dark-mode footer{background-color:var(--space-subtle)}footer p{color:var(--light-muted);margin-bottom:0}body.dark-mode footer p{color:var(--space-muted)}.contact-links{display:grid;gap:2rem;grid-template-columns:1fr;align-items:start}.contact-info-group{width:100%;display:flex;justify-content:center;margin:1rem 0}.contact-info-group .details-list{list-style:none;padding:0;margin:0;width:100%;max-width:500px}.contact-info-group .details-list li{display:flex;align-items:flex-start;margin-bottom:1rem;min-height:2.5rem}.contact-info-group .details-list li:last-child{margin-bottom:0}.contact-info-group .icon{font-size:1.5rem;margin-right:1rem;width:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.contact-info-group .label{font-weight:500;color:var(--light-muted);margin-right:.5rem;width:4rem;flex-shrink:0}body.dark-mode .contact-info-group .label{color:var(--space-muted)}.contact-info-group .value{color:var(--light-text);flex:1}body.dark-mode .contact-info-group .value{color:var(--space-light)}@media (min-width: 768px){.contact-links{grid-template-columns:repeat(2,1fr);gap:2rem;align-items:start}}@media (min-width: 1024px){.contact-links{gap:3rem}}@media (min-width: 768px){h1{font-size:4rem}.nav-links{display:flex;align-items:center;gap:2rem}.mobile-nav{display:none}.about-grid{grid-template-columns:1fr 1fr}.skills-grid,.experience-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.github-link{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background-color:#24292e;color:#fff;border-radius:var(--border-radius-md);transition:all var(--transition-normal);text-decoration:none;font-size:.9em}.github-link:hover{background-color:#2c3238;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.github-link i{font-size:1.1em}.dark-mode .github-link{background-color:#2c3238}.dark-mode .github-link:hover{background-color:#373e47}.details-list li .icon .fa-github{font-size:1.2em;color:#24292e}.dark-mode .details-list li .icon .fa-github{color:#fff}
