@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";html,body{margin:0;padding:0;background-color:#29132e!important;color:#fff;font-family:"Press Start 2P",monospace;height:100%;width:100%;overflow-x:hidden}.retro-container{max-width:800px;margin:0 auto;padding:20px;background-color:#29132e!important;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column}.retro-header{display:flex;align-items:center;justify-content:center;margin-bottom:30px;margin-top:20px;color:#f887ff;animation:flicker 2s linear infinite;text-shadow:0 0 8px #f887ff}.retro-title{font-size:24px;letter-spacing:2px}.featured-banner{background-color:#321450;border:1px solid #f887ff;border-radius:4px;padding:10px 15px;margin:20px 0;text-align:center;font-size:14px;color:#f887ff;box-shadow:0 0 10px #f887ff4d}.section-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin:25px 0 15px;font-size:18px;color:#de004e;text-transform:uppercase}.diamond{color:#f887ff}.nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin:20px 0}.nav-card{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#321450;border:1px solid #de004e;border-radius:4px;padding:15px;color:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s;text-align:center}.nav-card:hover{transform:translateY(-3px);box-shadow:0 0 15px #de004eb3;color:#fff;text-decoration:none}.nav-icon{font-size:18px;width:30px;text-align:center;display:flex;justify-content:center;align-items:center}.nav-label{font-size:14px}.compact-nav{display:flex;gap:15px;justify-content:center;margin:20px 0}.nav-link{color:#fff;text-decoration:none;padding:5px 10px;font-size:12px;transition:color .2s}.nav-link:hover{color:#f887ff;text-decoration:none}.nav-link.active{color:#de004e;border-bottom:2px solid #de004e}.pixel-card{background-color:#321450;border:1px solid #de004e;border-radius:4px;padding:20px;margin:15px 0;font-size:12px;line-height:1.6}.sub-heading{font-size:14px;color:#de004e;margin:15px 0 10px}.retro-list{list-style-type:none;padding:0;margin:10px 0;font-size:11px;line-height:1.8}.retro-list li{margin-bottom:10px}.tech-grid{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0;justify-content:center}.tech-badge{background-color:#321450;border:1px solid #f887ff;color:#fff;padding:8px 12px;border-radius:4px;font-size:10px;cursor:default;transition:transform .2s,background-color .2s}.tab-navigation{display:flex;justify-content:center;gap:20px;margin:20px 0}.tab-button{background-color:#321450;border:1px solid #de004e;color:#fff;padding:10px 20px;font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s}.tab-button:hover{background-color:#860029}.tab-button.active{background-color:#de004e;color:#fff}.interests-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.interest-item{background-color:#321450;color:#fff;padding:8px 12px;border-radius:4px;font-size:10px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:15px 0}.project-card{background-color:#321450;border:1px solid #de004e;border-radius:4px;padding:15px;transition:transform .3s,box-shadow .3s;height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);box-shadow:0 0 15px #de004eb3}.project-header{display:flex;align-items:center;margin-bottom:15px}.project-emoji{font-size:20px;margin-right:10px}.project-title{font-size:14px;color:#f887ff}.project-date{font-size:8px;color:#f887ff;margin-left:auto;padding-left:10px;opacity:.8;letter-spacing:.5px;white-space:pre-line;text-align:right;line-height:1.2}.project-description{font-size:10px;line-height:1.6;flex-grow:1;margin-bottom:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;transition:all .3s ease;cursor:pointer;position:relative}.project-description:hover{-webkit-line-clamp:5;overflow:visible;background-color:#f887ff1a;padding:2px;border-radius:2px;border:1px solid #f887ff;box-shadow:0 0 5px #f887ff33;z-index:10;line-height:1.3}.project-tech{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px;position:relative}.tech-pill{background-color:#321450;color:#f887ff;padding:4px 8px;border-radius:2px;font-size:8px;transition:all .2s ease}.tech-pill.counter{background-color:#de004e;color:#fff;cursor:pointer;border:1px solid #f887ff}.tech-pill.counter:hover{background-color:#f887ff;color:#29132e;transform:translateY(-2px)}.tech-pill.hidden-pill,.project-tech:hover .tech-pill.counter{display:none}.project-tech:hover .tech-pill.hidden-pill{display:inline-block;animation:fadeIn .3s ease}.tech-pill:hover:not(.counter){transform:translateY(-2px);box-shadow:0 0 8px #f887ff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-links{display:flex;gap:10px}.project-button{padding:8px 15px;font-size:10px;border-radius:4px;text-decoration:none;text-align:center;flex:1}.demo-btn{background-color:#de004e;color:#fff}.demo-btn:hover{background-color:#f887ff;color:#29132e;text-decoration:none}.code-btn{background-color:transparent;border:1px solid #de004e;color:#de004e}.code-btn:hover{background-color:#321450;color:#f887ff;text-decoration:none}.disabled-btn{opacity:.5;cursor:not-allowed;pointer-events:none}.form-card{max-width:600px;margin:15px auto}.form-intro{text-align:center;margin-bottom:15px}.retro-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:10px;color:#f887ff}.retro-input,.retro-textarea{background-color:#29132e;border:1px solid #f887ff;color:#fff;padding:10px;font-family:"Press Start 2P",monospace;font-size:10px;border-radius:4px}.retro-textarea{resize:vertical;min-height:100px}.retro-button{background-color:#de004e;color:#fff;border:none;padding:10px 20px;font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer;border-radius:4px;margin-top:10px;transition:background-color .2s}.retro-button:hover{background-color:#f887ff;color:#29132e}.status-message{margin-top:15px;text-align:center;padding:10px;border-radius:4px;font-size:10px}.success{background-color:#321450;color:#f887ff}.error{background-color:#860029;color:#fff}.social-links{display:flex;justify-content:center;gap:20px;margin:25px 0 15px}.social-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#321450;border:1px solid #f887ff;border-radius:4px;color:#f887ff;text-decoration:none;transition:transform .2s,box-shadow .2s}.social-icon:hover{transform:translateY(-3px);box-shadow:0 0 15px #f887ffb3;color:#de004e}.pixel-icon{font-size:16px}.retro-footer{text-align:center;margin-top:auto;padding:15px 0;font-size:10px;color:#f887ff}.watermark{text-align:center;font-size:10px;color:#321450;background-color:#29132e;border-top:1px solid #f887ff;padding:8px 0;width:100%;position:relative;bottom:0;margin-left:-20px;margin-right:-20px;margin-bottom:-20px;width:calc(100% + 40px)}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:0 0 8px #f887ff}20%,22%,24%,55%{opacity:.3;text-shadow:none}}.category-title{text-align:center;width:100%;margin-bottom:10px;color:#fff;font-size:18px}.tech-category{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:20px}#root,body>div,html>body,.tech-categories{background-color:#29132e!important}body>*{background-color:#29132e}@media (max-width: 768px){.retro-container{padding:10px;width:100%;max-width:100%}.retro-header{justify-content:center;flex-wrap:wrap;margin-bottom:15px}.retro-title{font-size:18px}.featured-banner{margin:10px 0;padding:8px 10px;font-size:12px}.section-heading{font-size:14px;margin:20px 0 10px}.pixel-card{padding:15px;font-size:10px}.retro-list li{font-size:10px}.nav-grid,.projects-grid{grid-template-columns:1fr}.tech-grid{gap:6px}.tech-badge{padding:6px 10px;font-size:9px}.watermark{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}.tab-button{font-size:10px;padding:8px 15px}}