@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Comic+Neue:wght@300;400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body,html{overflow:hidden;height:100%;width:100%;cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1zbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgM1YyMUg5TDEyIDE4SDE4VjNIM1oiIGZpbGw9IndoaXRlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+),auto}body{background:#1a1a1a}canvas{display:block}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience-canvas{height:100%;width:100%}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:99999;background:linear-gradient(135deg,#303848,#303848);border-radius:36px}.loading-screen-button{font-family:Comic Neue,cursive;background:#303848;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 50px;outline:none;color:#2d3748;border-radius:2rem;border:5px solid #dfdfdf;font-size:48px;color:#dfdfdf;font-weight:700;transition:all .3s ease;box-shadow:0 8px 32px #0000001a;cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1zbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMTMuMDkgOC4yNkwyMCA5TDEzLjA5IDE1Ljc0TDEyIDIyTDEwLjkxIDE1Ljc0TDQgOUwxMC45MSA4LjI2TDEyIDJaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==),pointer}.loading-screen-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000026}.loading-screen-button:active{transform:scale(.95) translateY(-1px)}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:none;width:800px;max-width:92vw;max-height:88vh;background:#2a2a2a;border-radius:24px;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(30px 30px 0px #000000)}.modal.show{animation:modalPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.modal-header{background:linear-gradient(180deg,#404040,#353535);height:40px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #4a4a4a;position:relative}.window-controls{display:flex;gap:10px}.window-control{width:16px;height:16px;border-radius:50%;border:none;cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1zbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMTMuMDkgOC4yNkwyMCA5TDEzLjA5IDE1Ljc0TDEyIDIyTDEwLjkxIDE1Ljc0TDQgOUwxMC45MSA4LjI2TDEyIDJaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==),pointer;transition:all .2s ease;position:relative;box-shadow:inset 0 1px #fff3,0 1px 2px #0000004d}.window-control:hover{transform:scale(1.1)}.window-control:active{transform:scale(1.2);animation:buttonBounce .2s ease}@keyframes buttonBounce{0%,to{transform:scale(1.2)}50%{transform:scale(1.3)}}.window-control.close{background:linear-gradient(135deg,#ff6b6b,#ff5252)}.window-control.minimize{background:linear-gradient(135deg,#ffd93d,#ffb74d)}.window-control.maximize{background:linear-gradient(135deg,#51cf66,#4caf50)}.modal-content{background:#2a2a2a;max-height:calc(88vh - 40px);overflow-y:auto}.modal-image-header{width:100%;height:240px;overflow:hidden;background:#3a3a3a}.modal-image-header img{width:100%;height:100%;object-fit:cover}.modal-body{padding:32px;color:#e6e6e6}.modal-title{font-family:Comic Neue,cursive;font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-paragraph-text{font-size:1.1rem;line-height:1.7;color:#d1d5db;margin:0}.btn{background:#667eea;color:#fff;border:none;padding:16px 32px;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1zbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMTMuMDkgOC4yNkwyMCA5TDEzLjA5IDE1Ljc0TDEyIDIyTDEwLjkxIDE1Ljc0TDQgOUwxMC45MSA4LjI2TDEyIDJaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==),pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;font-family:Inter,sans-serif;position:relative}.btn:after{content:"";position:absolute;top:4px;left:4px;right:-4px;bottom:-4px;background:#000;border-radius:16px;z-index:-1}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(1.05);animation:buttonPulse .2s ease}@keyframes buttonPulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.1)}}.btn-primary{background:#4facfe}.about-container{display:flex;gap:32px;margin-bottom:40px}.about-left{flex:2}.about-right{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px}.profile-pic{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #667eea;transition:all .3s ease;position:relative}.profile-pic:after{content:"";position:absolute;top:4px;left:4px;right:-4px;bottom:-4px;background:#000;border-radius:50%;z-index:-1}.profile-pic:hover{transform:scale(1.05)}.contact-info{text-align:center}.contact-info h3{font-family:Comic Neue,cursive;color:#fff;margin-bottom:12px;font-size:1.3rem;font-weight:700}.contact-info p{color:#d1d5db;margin:8px 0;font-size:1rem}.timeline{margin-top:40px}.timeline h3{font-family:Comic Neue,cursive;color:#fff;margin-bottom:24px;font-size:1.8rem;font-weight:700;text-align:center}.timeline-container{overflow-x:auto;padding:20px 0}.timeline-horizontal{display:flex;gap:24px;padding-bottom:10px;min-width:max-content}.timeline-item{background:#4a5568;padding:24px;border-radius:20px;min-width:280px;transition:all .3s ease;position:relative}.timeline-item:after{content:"";position:absolute;top:4px;left:4px;right:-4px;bottom:-4px;background:#000;border-radius:20px;z-index:-1}.timeline-item:hover{transform:translateY(-3px)}.timeline-item h4{font-family:Comic Neue,cursive;color:#fff;font-size:1.3rem;margin-bottom:8px;font-weight:700}.timeline-item .company{color:#667eea;font-weight:600;margin-bottom:8px;font-size:1.1rem}.timeline-item .date{color:#a0aec0;font-size:.95rem}.search-container{margin-bottom:24px}.search-bar{width:100%;padding:16px 20px;background:#3a3a3a;border:2px solid #4a4a4a;border-radius:16px;color:#fff;font-size:1.1rem;outline:none;transition:all .3s ease;font-family:Inter,sans-serif;position:relative;cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1zbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgM1YyMUg5TDEyIDE4SDE4VjNIM1oiIGZpbGw9IndoaXRlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+),text}.search-bar:focus{border-color:#667eea}.search-bar::placeholder{color:#9ca3af}.filters{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap;justify-content:center}.filter-btn{background:#3a3a3a;color:#d1d5db;border:2px solid #4a4a4a;padding:12px 24px;border-radius:24px;font-size:1rem;font-weight:600;cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1zbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMTMuMDkgOC4yNkwyMCA5TDEzLjA5IDE1Ljc0TDEyIDIyTDEwLjkxIDE1Ljc0TDQgOUwxMC45MSA4LjI2TDEyIDJaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==),pointer;transition:all .2s ease;font-family:Inter,sans-serif;position:relative}.filter-btn:after{content:"";position:absolute;top:3px;left:3px;right:-3px;bottom:-3px;background:#000;border-radius:24px;z-index:-1}.filter-btn:hover,.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px)}.filter-btn:active{transform:scale(1.05) translateY(-1px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.project-card{background:#4a5568;border-radius:20px;padding:28px;transition:all .3s ease;position:relative}.project-card:after{content:"";position:absolute;top:6px;left:6px;right:-6px;bottom:-6px;background:#000;border-radius:20px;z-index:-1}.project-card:hover{transform:translateY(-4px)}.project-card h4{font-family:Comic Neue,cursive;color:#fff;font-size:1.4rem;margin-bottom:12px;font-weight:700}.project-stack{color:#667eea;font-size:1rem;margin-bottom:16px;font-weight:600}.project-description{color:#d1d5db;font-size:1rem;line-height:1.6;margin-bottom:20px}.project-buttons{display:flex;gap:12px}.project-btn{background:#4a4a4a;color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1zbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJMMTMuMDkgOC4yNkwyMCA5TDEzLjA5IDE1Ljc0TDEyIDIyTDEwLjkxIDE1Ljc0TDQgOUwxMC45MSA4LjI2TDEyIDJaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==),pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;position:relative}.project-btn:after{content:"";position:absolute;top:2px;left:2px;right:-2px;bottom:-2px;background:#000;border-radius:12px;z-index:-1}.project-btn:hover{transform:translateY(-2px)}.project-btn:active{transform:scale(1.05) translateY(-1px)}.project-btn.github{background:#333}.project-btn.demo{background:#4facfe}.blog-button-container{text-align:center;margin-top:32px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#764ba2}@media (max-width: 768px){.modal{width:95vw;max-height:90vh}.modal-title{font-size:2rem}.about-container{flex-direction:column}.projects-grid{grid-template-columns:1fr}.timeline-item{min-width:250px}}