:root{--bg-color: #000000;--text-color: #888888;--highlight-color: #ffffff;--font-main: "Lato", sans-serif;--font-display: "Cinzel", serif;--spotlight-size: 300px}#global-light{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:5;opacity:.5}*{margin:0;padding:0;box-sizing:border-box;cursor:none}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;line-height:1.8}#spotlight{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),transparent 0%,rgba(0,0,0,.95) var(--spotlight-size));z-index:9999}#smoke-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;opacity:.6}.logo-container{position:fixed;top:30px;left:30px;width:70px;height:70px;z-index:100;mix-blend-mode:difference;opacity:0;animation:fadeIn 1s ease-out .5s forwards}.logo-svg{width:100%;height:100%}.logo-path{stroke-dasharray:300;stroke-dashoffset:300;animation:drawLogo 3s ease-out forwards .5s}@keyframes drawLogo{to{stroke-dashoffset:0}}.lang-switch{position:fixed;top:2rem;right:2rem;z-index:10000;font-family:var(--font-display);font-size:.9rem;letter-spacing:2px}.lang-opt{cursor:pointer;opacity:.5;transition:opacity .3s}.lang-opt:hover,.lang-opt.active{opacity:1;color:var(--highlight-color)}.separator{margin:0 .5rem;opacity:.3}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}.hero-title{font-family:var(--font-display);font-size:4rem;color:var(--highlight-color);letter-spacing:.5rem;margin-bottom:1rem;text-transform:uppercase;opacity:0;animation:fadeIn 2s forwards .5s}.hero-subtitle{font-size:1.2rem;font-weight:300;letter-spacing:.2rem;margin-bottom:3rem;opacity:0;animation:fadeIn 2s forwards 1.5s}.btn-mysterious{display:inline-block;padding:1rem 3rem;border:1px solid var(--text-color);color:var(--text-color);text-decoration:none;text-transform:uppercase;letter-spacing:.2rem;font-size:.8rem;transition:all .5s ease;opacity:0;animation:fadeIn 2s forwards 2.5s}.btn-mysterious:hover{border-color:var(--highlight-color);color:var(--highlight-color);box-shadow:0 0 20px #ffffff1a}.section{padding:8rem 10%;min-height:60vh;display:flex;align-items:center;justify-content:center}.container{max-width:800px;text-align:center}.section-title{font-family:var(--font-display);font-size:2.5rem;color:var(--highlight-color);margin-bottom:2rem;letter-spacing:.3rem}.about-text{font-size:1.1rem;max-width:600px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4rem;margin-top:3rem}.project-card{border:1px solid #222;padding:2rem;transition:all .5s}.project-card:hover{border-color:#444;transform:scale(1.02)}.project-info h3{font-family:var(--font-display);font-weight:400;letter-spacing:.1rem}footer{text-align:center;padding:3rem;font-size:.8rem;opacity:.3}@keyframes fadeIn{to{opacity:1}}@media(max-width:768px){.logo-container{width:50px;height:50px;top:20px;left:20px}.lang-switch{top:25px;right:20px;font-size:.8rem}.hero-title{font-size:3rem;letter-spacing:.3rem}.hero-subtitle{font-size:1rem;letter-spacing:.1rem;max-width:90%}footer{font-size:.7rem;bottom:1rem}}@media(max-width:480px){.hero-title{font-size:2.2rem;letter-spacing:.2rem}.hero-subtitle{font-size:.9rem}}