@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}@media (max-width:768px){html{scroll-padding-top:70px}}@media (max-width:480px){html{scroll-padding-top:65px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#0f1419;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e5c158}::selection{color:#fff;background:#d4af374d}::selection{color:#fff;background:#d4af374d}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}img{max-width:100%;height:auto;display:block}.App{width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.home{background:linear-gradient(135deg,#0f1419 0%,#162447 50%,#1a2332 100%);align-items:center;min-height:100vh;padding:clamp(6rem,12vw,9rem) 0 clamp(2rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.home:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 70% 30%,#d4af371f 0%,#d4af370a 40%,#0000 70%);width:150%;height:150%;animation:12s ease-in-out infinite alternate floatGlow;position:absolute;top:-60%;right:-60%}.home:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 70%,#2d9cdb14 0%,#2d9cdb08 40%,#0000 70%);width:120%;height:120%;animation:15s ease-in-out infinite alternate-reverse floatGlow;position:absolute;bottom:-40%;left:-40%}@keyframes floatGlow{0%{transform:translate(5%,5%)rotate(2deg)}to{transform:translate(-5%,-5%)rotate(-2deg)}}.home-content{z-index:10;opacity:1;visibility:visible;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);max-width:1400px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);display:grid;position:relative}.home-text{opacity:1;visibility:visible;animation:1s ease-out fadeInLeft}.home-text h1{background:linear-gradient(135deg,#fff 0%,#d4af37 50%,#e5c158 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;filter:drop-shadow(0 2px 4px #0000004d);color:#fff;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}@supports not ((-webkit-background-clip:text)){.home-text h1{color:#d4af37;-webkit-text-fill-color:#d4af37}}.home-text h2{color:#d4af37;letter-spacing:.5px;text-shadow:0 2px 12px #d4af3766;margin-bottom:1.2rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.home-text p{color:#e5e5e5;max-width:90%;margin-bottom:2rem;font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.8}.home-buttons{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;min-width:160px;padding:clamp(.8rem,2vw,1rem) clamp(1.8rem,4vw,2.2rem);font-size:clamp(.95rem,2vw,1rem);font-weight:600;text-decoration:none;transition:all .5s cubic-bezier(.25,.8,.25,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#0f1419;letter-spacing:.5px;background:linear-gradient(135deg,#d4af37 0%,#e5c158 50%,#d4af37 100%) 0 0/200% 200%;font-weight:700;animation:3s infinite gradientShift;box-shadow:0 8px 24px #d4af3766,0 4px 12px #0000004d,inset 0 1px #ffffff4d}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-primary:before{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:transform .7s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:0;transform:translate(-100%)}.btn-primary:focus,.btn-primary:active,.btn-primary:hover{background:linear-gradient(135deg,#e5c158 0%,#d4af37 50%,#e5c158 100%);transform:translateY(-4px)scale(1.02);box-shadow:0 12px 32px #d4af3780,0 6px 16px #0006,inset 0 1px #fff6}.btn-primary:focus:before,.btn-primary:active:before,.btn-primary:hover:before{transform:translate(100%)}.btn-secondary{color:#fff;background:0 0;border:2px solid #d4af37;transition:all .5s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 16px #d4af3733}.btn-secondary:focus,.btn-secondary:active,.btn-secondary:hover{color:#d4af37;background:linear-gradient(135deg,#d4af3733,#e5c15833);border-color:#e5c158;transform:translateY(-4px)scale(1.02);box-shadow:0 8px 24px #d4af3766}.social-links{flex-wrap:wrap;gap:1rem;display:flex}.social-links a{color:#e5e5e5;background:#ffffff0f;border:1px solid #d4af3733;border-radius:12px;justify-content:center;align-items:center;width:clamp(44px,5vw,50px);height:clamp(44px,5vw,50px);font-size:1.2rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.social-links a:focus,.social-links a:active,.social-links a:hover{color:#0f1419;background:linear-gradient(135deg,#d4af37,#e5c158);border-color:#0000;transform:translateY(-5px)scale(1.1)rotate(5deg);box-shadow:0 8px 24px #d4af3780,0 4px 12px #0000004d}.home-image{opacity:1;visibility:visible;justify-content:center;align-items:center;animation:1s ease-out fadeInRight;display:flex}.image-frame{background:conic-gradient(#d4af37,#e5c158,#2d9cdb,#d4af37);border-radius:50%;width:clamp(280px,40vw,420px);height:clamp(280px,40vw,420px);padding:8px;transition:all .7s cubic-bezier(.4,0,.2,1);animation:20s linear infinite rotateBorder;display:block;position:relative;overflow:visible;box-shadow:0 0 60px #d4af3766,0 0 100px #d4af3733,inset 0 0 20px #d4af371a}@keyframes rotateBorder{0%{background:conic-gradient(#d4af37,#e5c158,#2d9cdb,#d4af37)}25%{background:conic-gradient(from 90deg,#d4af37,#e5c158,#2d9cdb,#d4af37)}50%{background:conic-gradient(from 180deg,#d4af37,#e5c158,#2d9cdb,#d4af37)}75%{background:conic-gradient(from 270deg,#d4af37,#e5c158,#2d9cdb,#d4af37)}to{background:conic-gradient(from 360deg,#d4af37,#e5c158,#2d9cdb,#d4af37)}}.image-frame:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);border-radius:50%;padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0)}.image-frame:focus,.image-frame:active,.image-frame:hover{transform:scale(1.05);box-shadow:0 0 80px #d4af3799,0 0 120px #d4af374d,inset 0 0 30px #d4af3726}.image-frame img{object-fit:cover;z-index:1;background-color:#0f1419;border:6px solid #0f1419;border-radius:50%;width:100%;height:100%;transition:border-color .5s,transform .5s;display:block;position:relative}.image-frame:focus img,.image-frame:active img,.image-frame:hover img{border-color:#162447;transform:scale(.98)}@media (max-width:1024px){.home{padding:clamp(5rem,8vw,7rem) 0 clamp(2rem,4vw,3rem)}.home-content{text-align:center;grid-template-columns:1fr;gap:3rem;padding:0 clamp(1.5rem,4vw,2rem)}.home-text{order:2}.home-text p{margin-left:auto;margin-right:auto}.home-image{order:1;margin-bottom:1rem}.home-buttons,.social-links{justify-content:center}.image-frame{margin:0 auto}}@media (max-width:768px){.home{min-height:100vh;padding-top:6rem;padding-bottom:3rem}.home-content{gap:2.5rem}.home-text h1{font-size:2.5rem;line-height:1.2}.home-text h2{font-size:1.4rem}.home-text p{max-width:100%;font-size:1rem;line-height:1.7}.home-buttons{flex-direction:column;align-items:center;gap:1rem}.btn{width:100%;min-width:auto;max-width:280px}.home-image{margin-top:1rem}.image-frame{width:280px;height:280px}}@media (max-width:480px){.home{min-height:100vh;padding:5.5rem 0 2rem}.home:before{width:200%;height:200%;top:-80%;right:-80%}.home-content{gap:2rem;padding:0 1rem}.home-text h1{margin-bottom:.8rem;font-size:2rem;line-height:1.15}.home-text h2{margin-bottom:1rem;font-size:1.2rem}.home-text p{margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.home-buttons{margin-bottom:2rem}.image-frame{width:240px;height:240px;margin:0 auto}.btn{max-width:100%;padding:.85rem 1.4rem;font-size:.9rem}.social-links{justify-content:center;gap:.8rem}.social-links a{width:42px;height:42px;font-size:1.1rem}}.home-text,.home-image{opacity:1}.about{background:linear-gradient(135deg,#0f1419 0%,#162447 50%,#1a2332 100%);padding:140px 0;position:relative;overflow:hidden}.about:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#d4af371f 0%,#0000 50%),radial-gradient(circle at 80% 70%,#2d9cdb1a 0%,#0000 50%),radial-gradient(circle at 40% 80%,#d4af3714 0%,#0000 40%);width:100%;height:100%;animation:8s ease-in-out infinite pulse;position:absolute;top:0;left:0}.about:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 45%,#d4af3708 50%,#0000 55%);width:200%;height:200%;animation:6s linear infinite shine;position:absolute;top:-50%;left:-50%}.about .section-title{text-align:center;color:#fff;z-index:2;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 20px #d4af3766;margin-bottom:5rem;font-size:3rem;font-weight:800;position:relative}.about .section-title:after{content:"";background:linear-gradient(90deg,#0000,#d4af37,#2d9cdb,#0000);border-radius:6px;width:180px;height:6px;animation:3s ease-in-out infinite linePulse;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #d4af3799,0 0 60px #2d9cdb66}.about .about-content{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.about .about-text{color:#e0e0e0;text-align:center;max-width:800px}.about .about-text h3{color:#d4af37;letter-spacing:1px;text-shadow:0 2px 16px #d4af3780;margin-bottom:2rem;font-size:2rem;font-weight:800;display:inline-block;position:relative}.about .about-text h3:after{content:"";background:linear-gradient(90deg,#d4af37,#2d9cdb);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #d4af3766}.about .about-text p{color:#ccc;text-align:center;text-shadow:0 2px 4px #00000080;max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:2}.about .focus-areas{z-index:2;text-align:center;margin-top:4rem;position:relative}.about .focus-areas h4{color:#0f1419;text-transform:uppercase;text-shadow:0 2px 12px #d4af3766;background:linear-gradient(90deg,#d4af37,#2d9cdb,#d4af37) 0 0/200% 200%;border-radius:30px;margin-bottom:2rem;padding:.8rem 2rem;font-size:1.8rem;font-weight:800;animation:3s ease-in-out infinite gradientShift;box-shadow:0 4px 16px #d4af374d}.about .focus-areas ul{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;gap:1.5rem;padding:0;list-style:none;display:grid}.about .focus-areas li{color:#f5f5f5;text-align:center;background:#ffffff0f;border:1px solid #d4af3733;border-radius:16px;padding:1.5rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006,0 4px 16px #d4af371a,inset 0 1px #ffffff1a}.about .focus-areas li:hover{background:#ffffff14;border-color:#d4af3759;transform:translateY(-4px);box-shadow:0 12px 40px #d4af3740,0 6px 20px #00000080,inset 0 1px #ffffff26}.about .focus-areas li:focus,.about .focus-areas li:active{background:linear-gradient(135deg,#d4af3726,#2d9cdb1f);transform:translateY(-2px);box-shadow:0 15px 40px #d4af374d,0 5px 15px #2d9cdb33,inset 0 1px #fff3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}@keyframes linePulse{0%,to{transform:translate(-50%)scaleX(1);box-shadow:0 0 30px #d4af3799,0 0 60px #2d9cdb66}50%{transform:translate(-50%)scaleX(1.1);box-shadow:0 0 40px #d4af37cc,0 0 80px #2d9cdb99}}@media (max-width:968px){.about .section-title{font-size:2.5rem}.about .about-text h3{font-size:1.8rem}.about .about-text p{margin:0 auto}}@media (max-width:768px){.about .focus-areas ul{grid-template-columns:1fr}.about .section-title{font-size:2.2rem}.about .about-text h3{font-size:1.6rem}.about .about-text p{font-size:1.1rem}}@media (max-width:480px){.about{padding:100px 16px}.about .section-title{margin-bottom:3rem;font-size:2rem}.about .about-text h3{font-size:1.5rem}.about .about-text p{font-size:1rem;line-height:1.8}.about .focus-areas h4{font-size:1.5rem}}.projects{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1400px 800px at 15% 15%,#d4af371a,#0000 28%),radial-gradient(1100px 600px at 85% 85%,#2d9cdb14,#0000 32%),linear-gradient(135deg,#0f1419 0%,#162447 50%,#1a2332 100%);padding:100px 20px;position:relative;overflow:hidden}.projects .section-title{text-align:center;color:#fff;z-index:2;letter-spacing:1px;text-transform:uppercase;margin-bottom:4rem;font-size:3rem;font-weight:700;position:relative}.projects .section-title:after{content:"";background:linear-gradient(90deg,#0000,#d4af37,#2d9cdb,#0000);border-radius:3px;width:120px;height:4px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #d4af3766,0 2px 8px #2d9cdb4d}.projects:before{content:"";filter:blur(80px)brightness(1.2);z-index:0;pointer-events:none;background:radial-gradient(circle at 70%,#d4af3733 0%,#d4af370f 35%,#0000 65%);width:680px;height:680px;position:absolute;top:-80px;right:-60px;transform:translateZ(0)}.projects:after{content:"";filter:blur(70px);z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 70%,#2d9cdb24 0%,#2d9cdb0a 40%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-200px;left:-100px}.projects-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:32px;display:grid;position:relative}.project-card{text-align:center;background:linear-gradient(145deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #d4af3726;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:360px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;transform:perspective(1000px)translateY(0)rotateX(0);box-shadow:0 8px 32px #0006,0 4px 16px #d4af371a,inset 0 1px #ffffff1a}.project-card:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#d4af371a,#2d9cdb0d);border-radius:20px;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.project-card:hover{background:linear-gradient(135deg,#d4af3714,#ffffff08);border-color:#d4af3759;transform:perspective(1000px)translateY(-8px)rotateX(2deg);box-shadow:0 16px 48px #d4af374d,0 8px 24px #00000080,inset 0 1px #ffffff26}.project-card:hover:before{opacity:1}.project-image{background:linear-gradient(135deg,#121212 0%,#1c1c1c 100%);border-radius:14px;justify-content:center;align-items:center;width:100%;height:240px;margin-bottom:20px;display:flex;overflow:hidden;box-shadow:0 12px 40px #000000b3}.project-image img{object-fit:cover;filter:brightness(.95)contrast(1.1);border-radius:12px;width:100%;height:100%;transition:all .4s ease-in-out}.project-card:hover .project-image img{filter:brightness(1.05)contrast(1.05)}.project-number{color:#ffffff14;pointer-events:none;text-shadow:0 8px 40px #ff005c4d;letter-spacing:-3px;z-index:0;font-size:4.8rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-content h3{color:#fff;letter-spacing:.3px;text-shadow:0 2px 8px #0000004d;margin:16px 0 12px;font-size:1.6rem;font-weight:800;transition:color .4s}.project-card:hover .project-content h3{color:#d4af37;text-shadow:0 2px 12px #d4af3766}.project-content p{color:#fffc;margin-bottom:20px;font-size:1rem;line-height:1.7;transition:color .3s}.project-card:hover .project-content p{color:#ffffffe6}.project-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.btn-github,.btn-live{text-align:center;border-radius:12px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s ease-in-out}.btn-github{color:#e5e5e5;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #d4af3733;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003}.btn-github:hover{color:#d4af37;background:linear-gradient(135deg,#d4af3740,#e5c15833);border-color:#d4af3766;transform:translateY(-2px);box-shadow:0 8px 24px #d4af374d}.btn-live{color:#0f1419;background:linear-gradient(135deg,#d4af37 0%,#e5c158 50%,#d4af37 100%) 0 0/200% 200%;border:1px solid #d4af374d;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);animation:3s infinite gradientShift;box-shadow:0 6px 20px #d4af3766,0 2px 8px #0000004d,inset 0 1px #ffffff4d}.btn-live:hover{background:linear-gradient(135deg,#e5c158 0%,#d4af37 50%,#e5c158 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 32px #d4af3780,0 4px 12px #0006,inset 0 1px #fff6}.project-card{animation:none}@media (max-width:1100px){.project-number{font-size:4rem}.project-image{height:220px}}@media (max-width:968px){.projects .section-title{font-size:2.5rem}}@media (max-width:768px){.projects{padding:80px 20px}.projects .section-title{margin-bottom:3rem;font-size:2.2rem}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{min-height:auto;padding:20px}.project-image{height:200px}.project-number{font-size:3.4rem}.project-content h3{font-size:1.4rem}.btn-github,.btn-live{justify-content:center;width:48%}}@media (max-width:480px){.projects{padding:60px 16px}.projects .section-title{margin-bottom:2.5rem;font-size:1.8rem}.project-image{height:160px}.project-number{font-size:2.8rem}.project-content h3{font-size:1.2rem}.btn-github,.btn-live{width:100%;padding:14px 20px}}@media (max-width:768px){.project-buttons{flex-direction:column;gap:10px}.btn-github,.btn-live{width:100%}}.skills{background:radial-gradient(circle at 50% 20%,#d4af3714 0%,#0000 70%),linear-gradient(135deg,#0f1419 0%,#162447 50%,#1a2332 100%);padding:clamp(4rem,8vw,6rem) clamp(1rem,4vw,1.5rem);position:relative;overflow:hidden}.skills:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 40%,#00c3ff0d 0%,#0000 60%);width:180%;height:180%;animation:25s ease-in-out infinite alternate drift;position:absolute;top:-40%;left:-40%}@keyframes drift{0%{transform:translate(3%,3%)rotate(1deg)}to{transform:translate(-3%,-3%)rotate(-1deg)}}.skills .section-title{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:clamp(1px,.5vw,3px);margin-bottom:3.5rem;font-size:clamp(2.2rem,5.5vw,3.2rem);font-weight:800;line-height:1.2;position:relative}.skills .section-title:after{content:"";background:conic-gradient(#d4af37,#2d9cdb,#e5c158,#d4af37);border-radius:3px;width:clamp(100px,15vw,140px);height:5px;animation:3s ease-in-out infinite alternate pulseGlow;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 0 25px #d4af3799,0 0 40px #2d9cdb4d}@keyframes pulseGlow{0%{box-shadow:0 0 25px #d4af3799,0 0 40px #2d9cdb4d}to{box-shadow:0 0 40px #d4af37cc,0 0 60px #2d9cdb80}}.skills-container{z-index:1;flex-direction:column;gap:clamp(2rem,5vw,3.5rem);max-width:1400px;margin:0 auto;display:flex;position:relative}.skill-category{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;padding:clamp(1.8rem,4vw,2.8rem);transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff14}.skill-category:before{content:"";opacity:0;background:linear-gradient(135deg,#ff005c4d,#00c3ff4d);border-radius:24px;padding:1px;transition:opacity .6s;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0)}.skill-category:focus-within:before,.skill-category:active:before{opacity:1}.skill-category:focus-within,.skill-category:active{background:#ffffff14;border-color:#d4af3766;transform:translateY(-6px);box-shadow:0 0 40px #d4af3733,0 0 20px #2d9cdb26,0 15px 40px #0006}.category-title{color:#d4af37;text-align:center;letter-spacing:1.2px;background:linear-gradient(90deg,#d4af37,#e5c158);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.6rem;font-size:clamp(1.5rem,3.5vw,1.9rem);font-weight:700;position:relative}.category-title:after{content:"";background:conic-gradient(#d4af37,#e5c158,#2d9cdb,#d4af37);border-radius:2px;width:clamp(60px,10vw,80px);height:3px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #d4af3780}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:clamp(1.2rem,3vw,2rem);display:grid}.skill-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:clamp(1.4rem,3vw,1.9rem);transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 4px 20px #0003}.skill-item:before{content:"";opacity:0;background:linear-gradient(135deg,#d4af371a,#2d9cdb0d);width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.skill-item:focus-within:before,.skill-item:active:before{opacity:1}.skill-item:focus-within,.skill-item:active{background:#ffffff14;border-color:#d4af3759;transform:translateY(-4px);box-shadow:0 0 25px #d4af3733,0 8px 30px #0000004d}.skill-header{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.3rem;display:flex}.skill-icon{color:#0f1419;background:conic-gradient(#d4af37,#e5c158,#2d9cdb,#d4af37);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,6vw,50px);height:clamp(40px,6vw,50px);font-size:clamp(1.1rem,2vw,1.4rem);transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #d4af3780,0 0 40px #2d9cdb33,inset 0 1px #ffffff4d}.skill-icon:before{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);border-radius:50%;transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.skill-item:focus-within .skill-icon:before,.skill-item:active .skill-icon:before{transform:translate(100%)}.skill-item:focus-within .skill-icon,.skill-item:active .skill-icon{transform:scale(1.1)rotate(8deg);box-shadow:0 0 30px #d4af37b3,0 0 50px #2d9cdb66}.skill-name{color:#fff;flex-grow:1;margin-left:.8rem;font-size:clamp(1rem,2.2vw,1.15rem);font-weight:600}.skill-percentage{background:linear-gradient(90deg,#2d9cdb,#d4af37);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(.95rem,2vw,1.05rem);font-weight:700}.skill-bar{background:#ffffff1f;border-radius:8px;width:100%;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.skill-progress{background:linear-gradient(90deg,#d4af37,#e5c158,#2d9cdb,#d4af37) 0 0/200% 100%;border-radius:8px;width:0;height:100%;transition:width 1.8s cubic-bezier(.65,0,.35,1);animation:3s infinite gradientShift;position:relative;overflow:hidden;box-shadow:0 0 15px #d4af3780,0 0 30px #2d9cdb4d,inset 0 1px #ffffff4d}.skill-progress:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);width:200%;height:100%;animation:2.8s linear infinite shimmer;position:absolute;top:0;left:0;transform:translate(-50%)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.skills{padding:clamp(3.5rem,7vw,5rem) clamp(.8rem,3vw,1.2rem)}.skill-category{padding:clamp(1.5rem,3.5vw,2rem)}.skills-grid{gap:clamp(1rem,2.5vw,1.6rem)}.skill-header{flex-direction:row;align-items:center;gap:.6rem}}@media (max-width:480px){.skills{padding:clamp(3rem,6vw,4rem) clamp(.6rem,2vw,1rem)}.skill-item{padding:clamp(1.1rem,2.5vw,1.5rem)}.skill-header{flex-direction:column;align-items:flex-start;gap:.8rem}.skill-name{margin-left:0}.skill-icon{align-self:center}}.contact{background:linear-gradient(135deg,#0f1419 0%,#162447 50%,#0f1419 100%);padding:100px 20px;position:relative;overflow:hidden}.contact:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 80% 20%,#d4af3714 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;right:0}.contact:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 80%,#2d9cdb0f 0%,#0000 50%);width:100%;height:100%;position:absolute;bottom:0;left:0}.contact .section-title{text-align:center;color:#fff;letter-spacing:1px;z-index:1;text-shadow:0 2px 8px #0000004d;margin-bottom:3rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;position:relative}.contact .section-title:after{content:"";background:linear-gradient(90deg,#0000,#d4af37,#0000);border-radius:2px;width:120px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #d4af3780}.contact-content,.contact-info,.contact-form{z-index:1;position:relative}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.contact-info h3{color:#d4af37;text-shadow:0 2px 8px #d4af374d;margin-bottom:1rem;font-size:2rem;font-weight:600}.contact-info>p{color:#e5e5e5;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.contact-details{margin-bottom:2rem}.contact-item{background:#ffffff0a;border:1px solid #d4af3726;border-radius:12px;align-items:center;margin-bottom:1.5rem;padding:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.contact-item:hover{background:#ffffff0f;border-color:#d4af374d;transform:translate(8px)translateY(-2px);box-shadow:0 8px 24px #d4af3733,0 4px 12px #0000004d}.contact-icon{color:#0f1419;background:linear-gradient(135deg,#d4af37,#e5c158);border-radius:12px;justify-content:center;align-items:center;width:55px;height:55px;margin-right:1.2rem;font-size:1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #d4af3766,inset 0 1px #ffffff4d}.contact-item:hover .contact-icon{transform:rotate(5deg)scale(1.05);box-shadow:0 6px 20px #d4af3780,inset 0 1px #fff6}.contact-text h4{color:#fff;margin-bottom:.4rem;font-size:1.1rem;font-weight:600}.contact-text a{color:#e5e5e5;font-size:.95rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-text a:hover{color:#d4af37;text-shadow:0 0 8px #d4af3766}.contact-form{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff08 100%);border:1px solid #d4af3733;border-radius:20px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006,0 4px 16px #d4af371a,inset 0 1px #ffffff1a}.contact-form:hover{border-color:#d4af374d;box-shadow:0 12px 40px #00000080,0 6px 20px #d4af3726,inset 0 1px #ffffff26}.form-group{margin-bottom:1.8rem;position:relative}.form-group label{color:#e5e5e5;letter-spacing:.3px;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.form-group input,.form-group textarea{color:#fff;background:#ffffff0d;border:2px solid #d4af3733;border-radius:12px;width:100%;padding:16px 20px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,inset 0 1px 2px #0000001a}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#d4af37;outline:none;transform:translateY(-2px);box-shadow:0 4px 16px #d4af374d,0 0 0 4px #d4af371a,inset 0 1px 2px #0000001a}.form-group input:hover,.form-group textarea:hover{background:#ffffff0f;border-color:#d4af3766;box-shadow:0 4px 12px #d4af3733,inset 0 1px 2px #0000001a}.form-group textarea{resize:vertical;min-height:140px;line-height:1.6}.form-group input::placeholder,.form-group textarea::placeholder{color:#888;opacity:.7;font-style:italic}.contact-form .btn-primary1{color:#0f1419;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#d4af37 0%,#e5c158 50%,#d4af37 100%) 0 0/200% 200%;border:none;border-radius:12px;width:100%;padding:18px 32px;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);animation:3s infinite gradientShift;position:relative;overflow:hidden;box-shadow:0 6px 20px #d4af3766,0 2px 8px #0000004d,inset 0 1px #ffffff4d}.contact-form .btn-primary1:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.contact-form .btn-primary1:hover{background:linear-gradient(135deg,#e5c158 0%,#d4af37 50%,#e5c158 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 32px #d4af3780,0 4px 12px #0006,inset 0 1px #fff6}.contact-form .btn-primary1:hover:before{left:100%}.contact-form .btn-primary1:active{transform:translateY(-1px)scale(1);box-shadow:0 6px 20px #d4af3766,0 2px 8px #0000004d,inset 0 1px #ffffff4d}.fade-in-left{animation:.8s ease-out fadeInLeft}.fade-in-right{animation:.8s ease-out fadeInRight}@media (max-width:968px){.contact{padding:80px 20px}.contact-content{grid-template-columns:1fr;gap:3rem}.contact-info{text-align:center}.contact-item{text-align:left;justify-content:center;max-width:400px;margin-left:auto;margin-right:auto}}@media (max-width:768px){.contact{padding:70px 16px}.contact-form{border-radius:16px;padding:2rem}.contact-item{text-align:center;flex-direction:column;padding:1.5rem}.contact-icon{margin-bottom:1rem;margin-right:0}.form-group input,.form-group textarea{padding:14px 18px;font-size:.95rem}.contact-form .btn-primary1{padding:16px 28px;font-size:1rem}}@media (max-width:480px){.contact{padding:60px 12px}.contact .section-title{margin-bottom:2.5rem;font-size:2rem}.contact-form{border-radius:14px;padding:1.5rem}.contact-info h3{font-size:1.7rem}.contact-info>p{font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{border-radius:10px;padding:12px 16px;font-size:.9rem}.contact-form .btn-primary1{border-radius:10px;padding:14px 24px;font-size:.95rem}.contact-item{padding:1.2rem}.contact-icon{width:50px;height:50px;font-size:1.2rem}}.footer{background:linear-gradient(135deg,#0f1419 0%,#162447 100%);border-top:1px solid #d4af3733;padding:3rem 0;position:relative;box-shadow:0 -4px 24px #0000004d}.footer:before{content:"";background:linear-gradient(90deg,#0000,#d4af37,#0000);width:100%;height:1px;position:absolute;top:0;left:0;box-shadow:0 0 20px #d4af3780}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.footer-text p{color:#e5e5e5;letter-spacing:.3px;margin:0;font-size:1rem;font-weight:400}.footer-text .copyright{color:#d4af37;margin-right:4px;font-weight:600}.footer-social{gap:1rem;display:flex}.footer-social a{color:#e5e5e5;background:#ffffff0f;border:1px solid #d4af3733;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.footer-social a:before{content:"";z-index:-1;background:linear-gradient(135deg,#d4af37,#e5c158);border-radius:12px;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.footer-social a:hover{color:#0f1419;border-color:#d4af37;transform:translateY(-4px)rotate(5deg);box-shadow:0 8px 24px #d4af3766,0 4px 12px #0000004d}.footer-social a:hover:before{transform:translate(-50%,-50%)scale(1)}.footer-social a:active{transform:translateY(-2px)rotate(2deg);box-shadow:0 4px 16px #d4af374d}@media (max-width:768px){.footer{padding:2.5rem 0}.footer-content{text-align:center;flex-direction:column;gap:2rem;padding:0 1.5rem}.footer-text p{font-size:.95rem}.footer-social{gap:1rem}}@media (max-width:480px){.footer{padding:2rem 0}.footer-content{gap:1.5rem;padding:0 1rem}.footer-social{gap:.8rem}.footer-social a{border-radius:10px;width:40px;height:40px;font-size:1.1rem}.footer-text p{font-size:.9rem}}.header{z-index:1000;background:#0f1419f2;border-bottom:1px solid #d4af3733;width:100%;padding:1.2rem 0;position:fixed;top:0;box-shadow:0 4px 24px #0006,0 2px 8px #d4af371a}.nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.nav-brand span{color:#d4af37;text-shadow:0 0 20px #d4af3780,0 2px 4px #0000004d;white-space:nowrap;letter-spacing:.5px;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700}.nav-links{gap:1.5rem;margin:0;padding:0;list-style:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.nav-links a{color:#e5e5e5;white-space:nowrap;border-radius:8px;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative}.nav-links a:before{content:"";background:linear-gradient(90deg,#0000,#d4af37,#0000);width:80%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.nav-links a:hover{color:#d4af37;background:#d4af371a;transform:translateY(-2px);box-shadow:0 4px 12px #d4af3733}.nav-links a:hover:before{transform:translate(-50%)scaleX(1)}.nav-links a.active{color:#d4af37;background:#d4af3726;box-shadow:0 4px 16px #d4af374d,inset 0 1px #d4af3733}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;padding:0;display:none;position:relative}.menu-toggle span{transform-origin:50%;background:#d4af37;border-radius:3px;width:100%;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #d4af374d}.menu-toggle.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.menu-toggle.active span:nth-child(2){opacity:0;transform:translate(-20px)}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(8px,-8px)}@media (max-width:968px){.nav{padding:0 1.5rem}.nav-links{gap:1rem}.nav-links a{padding:.4rem .8rem;font-size:.95rem}}@media (max-width:768px){.menu-toggle{display:flex}.nav-links{opacity:0;visibility:hidden;background:#0f1419fa;border-bottom:1px solid #d4af3733;flex-direction:column;align-items:center;gap:0;width:100%;max-height:0;padding:2rem 0;transition:all .4s cubic-bezier(.25,.8,.25,1);position:fixed;top:70px;left:0;overflow:hidden;box-shadow:0 10px 40px #0009,0 4px 12px #d4af371a}.nav-links.active{opacity:1;visibility:visible;max-height:500px}.nav-links li{text-align:center;width:100%}.nav-links a{border-bottom:1px solid #ffffff0d;border-radius:0;width:100%;padding:1rem 2rem;font-size:1.1rem;transition:all .3s}.nav-links a:hover{background:#d4af3733;padding-left:2.5rem;transform:translate(5px);box-shadow:0 4px 12px #d4af3740}.nav-links a.active{background:#d4af3740;border-left:4px solid #d4af37;padding-left:calc(2.5rem - 4px);box-shadow:0 4px 16px #d4af374d}}@media (max-width:480px){.nav{padding:0 1rem}.nav-brand span{font-size:1.1rem}.menu-toggle{width:28px;height:28px}.nav-links{padding:1.5rem 0;top:65px}.nav-links a{padding:.9rem 1.5rem;font-size:1rem}}.certificates{color:#fff;background:linear-gradient(135deg,#0f1419 0%,#162447 50%,#1a2332 100%);padding:80px 20px;position:relative;overflow:hidden}.certificates:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4af371a,#0000 70%);width:80%;height:80%;position:absolute;top:-30%;right:-30%}.certificates .section-title{text-align:center;letter-spacing:1px;margin-bottom:2.5rem;padding-bottom:1.5rem;font-size:2.8rem;font-weight:600;position:relative}.certificates .section-subtitle{text-align:center;color:#bbb;max-width:700px;margin:1.5rem auto 3.5rem;padding-top:1rem;font-size:1.1rem;line-height:1.7}.certificates-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:30px;margin-top:.5rem;display:grid;position:relative}.certificate-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;transition:transform .5s,box-shadow .5s;overflow:hidden;box-shadow:0 4px 25px #00000080}.certificate-card:hover{border-color:#d4af374d;transform:translateY(-8px);box-shadow:0 12px 40px #d4af374d,0 6px 20px #0006,inset 0 1px #ffffff1a}.certificate-image{height:220px;position:relative;overflow:hidden}.certificate-image img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.certificate-card:hover .certificate-image img{transform:scale(1.05)}.certificate-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.certificate-card:hover .certificate-overlay{opacity:1}.view-certificate-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:10px;padding:10px 20px;font-size:.95rem;transition:background .4s,transform .4s;display:flex}.view-certificate-btn:active{transform:scale(.95)}.certificate-content{padding:20px}.certificate-header{justify-content:space-between;align-items:center;display:flex}.certificate-header h3{margin:0;font-size:1.3rem;font-weight:600}.issuer-badge{color:#d4af37;background:#d4af3733;border:1px solid #d4af374d;border-radius:20px;padding:6px 14px;font-size:.85rem;box-shadow:0 2px 8px #d4af3733}.certificate-meta{color:#bbb;justify-content:space-between;margin:15px 0;font-size:.9rem;display:flex}.certificate-meta i{color:#d4af37;margin-right:8px}.certificate-skills{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.skill-tag{color:#ddd;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:6px 12px;font-size:.85rem;transition:all .4s}.skill-tag:active,.skill-tag:hover{color:#d4af37;background:#d4af3740;border-color:#d4af3766;transform:scale(.95);box-shadow:0 2px 8px #d4af374d}.certificate-actions{justify-content:space-between;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;transition:all .4s;display:flex}.btn-outline{color:#d4af37;background:0 0;border:1px solid #d4af37;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline:active,.btn-outline:hover{background:#d4af3726;border-color:#e5c158;transform:scale(.95);box-shadow:0 4px 12px #d4af374d}.btn-primary{color:#0f1419;background:linear-gradient(135deg,#d4af37 0%,#e5c158 50%,#d4af37 100%) 0 0/200% 200%;border:1px solid #d4af374d;font-weight:600;transition:all .6s ease-in-out;animation:5s ease-in-out infinite alternate verifyPulse,3s infinite gradientShift;transform:translateY(0);box-shadow:0 6px 20px #d4af3766,0 2px 8px #0000004d,inset 0 1px #ffffff4d}.btn-primary:active{transform:scale(.97)}@keyframes verifyPulse{0%{transform:translateY(0)scale(1);box-shadow:0 6px 20px #d4af3766,0 2px 8px #0000004d}50%{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 30px #d4af3799,0 4px 12px #0006}to{transform:translateY(0)scale(1);box-shadow:0 6px 20px #d4af3766,0 2px 8px #0000004d}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:1s forwards fade-in-up}@media (max-width:968px){.certificates{padding:70px 20px}.certificates .section-title{margin-bottom:2rem;padding-bottom:1.2rem;font-size:2.4rem}.certificates .section-subtitle{margin-top:1rem;margin-bottom:3rem;padding-top:.8rem}.certificates-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}}@media (max-width:768px){.certificates{padding:60px 16px}.certificates .section-title{margin-bottom:2.5rem;padding-bottom:2rem;font-size:2rem;line-height:1.2}.certificates .section-subtitle{margin-top:1.5rem;margin-bottom:3.5rem;padding-top:1.2rem;font-size:1rem;line-height:1.8}.certificates-grid{grid-template-columns:1fr;gap:20px;margin-top:1.5rem}.certificate-image{height:200px}.certificate-header h3{font-size:1.2rem}.certificate-content{padding:18px}}@media (max-width:480px){.certificates{padding:50px 12px}.certificates .section-title{margin-bottom:2.5rem;padding-bottom:2rem;font-size:1.7rem;line-height:1.2}.certificates .section-subtitle{margin-top:1.5rem;margin-bottom:3rem;padding-top:1.5rem;font-size:.95rem;line-height:1.7}.certificates-grid{margin-top:1.2rem}.certificate-image{height:180px}.certificate-header{flex-direction:column;align-items:flex-start;gap:10px}.certificate-header h3{font-size:1.1rem}.certificate-meta{flex-direction:column;gap:8px}.certificate-actions{flex-direction:column}.btn{width:100%}}