.retro-page{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='8' stroke='%2300ff41' stroke-width='2' fill='none'/%3E%3Cline x1='10' y1='2' x2='10' y2='18' stroke='%2300ff41' stroke-width='1'/%3E%3Cline x1='2' y1='10' x2='18' y2='10' stroke='%2300ff41' stroke-width='1'/%3E%3C/svg%3E") 10 10,crosshair;background:#0a0a0a;color:#00ff41;font-family:Courier New,Lucida Console,monospace;min-height:100vh;position:relative;overflow-x:hidden}.retro-page a{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpolygon points='4,2 20,12 4,22' fill='%2300ff41'/%3E%3C/svg%3E") 4 12,pointer}.matrix-rain{position:fixed;top:0;left:0;z-index:0;pointer-events:none;opacity:.06}.matrix-rain,.matrix-rain canvas{width:100%;height:100%}.crt-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.015) 0,rgba(0,255,65,.015) 4px)}.crt-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.4) 100%)}.retro-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:20px}.retro-header{text-align:center;padding:30px 0;border-bottom:2px dashed #00ff41;margin-bottom:20px}.retro-header h1{font-size:2rem;color:#00ff41;text-shadow:0 0 10px #00ff41,0 0 20px #00ff4180,0 0 40px #00ff4140;letter-spacing:4px;animation:glow-pulse 3s ease-in-out infinite}.retro-header .subtitle{color:#00cc33;font-size:.85rem;letter-spacing:2px;margin-top:8px;opacity:.8}.ascii-art{font-size:.55rem;line-height:1.1;color:#00ff41;text-align:center;opacity:.7;white-space:pre;text-shadow:0 0 5px #00ff41}.ascii-art,.retro-marquee{margin:15px 0;overflow:hidden}.retro-marquee{background:#001a00;border:1px solid #00ff41;padding:8px 0}.retro-marquee .marquee-content{display:inline-block;white-space:nowrap;animation:marquee-scroll 25s linear infinite;color:#00ff41;font-size:.85rem}@keyframes marquee-scroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.visitor-counter{text-align:center;margin:15px 0;padding:10px;border:1px dashed #00883380}.visitor-counter .label{color:#008833;font-size:.7rem;letter-spacing:2px;margin-bottom:5px}.visitor-counter .count{font-family:Courier New,monospace;font-size:1.5rem;color:#00ff41;background:#000;display:inline-block;padding:4px 15px;border:1px solid #003300;letter-spacing:4px;text-shadow:0 0 8px #00ff41}.retro-nav{text-align:center;padding:12px;border:1px solid #003300;background:linear-gradient(180deg,#001a00,#000d00);margin-bottom:20px}.retro-nav a{color:#00ff41;text-decoration:none;padding:4px 12px;font-size:.85rem;border:1px solid transparent;transition:all .2s;display:inline-block;margin:2px}.retro-nav a:hover{border-color:#00ff41;background:#00ff4115;text-shadow:0 0 8px #00ff41}.retro-nav .separator{color:#003300;margin:0 2px}.retro-section{border:1px solid #003300;margin-bottom:20px;background:#0d0d0d}.retro-section-header{background:linear-gradient(90deg,#002200,#001100);padding:8px 15px;border-bottom:1px solid #003300;display:flex;align-items:center;gap:8px}.retro-section-header .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.retro-section-header .dot-red{background:#ff3333}.retro-section-header .dot-yellow{background:#ffcc00}.retro-section-header .dot-green{background:#00ff41}.retro-section-header h2{color:#00ff41;font-size:.9rem;letter-spacing:1px;flex-grow:1}.retro-section-body{padding:15px}.retro-about{display:flex;gap:20px;align-items:flex-start}.retro-about-avatar{width:120px;height:150px;border:2px solid #00ff41;flex-shrink:0;position:relative;overflow:hidden;image-rendering:auto}.retro-about-avatar img{width:100%;height:100%;object-fit:cover;filter:sepia(30%) hue-rotate(90deg) saturate(120%) brightness(.8)}.retro-about-text p{color:#00cc33;font-size:.8rem;line-height:1.6;margin-bottom:10px}.retro-about-text .highlight{color:#00ff41;font-weight:700;text-shadow:0 0 5px #00ff4160}.retro-projects-grid{display:grid;grid-template-columns:1fr;gap:15px}@media (min-width:640px){.retro-projects-grid{grid-template-columns:1fr 1fr}}.retro-project-card{border:1px solid #003300;background:#0a0a0a;transition:all .3s;position:relative;overflow:hidden}.retro-project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,#00ff41,transparent);animation:scan-line 4s linear infinite}@keyframes scan-line{0%{left:-100%}to{left:100%}}.retro-project-card:hover{border-color:#00ff41;box-shadow:0 0 15px #00ff4120,inset 0 0 15px #00ff4108}.retro-project-card .card-header{background:#001800;padding:8px 12px;border-bottom:1px solid #002200;display:flex;justify-content:space-between;align-items:center}.retro-project-card .card-header h3{color:#00ff41;font-size:.85rem;font-weight:700}.retro-project-card .card-header .status{color:#00cc33;font-size:.65rem;animation:blink-slow 2s step-end infinite}.retro-project-card .card-body{padding:12px}.retro-project-card .card-body p{color:#009922;font-size:.75rem;line-height:1.5;margin-bottom:10px}.retro-project-card .card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.retro-project-card .card-tags span{font-size:.65rem;color:#00ff41;border:1px solid #003300;padding:2px 8px;background:#001200}.retro-project-card .card-link{display:inline-block;margin-top:10px;color:#00ff41;text-decoration:none;font-size:.75rem;border:1px solid #00ff41;padding:4px 12px;transition:all .2s}.retro-project-card .card-link:hover{background:#00ff41;color:#000;text-shadow:none}.priority-high{border-left:3px solid #00ff41!important}.priority-mid{border-left:3px solid #008833!important}.priority-low{border-left:3px solid #003300!important}.retro-table{width:100%;border-collapse:collapse;font-size:.75rem}.retro-table th{background:#001a00;color:#00ff41;padding:8px 12px;text-align:left;border:1px solid #003300;font-size:.7rem;letter-spacing:1px}.retro-table td{padding:6px 12px;border:1px solid #001a00;color:#00cc33}.retro-table tr:hover td{background:#00ff4108}.retro-table .bar{display:inline-block;height:10px;background:linear-gradient(90deg,#00ff41,#00881a);box-shadow:0 0 5px #00ff4140}.retro-guestbook{border:1px dashed #003300;padding:12px;margin-top:10px}.retro-guestbook-entry{border-bottom:1px dotted #001a00;padding:8px 0;font-size:.75rem}.retro-guestbook-entry .author{color:#00ff41;font-weight:700}.retro-guestbook-entry .date{color:#004400;font-size:.65rem;margin-left:10px}.retro-guestbook-entry .message{color:#00aa33;margin-top:4px}.retro-webring{text-align:center;padding:12px;border:1px dashed #003300;margin:15px 0;background:#000800}.retro-webring .title{color:#004400;font-size:.7rem;letter-spacing:2px;margin-bottom:5px}.retro-webring a{color:#00ff41;text-decoration:underline;font-size:.8rem;padding:0 8px}.retro-footer{text-align:center;padding:20px;border-top:2px dashed #003300;margin-top:20px}.retro-footer p{color:#004400;font-size:.7rem;margin:4px 0}.retro-footer .best-viewed{font-size:.6rem;color:#003300;margin-top:10px;font-style:italic}.retro-footer .badges{margin-top:10px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.retro-footer .badge-btn{border:1px solid #003300;padding:3px 10px;font-size:.6rem;color:#00ff41;background:#001200;text-decoration:none;transition:all .2s}.retro-footer .badge-btn:hover{border-color:#00ff41;box-shadow:0 0 8px #00ff4130}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px #00ff41,0 0 20px #00ff4180,0 0 40px #00ff4140}50%{text-shadow:0 0 20px #00ff41,0 0 40px #00ff4180,0 0 60px #00ff4140}}@keyframes blink-slow{0%,to{opacity:1}50%{opacity:0}}@keyframes typing{0%{width:0}to{width:100%}}.typing-effect{overflow:hidden;white-space:nowrap;border-right:2px solid #00ff41;animation:typing 3s steps(40) forwards,blink-cursor .8s step-end infinite;display:inline-block;max-width:fit-content}@keyframes blink-cursor{0%,to{border-color:#00ff41}50%{border-color:transparent}}.under-construction{text-align:center;padding:8px;background:repeating-linear-gradient(45deg,#1a1a00,#1a1a00 10px,#0d0d00 0,#0d0d00 20px);border:1px solid #333300;color:#ffcc00;font-size:.75rem;animation:blink-slow 3s step-end infinite}@media (max-width:640px){.retro-about{flex-direction:column;align-items:center;text-align:center}.retro-header h1{font-size:1.4rem}.ascii-art{font-size:.35rem}.retro-container{padding:10px}}.retro-link{color:#00ff41;text-decoration:underline;text-underline-offset:2px}.retro-link:hover{color:#33ff66;text-shadow:0 0 8px #00ff4160}.retro-link:visited{color:#009922}.status-line{display:flex;justify-content:space-between;padding:6px 12px;background:#001200;border:1px solid #002200;font-size:.65rem;color:#006622;margin-bottom:15px}.status-line .online-dot{display:inline-block;width:6px;height:6px;background:#00ff41;border-radius:50%;margin-right:5px;animation:blink-slow 2s step-end infinite;box-shadow:0 0 4px #00ff41}.retro-video-embed{border:2px solid #003300;padding:3px;background:#000}.retro-video-embed iframe{width:100%;aspect-ratio:16/9;border:none}.retro-videos-grid{display:grid;grid-template-columns:1fr;gap:15px}@media (min-width:640px){.retro-videos-grid{grid-template-columns:1fr 1fr}}.retro-video-title{color:#00ff41;font-size:.8rem;padding:6px 0;border-bottom:1px dotted #002200;margin-bottom:4px}.retro-video-desc{color:#006622;font-size:.7rem;line-height:1.4}