:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}.app{color:#0f8;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);font-family:Orbitron,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{z-index:100;background:#000c;border-bottom:2px solid #0f8;width:100%;position:fixed;top:0}header .container{justify-content:space-between;align-items:center;padding:20px;display:flex}header h1{text-shadow:0 0 10px #0f8;font-size:2rem}nav ul{list-style:none;display:flex}nav ul li{margin-left:30px}nav ul li a{color:#0f8;font-weight:700;text-decoration:none;transition:color .3s}nav ul li a:hover{color:#f08;text-shadow:0 0 5px #f08}.hero{text-align:center;background:url(/hero-bg.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero:before{content:"";background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.hero .container{z-index:1;position:relative}.hero h2{text-shadow:0 0 20px #0f8;margin-bottom:20px;font-size:3rem}.hero p{color:#fff;margin-bottom:30px;font-size:1.2rem}.btn{color:#000;background:#0f8;border-radius:5px;padding:15px 30px;font-weight:700;text-decoration:none;transition:background .3s,box-shadow .3s;display:inline-block}.btn:hover{background:#f08;box-shadow:0 0 15px #f08}section{padding:100px 0}section h2{text-align:center;text-shadow:0 0 10px #0f8;margin-bottom:50px;font-size:2.5rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.project-card{text-align:center;background:#000c;border:1px solid #0f8;border-radius:10px;padding:30px;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #00ff884d}.project-card h3{color:#f08;margin-bottom:15px}.project-card p{color:#fff;margin-bottom:20px}.about,.contact{text-align:center}.about p,.contact p{color:#fff;max-width:600px;margin:0 auto;font-size:1.1rem}.contact a{color:#0f8}footer{text-align:center;background:#000c;border-top:2px solid #0f8;padding:20px 0}footer p{color:#fff}@media (max-width:768px){header .container{flex-direction:column}nav ul{margin-top:20px}nav ul li{margin-left:20px}.hero h2{font-size:2rem}.hero p{font-size:1rem}}