: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}main.container{max-width:1000px}h1,h2{font-family:var(--font-h);color:var(--text-color);text-transform:uppercase;letter-spacing:2px}h3{font-family:var(--font-body);color:var(--text-color);border-bottom:2px solid var(--accent-color);margin-bottom:15px;padding-bottom:5px;font-size:1.5em;display:inline-block}p{color:var(--secondary-color);text-align:justify;margin-bottom:1.5em}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}.about-section{padding:80px 0}.about-header{text-align:center;margin-bottom:60px}.about-header h1{color:var(--accent-color);margin-bottom:10px;font-size:3em}.about-header p{color:var(--text-color);text-align:center;font-size:1.2em}.profile-info{border:3px solid var(--text-color);box-shadow:6px 6px 0px var(--accent-color);align-items:flex-start;gap:40px;margin-bottom:60px;padding:30px;display:flex;overflow:hidden}.profile-photo{width:150px;height:190px;color:var(--secondary-color);font-size:.8em;font-family:var(--font-body);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-details{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;flex-grow:1;min-width:0}.profile-details h2{color:var(--text-color);overflow-wrap:break-word;word-wrap:break-word;margin-bottom:10px;font-size:1.8em}.social-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.social-links a{font-family:var(--font-h);background-color:var(--accent-color);color:var(--dark-text);letter-spacing:1px;white-space:nowrap;flex-shrink:0;padding:8px 15px;font-size:.8em}.history-timeline{margin-top:40px}.history-entry{border-left:2px dashed var(--secondary-color);margin-left:10px;padding-bottom:40px;padding-left:30px;display:flex;position:relative}.history-entry:last-child{border-left:none;padding-bottom:0}.history-entry:before{content:">>>";color:var(--accent-color);font-family:var(--font-h);font-size:.8em;position:absolute;top:0;left:-18px}.entry-content{flex-grow:1}.entry-content h4{color:var(--text-color);margin-bottom:5px;font-size:1.2em}.entry-content span{color:var(--accent-color);margin-bottom:10px;font-size:.9em;display:block}.skills-matrix{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:40px;margin-bottom:60px;display:grid}.skill-group{border:1px solid var(--secondary-color);box-shadow:2px 2px 0px var(--accent-color);padding:20px}.skill-group h4{font-family:var(--font-h);color:var(--accent-color);border-bottom:1px solid var(--text-color);margin-bottom:15px;padding-bottom:5px;font-size:1em}.skill-list span{background-color:var(--text-color);color:var(--dark-text);border-right:3px solid var(--accent-color);margin:0 8px 8px 0;padding:4px 8px;font-size:.8em;display:inline-block}footer{text-align:center;border-top:1px dashed var(--secondary-color);color:var(--secondary-color);margin-top:60px;padding:40px 0;font-size:.85em}footer p{text-align:center}@media (max-width:768px){header .container{text-align:center;flex-direction:column}nav{margin-top:15px}nav a{margin:0 10px}.about-header h1{font-size:2em}.profile-info{text-align:center;flex-direction:column;gap:20px;padding:20px}.profile-photo{margin:0 auto 20px}.profile-details h2{font-size:1.4em}.history-entry{padding-left:15px}.history-entry:before{left:-10px}}