body,html{margin:0;padding:0;background:#0a0a0a;color:#fff;font-family:Poppins,sans-serif;overflow-x:hidden}:root{--accent1: #7c3aed;--accent2: #06b6d4;--glow: rgba(6,182,212,.12);--card-sheen: linear-gradient(135deg, rgba(255,255,255,.03), rgba(255,255,255,0))}.portfolio-container{min-height:100vh;background:#0a0a0a;position:relative}.terminal-splash{position:fixed;inset:0;background:#000;color:#0f0;font-family:Courier New,monospace;display:flex;align-items:center;justify-content:center;z-index:200}.terminal-box{padding:2rem;border:2px solid #0f0;border-radius:10px;background:#000000d9;box-shadow:0 0 20px #0f0;font-size:1.2rem;line-height:1.6}.navbar{position:fixed;top:0;left:0;right:0;height:60px;background:#000000b3;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar .brand{font-weight:700;font-size:1.5rem;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-move 4s infinite alternate}.navbar .menu{display:flex;gap:1.2rem}.navbar .menu button{background:none;border:none;margin-left:1.2rem;font-size:1rem;cursor:pointer;color:#ccc;transition:color .3s;text-transform:capitalize;padding:.5rem 1rem;border-radius:5px}.navbar .menu button.active,.navbar .menu button:hover{color:#fff;background:#7c3aed33}.section{padding:6rem 2rem;position:relative;min-height:100vh}.section:not(.projects){background-image:radial-gradient(circle at 10% 10%,rgba(124,58,237,.04),transparent 6%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.03),transparent 10%);background-repeat:no-repeat}.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-move 4s infinite alternate}@keyframes gradient-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;background:transparent}.hero-content{z-index:2}.profile-img{width:160px;height:160px;border-radius:50%;border:3px solid #7c3aed;margin-bottom:1rem;object-fit:cover}.gradient-text{background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-move 4s infinite alternate;font-size:3rem;font-weight:700;margin-bottom:.5rem}.hero-title{font-size:1.5rem;margin-top:.5rem;color:#ccc}.hero-subtitle{font-size:1.1rem;color:#aaa;margin-bottom:2rem}.stats{display:flex;gap:2rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:10px;text-align:center;min-width:120px;transition:transform .3s}.stat:hover{transform:translateY(-5px)}.stat-value{font-size:2rem;font-weight:700;color:#7c3aed;margin-bottom:.5rem}.stat-label{color:#ccc;font-size:.9rem}.actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.actions button{padding:1rem 2rem;border-radius:5px;border:none;font-weight:600;cursor:pointer;transition:all .3s;font-size:1rem}.actions .primary{background:linear-gradient(90deg,#7c3aed,#06b6d4);color:#fff}.actions .primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #7c3aed66}.actions .secondary{background:transparent;color:#7c3aed;border:2px solid #7c3aed}.actions .secondary:hover{background:#7c3aed;color:#fff;transform:translateY(-2px)}.about-container{max-width:1200px;margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-image-wrapper{position:relative;border-radius:15px;overflow:hidden;border:2px solid rgba(124,58,237,.3)}.about-image-wrapper:after,.education-image-wrapper:after,.projects-img-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000d,#00000040);pointer-events:none}.about-image{width:100%;height:400px;object-fit:cover;transition:transform .3s}.about-image-wrapper:hover .about-image{transform:scale(1.05)}.about-location-icon{position:absolute;bottom:1rem;right:1rem;background:linear-gradient(90deg,#7c3aed,#06b6d4);padding:.5rem;border-radius:50%}.about-hello{font-size:2rem;color:#7c3aed;margin-bottom:1rem}.about-desc{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.about-location{display:flex;align-items:center;gap:.5rem;color:#aaa;margin-bottom:1.5rem}.about-links{display:flex;gap:1rem}.about-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:5px;text-decoration:none;transition:all .3s;color:#fff}.about-link.github{background:#ffffff1a}.about-link.linkedin{background:linear-gradient(90deg,#7c3aed,#06b6d4)}.about-link:hover{transform:translateY(-2px)}.education-list{display:flex;flex-direction:column;gap:2rem}.education-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;transition:all .3s;overflow:hidden;cursor:pointer}.education-item:hover{transform:translateY(-10px);box-shadow:0 10px 30px #7c3aed2e}.education-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.education-degree{font-size:1.3rem;color:#7c3aed;font-weight:700}.education-institution{color:#ccc;font-size:1.1rem;margin-bottom:.5rem}.education-meta{display:flex;gap:1rem;margin-bottom:1rem}.education-period,.education-results{background:#7c3aed33;padding:.3rem .8rem;border-radius:15px;color:#7c3aed;font-size:.9rem}.education-desc{color:#aaa;margin-bottom:1rem;line-height:1.6}.education-coursework-list{display:flex;flex-wrap:wrap;gap:.5rem}.education-course{background:#7c3aed33;color:#7c3aed;padding:.3rem .8rem;border-radius:15px;font-size:.9rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skills-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;transition:all .3s;overflow:hidden;cursor:pointer}.skills-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #7c3aed2e}.skills-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.skills-category-title{color:#7c3aed;font-size:1.2rem;font-weight:700}.skills-list{display:flex;flex-direction:column;gap:1rem}.skills-skill{margin-bottom:1rem}.skills-skill-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skills-skill-info{display:flex;align-items:center;gap:.5rem}.skills-skill-name{color:#ccc;font-weight:500}.skills-skill-level{color:#7c3aed;font-size:.9rem}.skills-bar-bg{width:100%;background:#ffffff1a;border-radius:10px;height:6px;overflow:hidden}.skills-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#06b6d4);border-radius:10px;transition:width 1s ease-in-out}.achievements-grid,.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.achievements-card,.certifications-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;transition:all .3s;overflow:hidden;cursor:pointer}.education-item:after,.skills-card:after,.achievements-card:after,.certifications-card:after,.contact-link:after{content:"";position:absolute;left:-30%;top:-30%;width:60%;height:60%;transform:rotate(-25deg);background:var(--card-sheen);pointer-events:none;transition:transform .6s ease,opacity .6s ease;opacity:.9}.education-item:hover:after,.skills-card:hover:after,.achievements-card:hover:after,.certifications-card:hover:after,.contact-link:hover:after{transform:translate(60%) rotate(-25deg);opacity:1}.education-item:focus-within,.skills-card:focus-within,.achievements-card:focus-within,.certifications-card:focus-within{box-shadow:0 12px 40px var(--glow)}.achievements-card:hover,.certifications-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #7c3aed2e}.achievements-header,.certifications-header{display:flex;align-items:flex-start;gap:1rem}.achievements-item-title,.certifications-item-title{color:#7c3aed;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.achievements-year,.certifications-year{background:linear-gradient(90deg,#7c3aed,#06b6d4);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.9rem;font-weight:700}.achievements-desc,.certifications-issuer{color:#ccc;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.projects-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;transition:all .3s;cursor:pointer}.projects-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #7c3aed4d}.projects-img-wrapper{position:relative;width:100%;height:200px}.projects-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.projects-card:hover .projects-img{transform:scale(1.1)}.section .section-title,.section h2{position:relative}.section h2:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-12px;width:120px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--accent1),var(--accent2));opacity:.9}@media (max-width: 700px){.education-item:after,.skills-card:after,.achievements-card:after,.certifications-card:after{display:none}}.projects-content{padding:1.5rem}.projects-item-title{color:#7c3aed;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.projects-desc{color:#ccc;line-height:1.6;margin-bottom:1rem}.projects-tech-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.projects-tech{background:#7c3aed33;color:#7c3aed;padding:.3rem .8rem;border-radius:15px;font-size:.9rem}.projects-links{display:flex;gap:1rem}.projects-link{display:flex;align-items:center;gap:.5rem;color:#7c3aed;text-decoration:none;transition:color .3s}.projects-link:hover{color:#06b6d4}.contact-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.contact-link{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;text-align:center;text-decoration:none;color:#fff;transition:all .3s}.contact-link:hover{transform:translateY(-5px);background:#7c3aed1a}.contact-link-title{color:#7c3aed;font-size:1.2rem;font-weight:700;margin:1rem 0 .5rem}.contact-link-desc{color:#ccc}.contact-btn{background:linear-gradient(90deg,#7c3aed,#06b6d4);color:#fff;padding:1rem 2rem;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #7c3aed66}.footer{text-align:center;padding:2rem;color:#666;border-top:1px solid rgba(255,255,255,.1)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#1e1e1ef2;border:1px solid rgba(124,58,237,.3);border-radius:15px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem}.modal-title{color:#7c3aed;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.modal-status{display:flex;gap:1rem;align-items:center}.modal-status-badge{background:#7c3aed33;color:#7c3aed;padding:.3rem .8rem;border-radius:15px;font-size:.9rem;font-weight:700}.modal-close{background:none;border:none;color:#ccc;cursor:pointer;padding:.5rem;border-radius:5px;transition:background .3s}.modal-close:hover{background:#ffffff1a}.modal-img{width:100%;height:250px;object-fit:cover}.modal-desc{padding:1rem 2rem;color:#ccc;line-height:1.6}.modal-tech-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 2rem 1rem}.modal-tech{background:#7c3aed33;color:#7c3aed;padding:.3rem .8rem;border-radius:15px;font-size:.9rem}.modal-links{display:flex;gap:1rem;padding:1rem 2rem 2rem}.modal-link-code,.modal-link-live{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:5px;text-decoration:none;color:#fff;transition:all .3s;font-weight:500}.modal-link-code{background:#ffffff1a}.modal-link-live{background:linear-gradient(90deg,#7c3aed,#06b6d4)}.modal-link-code:hover,.modal-link-live:hover{transform:translateY(-2px)}.splash-screen{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:2000}.splash-content{text-align:center;color:#0f0;font-family:Courier New,monospace}.splash-profile{width:100px;height:100px;border-radius:50%;border:2px solid #0f0;margin-bottom:2rem;object-fit:cover}.splash-title{font-size:2rem;margin-bottom:1rem;color:#0f0}.splash-desc{color:#0f0;margin-bottom:2rem}.splash-bar{width:300px;height:4px;background:#00ff004d;border-radius:2px;margin:2rem auto;overflow:hidden}.splash-bar-inner{height:100%;background:#0f0;animation:splash-loading 2s ease-in-out}@keyframes splash-loading{0%{width:0}to{width:100%}}.splash-btn{background:transparent;border:2px solid #0f0;color:#0f0;padding:1rem 2rem;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;transition:all .3s}.splash-btn:hover{background:#0f0;color:#000}.video-splash-screen{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3000}.video-splash-screen video{max-width:80%;max-height:80%;border-radius:10px}@media (max-width: 768px){.navbar{padding:0 1rem}.navbar .menu{gap:.5rem}.navbar .menu button{margin-left:.5rem;font-size:.9rem;padding:.3rem .7rem}.section{padding:5rem 1rem}.about-grid{grid-template-columns:1fr;gap:2rem}.stats{gap:1rem}.stat{min-width:100px;padding:1rem}.projects-grid,.contact-links{grid-template-columns:1fr}.modal-content{margin:1rem}}.splash-screen.fade-out{animation:splash-fade-out .7s ease forwards}@keyframes splash-fade-out{to{opacity:0;visibility:hidden}}.home-info-col .name{font-size:2rem;font-weight:700;margin-top:.5rem;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-info-col .title{color:#ccc;margin-top:.25rem}.home-info-col .subtitle{color:#aaa;margin:.75rem auto 0;max-width:780px}.about-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-move 4s infinite alternate}.about-visible,.about-visible-delay{opacity:1;transform:translate(0)}.education-container{max-width:1200px;margin:0 auto}.education-title{font-size:2.2rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.education-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem;align-items:stretch}.education-info{display:flex}.education-card{width:100%}.education-image-col{display:flex;align-items:center;justify-content:center}.education-image-wrapper{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.education-image{display:block;width:100%;max-height:260px;object-fit:cover}.education-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);border-radius:12px}.education-placeholder-icon{color:#7c3aed;opacity:.7}.education-visible{opacity:1;transform:translateY(0)}.skills-container{max-width:1200px;margin:0 auto}.skills-title{font-size:2.2rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.skills-category,.skills-visible{opacity:1;transform:translateY(0)}.achievements-container{max-width:1200px;margin:0 auto}.achievements-title{font-size:2.2rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.achievements-item,.achievements-visible{opacity:1;transform:translateY(0)}.certifications-container{max-width:1200px;margin:0 auto}.certifications-title{font-size:2.2rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.certifications-item,.certifications-visible{opacity:1;transform:translateY(0)}.projects-container{max-width:1200px;margin:0 auto}.projects-title{font-size:2.2rem;margin-bottom:2rem;text-align:center;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.projects-item,.projects-visible{opacity:1;transform:translateY(0)}.projects-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3));pointer-events:none}.projects-container,.projects-grid,.projects-card,.projects-item{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.contact-title{font-size:2.2rem;margin-bottom:.5rem;text-align:center;background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-category{color:#aaa;font-size:.9rem}@media (max-width: 768px){.education-grid{grid-template-columns:1fr}}.portfolio-container:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px,40px 40px;z-index:0}.hero{overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(80px);opacity:.25;z-index:1}.hero:before{left:-120px;top:-160px;background:radial-gradient(circle at 30% 30%,#7c3aed,transparent 60%);animation:blob-float-1 18s ease-in-out infinite}.hero:after{right:-120px;bottom:-160px;background:radial-gradient(circle at 70% 70%,#06b6d4,transparent 60%);animation:blob-float-2 22s ease-in-out infinite}@keyframes blob-float-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.08)}}@keyframes blob-float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-60px,-40px) scale(1.08)}}.hero-content,.home-info-col{position:relative;z-index:2}.about-image-col,.about-text-col,.education-item,.skills-category,.achievements-item,.certifications-item,.projects-item{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.about-visible{opacity:1;transform:translateY(0)}.about-visible-delay{opacity:1;transform:translateY(0);transition-delay:.12s}.education-visible,.skills-visible,.achievements-visible,.certifications-visible,.projects-visible{opacity:1;transform:translateY(0)}.about-location-icon{animation:float-soft 4s ease-in-out infinite}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.modal-overlay{animation:fade-in .2s ease}.actions button:active,.contact-btn:active{transform:translateY(1px) scale(.995)}.profile-img{position:relative;box-shadow:0 0 0 3px #7c3aeda6,0 12px 40px #7c3aed59;animation:profile-pulse 4s ease-in-out infinite}@keyframes profile-pulse{0%,to{box-shadow:0 0 0 3px #7c3aed8c,0 12px 40px #7c3aed59}50%{box-shadow:0 0 0 6px #06b6d473,0 18px 60px #06b6d459}}.profile-img{filter:drop-shadow(0 0 10px rgba(124,58,237,.35)) drop-shadow(0 0 20px rgba(6,182,212,.25))}.projects-card{position:relative;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(124,58,237,.18)}.projects-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(600px 120px at var(--mx,50%) var(--my,0%),rgba(124,58,237,.15),transparent 60%);border-radius:16px;z-index:0;transition:opacity .3s ease;opacity:0;pointer-events:none}.projects-card:hover:before{opacity:1}.projects-card .projects-content{position:relative;z-index:1}.projects-card:hover{transform:translateY(-10px) scale(1.01)}.projects-card:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent);transform:skew(-15deg);transition:left .6s ease;pointer-events:none}.projects-card:hover:after{left:120%}.projects-card{transform-style:preserve-3d;perspective:800px}.projects-img-wrapper{overflow:hidden}.projects-img{filter:saturate(1.05) contrast(1.02)}.skills-card{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000040}.skills-bar-bg{height:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.06)}.skills-bar{background:repeating-linear-gradient(90deg,#7c3aedf2 0 14px,#06b6d4f2 14px 28px);animation:skills-stripes 12s linear infinite}@keyframes skills-stripes{0%{background-position:0 0}to{background-position:280px 0}}.skills-icon svg,.skills-skill-icon svg{filter:drop-shadow(0 2px 8px rgba(124,58,237,.35))}@media (max-width: 480px){.projects-card:hover{transform:translateY(-6px) scale(1.005)}.skills-bar-bg{height:6px}}.canvas-3d-container{width:100%;max-width:1100px;margin:0 auto 1.8rem;height:360px;min-height:300px;position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(1100px 220px at 50% -20%,rgba(124,58,237,.1),transparent 70%)}.canvas-3d-container canvas{display:block}@media (max-width: 1100px){.canvas-3d-container{height:320px;min-height:260px;margin-bottom:1.4rem}}@media (max-width: 768px){.canvas-3d-container{height:220px;min-height:180px;margin-bottom:1rem}}.skills-badge-groups{display:grid;grid-template-columns:1fr;gap:1.5rem}.skills-badge-group{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1.25rem 1.25rem 1rem}.skills-badge-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.skills-badge-title{color:#fff;font-size:1.05rem;font-weight:600}.skills-badges{display:flex;flex-wrap:wrap;gap:.6rem}.skills-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.12);color:#eaeaea;font-size:.85rem;letter-spacing:.02em}.skills-badge-with-icon{padding:.45rem .7rem .45rem .55rem}.skills-badge-img{width:18px;height:18px;display:inline-block;object-fit:contain;margin-right:.4rem;filter:drop-shadow(0 0 6px rgba(124,58,237,.35))}@media (min-width: 768px){.skills-badge-groups{grid-template-columns:1fr 1fr}}@media (min-width: 1100px){.skills-badge-groups{grid-template-columns:1fr 1fr}}.section.contact .contact-btn{display:block;width:12%;margin-left:auto;margin-right:auto;margin-top:1rem}.section{overflow:hidden}.section:before,.section:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.12;z-index:0;pointer-events:none}.section:before{left:-140px;top:-160px;background:radial-gradient(circle at 30% 30%,#7c3aed,transparent 60%)}.section:after{right:-140px;bottom:-160px;background:radial-gradient(circle at 70% 70%,#06b6d4,transparent 60%)}.section>*{position:relative;z-index:1}.section [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.section.section-visible [data-reveal]{opacity:1;transform:translateY(0)}.section.section-visible [data-reveal]>*{transition:opacity .8s ease,transform .8s ease}.section.section-visible [data-reveal]>*:nth-child(1){transition-delay:.05s}.section.section-visible [data-reveal]>*:nth-child(2){transition-delay:.1s}.section.section-visible [data-reveal]>*:nth-child(3){transition-delay:.15s}.section.section-visible [data-reveal]>*:nth-child(4){transition-delay:.2s}.section.section-visible [data-reveal]>*:nth-child(5){transition-delay:.25s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@tailwind base;@tailwind components;@tailwind utilities;@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.animate-fade-in{animation:fade-in .7s ease-out forwards}.animate-fade-out{animation:fade-out .7s ease-out forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up 1s cubic-bezier(.4,0,.2,1)}@keyframes gradient-bg{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-bg{background:linear-gradient(270deg,#7c3aed,#ec4899,#0f172a);background-size:400% 400%;animation:gradient-bg 15s ease infinite;z-index:0;opacity:.2}.fade-in{animation:fadeIn .7s}.fade-out{animation:fadeIn .7s reverse}.fade-leave{animation:fadeOut .7s forwards}