@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{min-height:100vh;background-color:var(--DARKBLUE-COLOR);font-size:1rem;font-family:DM Sans,sans-serif;line-height:1.6;color:var(--LIGHT-COLOR);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b121a}::-webkit-scrollbar-thumb{background:#21354f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--YEllOW-COLOR)}::selection{background:var(--YEllOW-COLOR);color:var(--DARKBLUE-COLOR)}:root{--LIGHT-COLOR: #EDEDED;--LIGHTBLUE-COLOR: #21354f;--DARK-COLOR: #000;--DARKBLUE-COLOR: #101820;--GRAY-COLOR: #C9C9C9;--YEllOW-COLOR: #FEE715}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;position:sticky;top:0;left:0;right:0;background:linear-gradient(180deg,#0f1722,#0c1420);z-index:999;border-bottom:1px solid rgba(255,255,255,.04);transition:box-shadow .3s ease,background .3s ease}.header-container.scrolled{box-shadow:0 4px 30px #00000080;background:#0c1420f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#header-left{margin-left:200px}#header-right{margin-right:200px}#logo-text a{position:relative;font-weight:900;font-size:2rem;letter-spacing:1.5px;text-decoration:none;color:var(--LIGHT-COLOR);transition:color .2s ease,letter-spacing .2s ease}#logo-text a:hover{color:var(--YEllOW-COLOR);letter-spacing:2.5px}#logo-text a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background-color:var(--YEllOW-COLOR);transition:width .25s ease}#logo-text a:hover:after{width:100%}.nav-links{list-style:none;display:flex;gap:2.2rem}.links a{position:relative;font-size:.95rem;letter-spacing:.5px;color:var(--GRAY-COLOR);text-decoration:none;transition:color .2s ease}.links a:hover,.links a.active{color:var(--LIGHT-COLOR)}.links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background-color:var(--YEllOW-COLOR);transition:width .25s ease}.links a:hover:after,.links a.active:after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;margin-right:24px;z-index:1001}.hamburger span{display:block;width:100%;height:2px;background:var(--LIGHT-COLOR);border-radius:2px;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;position:fixed;inset:0;background:#0a111af7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav.open{opacity:1;pointer-events:all}.mobile-nav ul{list-style:none;display:flex;flex-direction:column;gap:2rem;text-align:center}.mobile-nav ul a{font-size:1.5rem;color:var(--GRAY-COLOR);text-decoration:none;font-weight:600;transition:color .2s ease}.mobile-nav ul a:hover,.mobile-nav ul a.active{color:var(--YEllOW-COLOR)}.footer{width:100%;padding:2.5rem 0 2rem;background-color:#0b121a;color:var(--LIGHT-COLOR);border-top:1px solid #1e2d41;position:relative;text-align:center}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(to right,transparent,var(--YEllOW-COLOR),transparent);opacity:.6}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-links{display:flex;gap:2rem}.footer-links a{position:relative;color:var(--LIGHT-COLOR);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:var(--YEllOW-COLOR)}.footer-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:var(--YEllOW-COLOR);transition:width .3s ease}.footer-links a:hover:after{width:100%}.footer-copyright{font-size:.85rem;color:#6c757d}@media(max-width:900px){.header-container{padding:0 35px;margin-top:0;height:70px}#header-left{margin-left:0}#header-right{display:none}#logo-text a{font-size:1.4rem}.hamburger{display:flex;margin-right:0}.mobile-nav{display:flex;position:fixed;inset:0;background:#0a111afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav.open{opacity:1;pointer-events:all}.mobile-nav ul{gap:2rem}.mobile-nav ul a{font-size:1.8rem;font-weight:600}}.intro{display:flex;justify-content:center;margin:60px auto;max-width:1400px;padding:80px 100px}#extra-intro{max-width:1000px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:7.5em}#avatar{flex-shrink:0;position:relative;width:280px;height:280px}.avatar-hex{width:280px;height:280px;border-radius:50%;overflow:hidden;border:3px solid var(--GRAY-COLOR);transition:border-color .3s ease,box-shadow .3s ease}#avatar:hover .avatar-hex{border-color:var(--YEllOW-COLOR);box-shadow:0 0 28px #fee71526}.avatar-hex img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}#avatar:hover .avatar-hex img{transform:scale(1.04)}.avatar-glow,.avatar-dot{display:none}#intro-text{flex:1;font-size:1rem}#intro-text h4,#intro-text h2,#intro-text p{color:var(--GRAY-COLOR);margin:10px auto}#intro-text h1{color:var(--YEllOW-COLOR);font-size:2.8rem}.intro-btn{display:flex;gap:14px;margin-top:24px}.intro-btn a{font-size:.95rem;text-decoration:none;padding:10px 22px;border-radius:10px;transition:.2s ease;font-weight:700}.intro-btn a:hover{transform:translateY(-2px)}#contactBtn{background-color:var(--YEllOW-COLOR);color:var(--DARKBLUE-COLOR)}#contactBtn:hover{background-color:var(--LIGHT-COLOR);color:var(--LIGHTBLUE-COLOR)}#downloadBtn{background-color:var(--LIGHTBLUE-COLOR);color:var(--LIGHT-COLOR)}#downloadBtn:hover{background-color:var(--LIGHT-COLOR);color:var(--DARK-COLOR)}.socials{margin-top:24px;display:flex;gap:20px}.socials a{color:var(--GRAY-COLOR);font-size:1.2rem;transition:color .2s ease,transform .2s ease}.socials a:hover{color:var(--LIGHT-COLOR);transform:translateY(-2px)}.about{padding:80px 100px;text-align:center}.reveal-container{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal-container.reveal{opacity:1;transform:translateY(0)}.about #aboutMe{font-size:2.8rem;color:var(--LIGHT-COLOR);margin-bottom:20px;display:inline-block;border-bottom:3px solid var(--LIGHT-COLOR)}.about-intro{max-width:720px;margin:20px auto 60px;color:var(--GRAY-COLOR);font-size:1rem;line-height:1.8}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}.about-card{background:linear-gradient(180deg,#162233,#101820);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px 18px;display:grid;grid-template-rows:auto 1fr auto;text-align:center;gap:10px;transition:.3s ease}.about-card:hover{transform:translateY(-6px);border-color:#fee71566;box-shadow:0 16px 32px #0006}.about-card h3{color:var(--YEllOW-COLOR);font-size:1.1rem;letter-spacing:1.5px;border-bottom:2px solid rgba(254,231,21,.3);padding-bottom:10px}.about-card p{color:var(--LIGHT-COLOR);font-size:1.15rem;font-weight:700}.about-card span{color:var(--GRAY-COLOR);font-size:.78rem;line-height:1.4}@media(max-width:1024px){.about-grid{grid-template-columns:repeat(2,1fr)}#extra-intro{gap:3em}.intro,.about{padding:60px 40px}}@media(max-width:768px){#extra-intro{flex-direction:column;gap:2em;text-align:center}#intro-text h1{font-size:2rem}#avatar img{width:275px;height:275px}.intro-btn,.socials{justify-content:center}.about-grid{grid-template-columns:1fr 1fr}.intro,.about{padding:40px 24px}}@media(max-width:480px){.about-grid{grid-template-columns:1fr}}.skills{padding:80px 120px;text-align:center}.skills-title{font-size:2.5rem;color:var(--LIGHT-COLOR);display:inline-block;border-bottom:3px solid var(--LIGHT-COLOR);margin-bottom:12px}.skills-subtitle{color:var(--GRAY-COLOR);font-size:1rem;margin-bottom:60px}.skills-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.skill-tile{background:linear-gradient(180deg,#162233,#101820);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--LIGHT-COLOR);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,border-color .25s ease,box-shadow .25s ease}.skill-tile.visible{opacity:1;transform:translateY(0)}.skill-tile i{font-size:2rem;color:var(--YEllOW-COLOR);transition:transform .25s ease}.skill-name{font-size:.9rem;letter-spacing:.5px}.skill-tile:hover{transform:translateY(-6px);border-color:var(--YEllOW-COLOR);box-shadow:0 8px 24px #fee71514}.skill-tile:hover i{transform:scale(1.15)}@media(max-width:768px){.skills{padding:60px 24px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px}}#projects-section{padding:80px 8%;background-color:var(--DARKBLUE-COLOR)}.intro-projects{text-align:center;margin-bottom:56px}.intro-projects p{color:var(--GRAY-COLOR);font-size:1rem;margin-top:8px}.intro-projects h1{color:var(--LIGHT-COLOR);font-size:2.5rem;display:inline-block;border-bottom:3px solid var(--LIGHT-COLOR)}.all-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto}.project{position:relative;background:linear-gradient(145deg,#141e2b,#0f1720);border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;padding:32px 28px 28px;display:flex;flex-direction:column;gap:0;opacity:0;transform:translateY(28px);transition:opacity .5s ease,transform .5s ease,border-color .3s ease,box-shadow .3s ease}.project.visible{opacity:1;transform:translateY(0)}.project:hover{border-color:#fee7154d;box-shadow:0 20px 48px #00000080,0 0 0 1px #fee71514}.project-number{position:absolute;top:-10px;right:20px;font-size:6rem;font-weight:900;color:#fee7150a;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-4px;transition:color .3s ease}.project:hover .project-number{color:#fee71514}.project-inner{display:flex;flex-direction:column;gap:16px;flex:1}.project-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.project-title{color:var(--LIGHT-COLOR);font-size:1.15rem;font-weight:700;letter-spacing:.3px}.project-sub{color:var(--YEllOW-COLOR);font-size:.72rem;letter-spacing:1px;text-transform:uppercase;margin-top:4px;opacity:.8}.project-links{display:flex;gap:14px;flex-shrink:0;padding-top:2px}.project-links a{color:var(--GRAY-COLOR);font-size:1rem;transition:color .2s ease,transform .2s ease}.project-links a:hover{color:var(--YEllOW-COLOR);transform:translateY(-2px)}.project-desc{color:var(--GRAY-COLOR);font-size:.88rem;line-height:1.65;flex:1}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.project-tech span{padding:4px 13px;border-radius:999px;font-size:.68rem;letter-spacing:.6px;font-weight:600;background:#fee71512;color:var(--YEllOW-COLOR);border:1px solid rgba(254,231,21,.2);transition:background .2s ease,border-color .2s ease}.project:hover .project-tech span{background:#fee7151f;border-color:#fee71559}@media(max-width:1024px){.all-projects{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.all-projects{grid-template-columns:1fr}#projects-section{padding:60px 24px}}#contact-section{padding:100px 50px;text-align:center}.contact-container{max-width:1000px;margin:0 auto}.contact-container>h1{font-size:2.5rem;margin-bottom:10px;color:var(--LIGHT-COLOR);display:inline-block;border-bottom:3px solid var(--LIGHT-COLOR)}.contact-container>p{font-size:1rem;color:var(--GRAY-COLOR);margin-bottom:40px}.contact-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.contact-form{flex:1 1 400px;display:flex;flex-direction:column;gap:14px}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:12px 14px;font-size:.95rem;font-family:Roboto,sans-serif;background:#131e2b;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--LIGHT-COLOR);transition:border-color .25s ease,box-shadow .25s ease;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#5a6a7a}.form-group input:focus,.form-group textarea:focus{border-color:var(--YEllOW-COLOR);box-shadow:0 0 0 3px #fee7151a}.form-group.has-error input,.form-group.has-error textarea{border-color:#e05c5c}.field-error{display:block;font-size:.78rem;color:#e05c5c;margin-top:4px;text-align:left}.contact-btn{background-color:var(--YEllOW-COLOR);color:#101820;font-weight:700;padding:13px 0;font-size:1rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,opacity .2s ease;font-family:Roboto,sans-serif}.contact-btn:hover:not(:disabled){background-color:#e6d01a}.contact-btn:disabled{opacity:.6;cursor:not-allowed}.form-feedback{font-size:.9rem;padding:10px;border-radius:8px;text-align:center}.form-feedback.success{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.form-feedback.error{background:#e05c5c1a;color:#e05c5c;border:1px solid rgba(224,92,92,.3)}.contact-info{flex:1 1 280px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:20px}.contact-info p{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--GRAY-COLOR);margin:0}.contact-info a{color:var(--GRAY-COLOR);text-decoration:none;transition:color .2s ease}.contact-info a:hover{color:var(--YEllOW-COLOR)}.contact-info i{color:var(--YEllOW-COLOR);font-size:1.1rem;width:20px;text-align:center}@media(max-width:768px){#contact-section{padding:60px 24px}.contact-content{flex-direction:column;align-items:center;gap:0}.contact-info{text-align:center;margin-top:0;flex:1 1 140px}.contact-info p{justify-content:center}}