.about-page{color:#cfc;background:#0d0d0d;justify-content:center;min-height:100vh;padding:3rem 2rem;font-family:Courier New,monospace;display:flex}.about-page .about-container{width:100%;max-width:1200px;padding:0 2rem}.about-page .about-title{color:#00ff85;margin-bottom:.5rem;font-size:1.3rem}.about-page .about-subtitle{color:#fffa;text-align:center;width:100%;margin-bottom:2rem;font-size:1rem}.about-page .about-grid{gap:1.5rem;display:grid}@media (min-width:768px){.about-page .about-grid{grid-template-columns:1fr 2fr;align-items:start}}.about-page .about-grid .profile-card{background:#0b0b0b;border:2px solid #00ff85;border-radius:8px;flex-direction:column;align-items:center;width:100%;max-width:300px;padding:.5rem;transition:box-shadow .3s;display:flex}.about-page .about-grid .profile-card:hover{box-shadow:0 0 15px #00ff85}.about-page .about-grid .profile-card .img-wrapper{aspect-ratio:1;background:#0d0d0d;width:100%;margin-bottom:.5rem;overflow:hidden}.about-page .about-grid .profile-card .img-wrapper img{object-fit:cover;opacity:.8;mix-blend-mode:screen;width:100%;height:100%}.about-page .about-grid .profile-card .img-id{text-align:center;color:#00ff85;font-size:.625rem}.about-page .about-grid .about-content{flex-direction:column;gap:1.5rem;display:flex}.about-page .about-grid .about-content .ascii-card{background:#0d0d0d;border:2px solid #00ff85;border-radius:8px;padding:1rem;transition:box-shadow .2s;overflow-x:auto}.about-page .about-grid .about-content .ascii-card:hover{box-shadow:0 0 12px #00ff85}.about-page .about-grid .about-content .ascii-card p,.about-page .about-grid .about-content .ascii-card a{color:#fff;margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.about-page .about-grid .about-content .ascii-card a{text-decoration:underline;transition:color .2s}.about-page .about-grid .about-content .ascii-card a:hover{color:#00ff85}.about-page .about-grid .about-content .ascii-card .tag-label{color:#00ff85;text-transform:uppercase;margin-bottom:.5rem;font-weight:700}.animate-fadeIn{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html,body{touch-action:manipulation;-webkit-user-select:none;user-select:none;overscroll-behavior-x:none}