*{box-sizing:border-box;margin:0;padding:0}:root{--navbar-height:70px}html{scroll-behavior:smooth}img{max-width:100%;display:block}body{overflow-x:hidden}.sports-selector{align-items:center;gap:10px;margin-bottom:15px;display:flex}#sport-icon{width:100px;height:auto}.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.sport-dropdown{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-size:14px}body{color:#333;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}body.dark{color:#e0e0e0;background-color:#0f0f0f}.navbar{width:100%;min-height:var(--navbar-height);z-index:1000;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:all .3s;display:flex;position:fixed;top:0;box-shadow:0 2px 8px #0000001a}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;padding:.5rem 2rem;box-shadow:0 2px 20px #00000026}body.dark .navbar{background:#1a1a1a;border-bottom:1px solid #333;box-shadow:0 2px 8px #00000080}body.dark .navbar.scrolled{background:#1a1a1af2;box-shadow:0 2px 20px #000000b3}.navbar .logo{color:#333;white-space:nowrap;font-size:1.5rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.logo .full-name{opacity:1;transition:all .3s;display:inline-block;transform:translate(0)}.logo .initials{opacity:0;transition:all .3s;display:inline-block;position:absolute;top:0;left:0;transform:translate(-20px)}.navbar.scrolled .logo{font-size:1.3rem}.navbar.scrolled .logo .full-name{opacity:0;transform:translate(20px)}.navbar.scrolled .logo .initials{opacity:1;transform:translate(0)}body.dark .navbar .logo{color:#fff}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#333;font-weight:500;text-decoration:none;transition:color .3s}body.dark .nav-links a{color:#e0e0e0}.nav-links a:hover,.nav-links a.active{color:#f0a500}.theme-toggle-container{z-index:1001;align-items:center;gap:.5rem;display:flex;position:relative}.theme-toggle-wrapper{align-items:center;gap:.5rem;display:flex}.theme-label-left,.theme-label-right{color:#333;opacity:1;font-size:.85rem;transition:all .3s;transform:translate(0)}body.dark .theme-label-left,body.dark .theme-label-right{color:#e0e0e0}.navbar.scrolled .theme-label-left,.navbar.scrolled .theme-label-right{opacity:0;pointer-events:none;transform:translate(-10px)}#theme-toggle{cursor:pointer;z-index:1002;background:#ddd;border:none;border-radius:15px;outline:none;width:60px;height:30px;transition:background .3s;position:relative}#theme-toggle:focus{outline-offset:2px;outline:2px solid #f0a500}body.dark #theme-toggle{background:#555}#theme-toggle:before{content:"";pointer-events:none;background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}body.dark #theme-toggle:before{background:#333;transform:translate(30px)}.subtitle{color:#ccc;margin-top:-10px;margin-bottom:20px;font-size:1.6rem;font-style:italic}.hero{color:#fff;text-align:center;height:80vh;margin-top:var(--navbar-height);background:linear-gradient(90deg,#6a11cb,#2575fc);justify-content:center;align-items:center;padding:0 1rem;display:flex}.hero-content h1{margin-bottom:1rem;font-size:3rem}.hero-content span{color:#f0a500}.btn{color:#fff;background:#f0a500;border-radius:5px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .3s,transform .2s;display:inline-block}.btn:hover{background:#c87c00;transform:translateY(-2px)}.btn.small{padding:.4rem 1rem;font-size:.9rem}.section{text-align:center;opacity:0;scroll-margin-top:calc(var(--navbar-height) + 1rem);padding:4rem 2rem;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.section.visible{opacity:1;transform:translateY(0)}.section-title{color:#444;margin-bottom:2rem;font-size:2.5rem;display:inline-block;position:relative}.section-title:after{content:"";background:#f0a500;border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}body.dark .section-title{color:#ddd}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:auto;display:grid}.project-card{background:#c9c9c98f;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;height:100%;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 5px 15px #0000001a}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px #00000026}body.dark .project-card{background:#222;border:1px solid #444;box-shadow:0 5px 15px #00000080}.project-card img{object-fit:cover;border-radius:8px;width:100%;height:180px;margin-bottom:1rem}.project-card h3{color:#2575fc;margin-bottom:.8rem}body.dark .project-card h3{color:#6a11cb}.project-card p{flex-grow:1;margin-bottom:1.2rem}.project-links{justify-content:center;gap:4px;margin-top:auto;display:flex}.about-text{color:#333;text-align:left;max-width:700px;margin:auto;font-size:1.1rem;line-height:1.8}body.dark .about-text{color:#ccc}.contact-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:1rem;display:flex}.contact-links a{color:#2575fc;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.contact-links a:hover{color:#6a11cb}body.dark .contact-links a{color:#f0a500}body.dark .contact-links a:hover{color:#fbbf24}footer{text-align:center;color:#fff;background:#222;margin-top:2rem;padding:1.5rem}body.dark footer{background:#111}.hamburger{cursor:pointer;z-index:1003;background:0 0;border:none;flex-direction:column;justify-content:center;gap:6px;width:30px;height:30px;padding:0;display:none}.hamburger span{transform-origin:50%;background:#333;border-radius:3px;width:25px;height:3px;transition:all .3s;display:block}body.dark .hamburger span{background:#fff}.hamburger.active span:first-child{transform:rotate(45deg)translateY(9px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translateY(-9px)}@media (width<=768px){.hamburger{display:flex}.navbar{gap:.75rem;padding:.75rem 1rem}.navbar.scrolled{padding:.5rem 1rem}.navbar .logo{font-size:1.15rem}.navbar.scrolled .logo{font-size:1rem}.nav-links{top:var(--navbar-height);width:100vw;height:calc(100vh - var(--navbar-height));z-index:999;background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:2rem;list-style:none;transition:right .3s;position:fixed;right:-100vw}body.dark .nav-links{background:#1a1a1a}.nav-links.active{right:0}.nav-links li{margin:1rem 0}.theme-toggle-container{order:-1;margin-left:1rem;margin-right:auto}.theme-toggle-wrapper{gap:.3rem}.theme-label-left,.theme-label-right{font-size:.75rem}#theme-toggle{width:50px;height:25px}#theme-toggle:before{width:19px;height:19px;top:3px;left:3px}body.dark #theme-toggle:before{transform:translate(25px)}.hero{min-height:72vh;padding:0 1rem}.hero-content h1{font-size:2.2rem}.subtitle{margin-top:-.25rem;margin-bottom:1rem;font-size:1.2rem}.hero-content p{font-size:1rem}.section{padding:3rem 1rem}.section-title{font-size:2rem}.project-grid{grid-template-columns:1fr;gap:1.25rem}.project-card{padding:1.25rem}.project-card img{height:160px}.sports-selector{flex-direction:column;align-items:flex-start;gap:.75rem}.sport-dropdown{width:100%;max-width:260px}#sport-icon{width:72px}.project-links{flex-wrap:wrap;gap:.5rem}.contact-links{gap:1rem}.contact-links a{font-size:1rem}}@media (width<=480px){.navbar{padding:.65rem .85rem}.navbar .logo,.navbar.scrolled .logo{font-size:1rem}.theme-toggle-container{margin-left:.5rem}.theme-label-left,.theme-label-right{display:none}.hero{min-height:68vh;padding:0 .75rem}.hero-content h1{font-size:1.8rem;line-height:1.15}.subtitle{font-size:1rem}.hero-content p{font-size:.95rem}.btn{width:100%;max-width:280px}.section{padding:2.5rem .85rem}.section-title{font-size:1.6rem}.about-text{text-align:left;font-size:1rem;line-height:1.7}.project-card{padding:1rem}.project-card img{height:150px}.project-card p{font-size:.97rem}.sport-dropdown{max-width:100%}.project-links .btn.small{text-align:center;width:100%}.contact-links{flex-direction:column;align-items:stretch;gap:.75rem}.contact-links a{background:#2575fc0d;border:1px solid #2575fc33;border-radius:10px;justify-content:center;width:100%;padding:.85rem 1rem;font-size:.95rem}body.dark .contact-links a{background:#f0a50014;border-color:#f0a5002e}footer{padding:1.25rem 1rem;font-size:.9rem}}