:root{--bg-color:#0a192f;--text-color:#64ffda;--accent-color:#ff5722;--secondary-color:#ccd6f6;--dark-text:#0a192f;--font-h:"Michroma",sans-serif;--font-body:"Space Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);background-image:linear-gradient(90deg,#ccd6f60d 1px,#0000 1px),linear-gradient(#ccd6f60d 1px,#0000 1px);background-size:25px 25px;font-size:16px;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2{font-family:var(--font-h);color:var(--text-color);text-transform:uppercase;letter-spacing:2px}h3{font-family:var(--font-h);color:var(--text-color);margin-bottom:10px;font-size:1.25em}a{color:var(--text-color);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:var(--accent-color);text-shadow:0 0 8px var(--accent-color)}header{border-bottom:3px solid var(--accent-color);background-color:var(--bg-color);z-index:1000;padding:20px 0;position:sticky;top:0}header .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--accent-color);font-size:1.8em}nav a{margin-left:25px;font-size:.9em;font-weight:600}.hero{padding:100px 0 80px}.hero h1{color:var(--text-color);margin-bottom:5px;font-size:3.8em}.hero h2{color:var(--accent-color);font-size:3em;line-height:1}.hero p{color:var(--secondary-color);opacity:.8;margin-top:15px;font-size:1.2em}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:80px;display:grid}.card{background-color:var(--bg-color);border:3px solid var(--text-color);box-shadow:6px 6px 0px var(--accent-color);padding:25px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:10px 10px 0px var(--accent-color);transform:translate(-4px,-4px)}.card p{color:var(--secondary-color);margin-bottom:0;font-size:.95em}.card-cta{background-color:var(--accent-color);color:var(--dark-text);font-family:var(--font-h);border:2px solid var(--text-color);margin-top:20px;padding:10px 18px;font-size:.9em;transition:background-color .2s,border-color .2s;display:inline-block}.card-cta:hover{background-color:var(--text-color);color:var(--dark-text);border-color:var(--accent-color);text-shadow:none}.log-journey h2{margin-bottom:40px;font-size:1.7em}.timeline-entry{border:1px solid var(--secondary-color);background-color:#64ffda0d;align-items:flex-start;margin-bottom:25px;padding:15px 20px;display:flex;position:relative}.timeline-entry:before{content:"";background-color:var(--accent-color);border:3px solid var(--bg-color);z-index:10;width:15px;height:15px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.timeline-entry p{color:var(--secondary-color);text-align:justify;margin:0;font-size:1em}.timeline-entry span{color:var(--text-color);flex-shrink:0;margin-right:15px;font-weight:700}footer{text-align:center;border-top:1px dashed var(--secondary-color);color:var(--secondary-color);margin-top:60px;padding:40px 0;font-size:.85em}@media (max-width:992px){.hero h1{font-size:3em}.hero h2{font-size:2.5em}}@media (max-width:768px){.hero{padding:50px 0 40px}.hero h1{font-size:2.2em}.hero h2{font-size:1.6em}header .container{text-align:center;flex-direction:column}nav{margin-top:15px}nav a{margin:0 10px}.projects-grid{gap:30px}.timeline-entry{flex-direction:column;align-items:flex-start;padding-left:30px}.timeline-entry span{margin-bottom:5px}.timeline-entry:before{left:-8px}}