@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-4xl{font-size:2.25rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.text-white{color:#fff}.text-blue-100{color:#dbeafe}.text-blue-300{color:#93c5fd}.text-blue-400{color:#60a5fa}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-gray-500{color:#6b7280}.text-red-500{color:#ef4444}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-10{margin-top:2.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ml-1,.mx-1{margin-left:.25rem}.mx-1{margin-right:.25rem}.space-y-8>*+*{margin-top:2rem}.leading-relaxed{line-height:1.625}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.inline-flex{display:inline-flex}.items-center{align-items:center}.relative{position:relative}.absolute{position:absolute}.inset-0{bottom:0;left:0;right:0;top:0}.-inset-[\31 0\%]{bottom:-10%;left:-10%;right:-10%;top:-10%}.overflow-hidden{overflow:hidden}.cursor-not-allowed{cursor:not-allowed}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.hover\:text-blue-300:hover{color:#93c5fd}.text-center{text-align:center}.visible{opacity:1}.section-animate{opacity:0;transform:translateY(20px)}:root{--primary-blue:#3b82f6;--primary-blue-dark:#2563eb;--primary-blue-light:#60a5fa;--accent-blue:#0ea5e9;--dark-bg:#111827;--card-bg:#1e293b;--card-hover-border:#60a5fa4d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden;overflow-y:hidden}body,html{width:100%}body,html{height:100vh;position:relative}body{background:#111827;background:var(--dark-bg);color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;overflow:hidden}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:1rem;padding-right:1rem}main{flex:1 1;position:relative;z-index:1}#root,.App,main{height:100vh;overflow:hidden}.card{background:#1e293b;background:var(--card-bg);border:1px solid #ffffff0d;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;height:100%;margin-bottom:2rem;opacity:1!important;overflow:hidden;transform:translateZ(0);transform:none!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform}.card:hover{border-color:#60a5fa4d;border-color:var(--card-hover-border);box-shadow:0 15px 35px #0003,0 0 15px #60a5fa26;transform:translateY(-8px)}.project-card{height:450px;transition:opacity .3s ease,transform .3s ease}#projects .card{transform:translateY(0)!important}.project-grid .card{opacity:1!important;visibility:visible!important}@media screen and (max-width:480px){.project-card{display:flex!important;opacity:1!important;transform:none!important;visibility:visible!important}.project-grid{display:grid!important}.container{box-sizing:border-box;max-width:100%;padding-left:1rem;padding-right:1rem;width:100%}.accent-glow{height:300px;max-width:100%;overflow:hidden;width:300px}.filter-container{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:calc(100% - 2rem);width:100%}.interest-items-scroll-container{max-width:100%;overflow:hidden}}.section-animate,.visible{transition:opacity .5s ease,transform .5s ease}.section-animate{opacity:1}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal .animate-card{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.175,.885,.32,1.275);transition-delay:0s;transition-delay:var(--animation-delay,0s);will-change:opacity,transform}.scroll-reveal.visible .animate-card{opacity:1;transform:translateY(0)}.visible{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}#previous-projects{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}#previous-projects.visible{opacity:1;transform:translateY(0)}.img-container{align-items:center;background-color:#0f172a;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;flex:none;height:200px;justify-content:center;overflow:hidden}.card-img,.img-container{position:relative;width:100%}.card-img{height:100%;object-position:center center;transition:transform .5s ease,filter .3s ease;will-change:transform,opacity;z-index:1}.fit-cover{object-fit:cover}.fit-contain{background-color:#0006;object-fit:contain;padding:.5rem}.card:hover .fit-cover{filter:brightness(1.05);transform:scale(1.05)}.card:hover .fit-contain{filter:brightness(1.05);transform:scale(1.02)}.small-image-container{background-color:#0006}.small-image-container .card-img{height:auto;margin:auto;max-height:90%;max-width:90%;width:auto}.image-error-placeholder{align-items:center;background:#1f2937e6;border-radius:8px 8px 0 0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:1rem;position:absolute;text-align:center;top:0;width:100%;z-index:5}.placeholder-icon{color:#94a3b8;margin-bottom:.5rem}.image-placeholder-icon{font-size:3rem;opacity:.8}.placeholder-text{color:#cbd5e1;font-size:.9rem;font-weight:500}@keyframes placeholder-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.image-error-placeholder .image-placeholder-icon{animation:placeholder-pulse 2s ease-in-out infinite}.image-loading-placeholder{align-items:center;background:#1e293bb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #60a5fa4d;border-radius:50%;border-top:3px solid var(--primary-blue);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}img.lazy-loaded{opacity:0;transition:opacity .5s ease-in-out}img.lazy-loaded.loaded{opacity:1}.hero-background-placeholder{background:#111827;background:var(--dark-bg);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.card-content{background-color:#1e293b;background-color:var(--card-bg);border-top:1px solid #ffffff0d;display:flex;flex:1 1;flex-direction:column;padding:1.5rem;text-align:left}.card-content h3{align-items:flex-start;color:#fff;display:flex;font-size:1.25rem;font-weight:600;justify-content:flex-start;margin-bottom:.75rem;min-height:2.5rem;text-align:left}.card-content p{color:#cbd5e1;flex:1 1;margin-bottom:1rem;overflow:auto;text-align:left;word-break:break-word}section{margin-bottom:2rem;padding:2rem 0;position:relative;text-align:center}section:last-child{margin-bottom:1rem}.grid-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));min-height:250px;text-align:left;width:100%}.header-background{background-attachment:fixed;background-image:linear-gradient(180deg,#0f172ab3,#1e3a8acc),url(https://rioharris.me/images/486105272_2202403230177930_3622469932472095035_n.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.header-background,.hero-background{align-items:center;display:flex;justify-content:center;min-height:100vh;position:relative}.hero-background{background-color:#0f172a;overflow:hidden;width:100%}.hero-base-image{background-image:url(https://rioharris.me/images/486105272_2202403230177930_3622469932472095035_n.png);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:transform .2s ease-out;will-change:transform;z-index:1}.hero-base-image,.hero-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:linear-gradient(180deg,#0f172a66,#1e3a8a99);pointer-events:none;z-index:2}.hero-gradient-overlay{background:radial-gradient(ellipse at center,#0f172a00 0,#0f172acc 100%);z-index:3}.hero-gradient-overlay,.particles-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.particles-overlay{animation:rotate 120s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%233b82f6'%3E%3Ccircle cx='400' cy='400' r='100'/%3E%3Ccircle cx='400' cy='400' r='200'/%3E%3Ccircle cx='400' cy='400' r='300'/%3E%3Ccircle cx='400' cy='400' r='400'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;filter:blur(1px);opacity:.1;z-index:4}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stars-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.star{animation:twinkle 3s ease-in-out infinite;background:#fff;border-radius:50%;height:2px;position:absolute;width:2px}.star:nth-child(2n){background:#fffc;height:1px;width:1px}.star:nth-child(3n){background:#fff9;height:3px;width:3px}.star:nth-child(4n){background:#60a5facc}.star:nth-child(5n){background:#93c5fd99}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.hero-image{background-image:linear-gradient(180deg,#0f172aa6,#1e3a8acc),url(https://rioharris.me/images/486105272_2202403230177930_3622469932472095035_n.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;position:absolute;top:0;transition:transform .2s ease-out;width:100%;will-change:transform;z-index:1}.header-content{background:#1e293b66;border:1px solid #60a5fa4d;border-radius:20px;box-shadow:0 15px 30px #0000004d;max-width:20rem;padding:1.5rem}.header-content,.hero-card{animation:fadeInUp 1s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0 1rem;position:relative;text-align:center;z-index:5}.hero-card{background:#1e293b40;border:1px solid #60a5fa66;border-radius:24px;box-shadow:0 15px 40px #0003;max-width:28rem;overflow:hidden;padding:2rem;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.hero-card.expanded{max-height:85vh;max-width:90vw;overflow-y:auto}.hero-profile{margin-bottom:1.5rem}.profile-info{align-items:center;display:flex;gap:1.5rem;text-align:left}.profile-details{flex:1 1}.profile-name{color:#fff;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.profile-title{color:#bfdbfee6;font-size:.95rem;line-height:1.4;margin:0 0 1rem}.hero-tabs{gap:.75rem;justify-content:flex-start;margin-bottom:0;margin-top:1.5rem;padding-left:1rem}.hero-tab,.hero-tabs{display:flex;position:relative}.hero-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #60a5fa33;border-radius:25px;color:#ffffffb3;cursor:pointer;font-size:.85rem;font-weight:500;gap:.4rem;overflow:hidden;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-tab:hover{background:#60a5fa26;border-color:#60a5fa66;box-shadow:0 4px 12px #60a5fa26;color:#fff;transform:translateY(-1px)}.hero-tab:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hero-tab:hover:before{left:100%}.hero-tab.active{background:linear-gradient(135deg,#60a5fa80,#3b82f666);border-color:#60a5fab3;box-shadow:0 6px 20px #60a5fa66,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-2px) scale(1.02)}.hero-tab.active:after{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:25px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{border-top:1px solid #60a5fa1a;margin-top:1rem;max-height:0;opacity:0;overflow:hidden;padding-top:0;transition:max-height .5s ease,opacity .3s ease}.hero-content.visible{-webkit-overflow-scrolling:touch;max-height:60vh;opacity:1;overflow-y:auto;padding-top:1.5rem;scroll-behavior:smooth}.hero-content.visible::-webkit-scrollbar{width:8px}.hero-content.visible::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.hero-content.visible::-webkit-scrollbar-thumb{background:#60a5fa4d;border-radius:4px}.hero-content.visible::-webkit-scrollbar-thumb:hover{background:#60a5fa80}.hero-about{margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;text-align:left;transform:translateX(-20px);transition:max-height .4s ease,opacity .4s ease,transform .4s ease}.hero-about.active{max-height:500px;opacity:1;transform:translateX(0)}.hero-projects{margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;text-align:left;transform:translateX(20px);transition:max-height .4s ease,opacity .4s ease,transform .4s ease}.hero-projects.active{max-height:2000px;opacity:1;transform:translateX(0)}.hero-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.filter-btn-small{background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:8px;color:#fffc;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .3s ease}.filter-btn-small:hover{background:#60a5fa33;color:#fff}.filter-btn-small.active{background:#60a5fa4d;border-color:#60a5fa66;color:#fff}.hero-projects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:1rem}.hero-project-card{background:#0f172a99;border:1px solid #60a5fa33;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.hero-project-card:hover{border-color:#60a5fa66;box-shadow:0 8px 20px #0003;transform:translateY(-4px)}.hero-project-card:hover .hero-project-image img{transform:scale(1.05);transition:transform .3s ease}.hero-project-image{align-items:center;background:#0f172a;display:flex;height:160px;justify-content:center;overflow:hidden;position:relative}.hero-project-image img{height:100%;object-fit:contain;object-position:center;width:100%}.hero-project-image .card-img.fit-contain{object-fit:contain;padding:.5rem}.hero-project-image .card-img:not(.fit-contain){object-fit:cover}.hero-project-content{display:flex;flex-direction:column;flex-grow:1;padding:1rem}.hero-project-title{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.hero-project-description{color:#fffc;flex-grow:1;font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.hero-project-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.project-link{align-items:center;border-radius:6px;display:flex;font-size:.75rem;gap:.3rem;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.project-link.chrome{background:#4285f4;color:#fff}.project-link.firefox{background:#ff9400;color:#fff}.project-link.visit{background:#3b82f6;background:var(--primary-blue);color:#fff}.project-link.unavailable{background:#ffffff1a;color:#ffffff80}.private-badge{align-items:center;background:#9333ea;border-radius:6px;color:#fff;display:flex;font-size:.75rem;gap:.3rem;padding:.4rem .8rem}.previous-badge{background:#9333eae6;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.hero-show-more{margin-top:1rem;text-align:center}.show-more-btn{align-items:center;background:#60a5fa33;border:1px solid #60a5fa4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;margin:0 auto;padding:.75rem 1.5rem;transition:all .3s ease}.show-more-btn:hover{background:#60a5fa4d;transform:translateY(-2px)}.hero-footer{border-top:1px solid #60a5fa33;margin-top:1rem;padding-top:1rem;text-align:center}@media screen and (max-width:768px){.hero-image{background-position:center 30%;background-size:cover}section{margin-bottom:1.5rem;padding:1.5rem 0}.about-section{margin-bottom:2rem;margin-top:.5rem}.about-content{margin:0 1rem;padding:2rem}.hero-card{max-width:95vw;padding:1.5rem}.hero-card.expanded{max-height:80vh;max-width:95vw}.hero-tabs{flex-direction:row;gap:.5rem;margin-top:1rem;padding-left:0}.hero-tab,.hero-tabs{justify-content:center}.hero-tab{border-radius:20px;flex:1 1;font-size:.8rem;max-width:120px;padding:.5rem .9rem}.hero-projects-grid{gap:.75rem;grid-template-columns:1fr}.hero-project-card{margin-bottom:.5rem}.hero-project-content{padding:.75rem}.hero-project-title{font-size:.85rem;line-height:1.3}.hero-project-description{font-size:.75rem;line-height:1.3;margin-bottom:.5rem}.hero-project-links{gap:.25rem}.project-link{font-size:.7rem;padding:.3rem .6rem}.profile-info{gap:1rem}.profile-name{font-size:1.5rem}.profile-title{font-size:.85rem;line-height:1.3}}.badge{align-items:center;border-radius:9999px;box-shadow:0 2px 4px #00000026;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.25rem .75rem;vertical-align:middle}.badge i{margin-right:.25rem}.badge-website{background:#3b82f6;background:var(--primary-blue)}.badge-discord{background:#5865f2}.badge-extension{background:#10b981}.badge-private{background:#9333ea}.filter-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ab3;border:1px solid #60a5fa33;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto;max-width:100%;padding:.75rem;position:relative;width:fit-content}.filter-btn{background:#1e293b80;border:1px solid #60a5fa1a;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#a0aec0;cursor:pointer;font-size:.95rem;font-weight:500;margin:0;padding:.6rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.filter-btn:hover{background:#3b82f626;border-color:#60a5fa4d}.filter-btn.active,.filter-btn:hover{color:#fff;transform:translateY(-2px)}.filter-btn.active{background:#3b82f633;border-color:#3b82f666;box-shadow:0 3px 10px #0003}.extension-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;margin-top:.5rem}.browser-btn,.browser-btn-private,.browser-btn-unavailable{border-radius:6px;text-decoration:none;transition:all .3s ease}.browser-btn{align-items:center;border:none;box-shadow:0 3px 6px #0003;color:#fff;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.browser-btn:hover{box-shadow:0 5px 10px #00000040;transform:translateY(-2px)}.chrome-btn{background:#4285f4}.firefox-btn{background:#ff9400}.browser-btn-unavailable{background:#32323c4d;border:1px solid #ffffff1a;border-radius:.375rem;color:#a0aec0;min-width:110px;opacity:.7}.browser-btn-private,.browser-btn-unavailable{align-items:center;cursor:not-allowed;display:inline-flex;font-size:.9rem;font-weight:500;gap:.3rem;justify-content:center;padding:.35rem .75rem}.browser-btn-private{background:#9333ea4d;border:1px solid #9333ea4d;border-radius:.375rem;box-shadow:0 2px 4px #0003;color:#e9d5ff;min-width:100px;opacity:.9;transition:all .3s ease}.browser-btn-private:hover{background:#9333ea66;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.browser-btn.visit-btn{background:linear-gradient(45deg,#3b82f6,#2563eb);border:none;border-radius:6px;box-shadow:0 4px 12px #2563eb40;display:inline-flex;font-weight:500;justify-content:center;min-width:110px;padding:.5rem 1rem;transition:all .3s ease}.browser-btn.visit-btn:hover{background:linear-gradient(45deg,#2563eb,#1d4ed8);box-shadow:0 6px 15px #2563eb4d;transform:translateY(-2px)}.browser-btn.visit-btn .mr-2{font-size:.9rem;margin-right:.5rem;opacity:.9}.browser-btn.visit-btn:hover .mr-2{transform:translateX(2px);transition:transform .2s ease}.view-more-btn{align-items:center;background:#3b82f626;border:1px solid #60a5fa4d;border-radius:8px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;margin-top:.15rem;padding:.75rem 1.75rem;text-decoration:none;transition:all .3s ease}.view-more-btn:hover{background:#3b82f640;border-color:#60a5fa80;box-shadow:0 6px 15px #0003;transform:translateY(-2px)}.view-more-btn .mr-2{margin-right:.5rem}.view-more-btn.expanded{background:#3b82f64d}.project-count{background:#3b82f633;border-radius:9999px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;margin-left:.5rem;padding:.25rem .75rem}#projects .card{opacity:1!important;visibility:visible!important}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px;position:relative;transition:all .5s ease-in-out;transition:height .3s ease-in-out}.animate-card{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s cubic-bezier(.175,.885,.32,1.275)}.animate-card.visible,.visible .animate-card{opacity:1;transform:translateY(0)}.newly-added-project{animation:fadeInUp .6s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform:translateY(30px);will-change:opacity,transform}[data-project-era=previous]{min-height:450px;visibility:visible}[data-project-era=previous] .card-content{background-color:#1f2937;position:relative}[data-project-era=previous] .card-content:before{background:#4b5563b3;border-radius:3px;color:#e5e7eb;content:"Previous Project";font-size:.7rem;font-weight:500;opacity:.8;padding:0 .5rem;position:absolute;right:15px;top:-10px;z-index:10}.previous-project-badge{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#4b5563d9;border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 2px 5px #0003;color:#fff;font-size:.7rem;font-weight:500;padding:.25rem .6rem;position:absolute;right:10px;top:10px;z-index:10}.previous-project-card .img-container{position:relative}.previous-project-card .card-content{background-color:#1f2937f2;border-top:1px solid #60a5fa1a}footer{background:#1e293b;border-top:1px solid #60a5fa1a;box-shadow:0 -10px 30px #0003;padding:2.5rem 0;position:relative;text-align:center;z-index:10}.hidden{display:none!important}.initially-hidden{opacity:0;transform:translateY(20px)}.gradient-background{animation:gradientAnimation 30s ease infinite;backface-visibility:hidden;background:linear-gradient(125deg,#0f172a,#111827,#1e293b,#0f172a);background-size:400% 400%;height:100%;left:0;opacity:1;position:fixed;top:0;transform:translateZ(0);width:100%;z-index:-2}.grid-overlay{background-image:linear-gradient(#3b82f608 1px,#0000 0),linear-gradient(90deg,#3b82f608 1px,#0000 0);background-size:20px 20px;opacity:.4}.grid-overlay,.noise-overlay{backface-visibility:hidden;height:100%;left:0;pointer-events:none;position:fixed;top:0;transform:translateZ(0);width:100%;z-index:-1}.noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.015}.accent-glow{background:radial-gradient(circle,#3b82f6 0,#0000 70%);background:radial-gradient(circle,var(--primary-blue) 0,#0000 70%);border-radius:50%;filter:blur(100px);height:500px;opacity:.15;pointer-events:none;position:absolute;width:500px;z-index:-1}.scroll-to-top{bottom:30px;opacity:0;position:fixed;right:30px;transform:translateY(15px);transition:all .3s ease;visibility:hidden;z-index:1000}.scroll-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3b82f633;border:1px solid #60a5fa4d;border-radius:50%;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.scroll-to-top-btn:hover{background:#3b82f64d;box-shadow:0 6px 15px #0000004d;transform:translateY(-3px)}@media (max-width:768px){.scroll-to-top{bottom:20px;right:20px}.scroll-to-top-btn{height:40px;width:40px}}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-10%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.animate-bounce{animation:bounce 1s infinite}.scroll-down-btn{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3b82f61a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;margin-top:1.5rem;padding:.25rem;transition:all .3s ease;width:2.5rem}.scroll-down-btn:hover{background:#3b82f633;transform:translateY(2px)}.section-heading{color:#fff;display:inline-block;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem;text-align:center;width:100%}.section-heading,.with-glow-effect{position:relative}.with-glow-effect:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;content:"";filter:blur(24px);height:100px;left:50%;opacity:.2;position:absolute;top:-20px;transform:translateX(-50%);width:100px;z-index:-1}.about-section{margin-bottom:3rem;margin-top:1rem}.about-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #60a5fa33;border-radius:1.5rem;box-shadow:0 15px 35px #0003;margin:0 auto;max-width:48rem;padding:3rem}.about-content.hover-effect{border:1px solid #60a5fa26;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.about-content.hover-effect:hover{background:#1e293b80;border-color:#60a5fa59;box-shadow:0 15px 30px #0003,0 0 20px #60a5fa33;transform:translateY(-8px)}.about-content.hover-effect p{transition:color .3s ease}.about-content.hover-effect:hover p{color:#fff}.social-links{display:flex;gap:.75rem;justify-content:flex-start;margin-top:0}.social-link{align-items:center;background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:50%;color:#ffffffb3;display:flex;font-size:1.1rem;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.social-link:hover{background:#60a5fa33;color:#3b82f6;color:var(--primary-blue);transform:scale(1.1)}.profile-image-container{display:inline-block;margin-bottom:1rem;position:relative}.profile-image{border:3px solid #60a5fa4d;border-radius:50%;box-shadow:0 8px 20px #00000040;flex-shrink:0;height:4rem;object-fit:cover;position:relative;width:4rem;z-index:2}@keyframes pulse{0%{opacity:.3;transform:scale(.95)}to{opacity:.5;transform:scale(1.05)}}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.skills-category{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e293b99;border:1px solid #60a5fa26;border-radius:12px;box-shadow:0 8px 20px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.skills-category:hover{border-color:#60a5fa4d;box-shadow:0 12px 25px #00000026,0 0 15px #60a5fa1a;transform:translateY(-5px)}.skills-header{align-items:center;border-bottom:1px solid #60a5fa26;display:flex;margin-bottom:1.25rem;padding-bottom:.75rem}.skills-icon{color:#3b82f6;color:var(--primary-blue);font-size:1.5rem;margin-right:.75rem}.skills-header h4{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.skills-list{display:flex;flex-direction:column;gap:1rem}.skill-item{margin-bottom:.5rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:.35rem}.skill-name{color:#fff;font-size:.95rem;font-weight:500}.skill-percentage{color:#60a5fa;color:var(--primary-blue-light);font-size:.85rem;font-weight:500}.skill-bar{background:#0f172a80;border-radius:999px;height:8px;overflow:hidden}.skill-progress{animation:skillFill 1.5s ease-out forwards;background:linear-gradient(90deg,#3b82f6,#0ea5e9);background:linear-gradient(90deg,var(--primary-blue),var(--accent-blue));border-radius:999px;height:100%;opacity:0;position:relative;transform-origin:left;transition:width 1.5s cubic-bezier(.19,1,.22,1)}@keyframes skillFill{0%{opacity:0;width:0}to{opacity:1}}.about-content.visible .skill-progress{animation:skillFill 1.5s ease-out forwards}.skills-list .skill-item:first-child .skill-progress{animation-delay:.2s}.skills-list .skill-item:nth-child(2) .skill-progress{animation-delay:.4s}.skills-list .skill-item:nth-child(3) .skill-progress{animation-delay:.6s}.skills-list .skill-item:nth-child(4) .skill-progress{animation-delay:.8s}.skills-list .skill-item:nth-child(5) .skill-progress{animation-delay:1s}@media screen and (max-width:768px){.skills-container{grid-template-columns:1fr}.skills-category{margin-bottom:1.5rem}}.interest-section{background:#1e293bb3;border:1px solid #60a5fa33;border-radius:12px;box-shadow:0 10px 25px #00000026;margin-bottom:2rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.interest-section:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.interest-header{align-items:center;background:#0f172a80;border-bottom:1px solid #60a5fa33;cursor:pointer;display:flex;padding:1.25rem}.interest-icon{color:#3b82f6;color:var(--primary-blue);font-size:1.25rem;margin-right:1rem}.expand-icon{color:#60a5fa;color:var(--primary-blue-light);font-size:1.5rem;font-weight:700;margin-left:auto}.interest-content{padding:1.5rem}.interest-items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.interest-items-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-behavior:smooth;scrollbar-color:#3b82f6 #1e293b80;scrollbar-color:var(--primary-blue) #1e293b80;scrollbar-width:thin}.interest-items-scroll::-webkit-scrollbar{height:8px}.interest-items-scroll::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}.interest-items-scroll::-webkit-scrollbar-thumb{background:#3b82f6;background:var(--primary-blue);border-radius:4px}.interest-items-scroll .interest-item{flex:0 0 280px;max-width:280px;min-width:280px}.interest-item{animation:fadeInUp .5s forwards;background:#1e293bcc;border:1px solid #60a5fa26;border-radius:8px;opacity:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.interest-item:hover{border-color:#60a5fa4d;border-color:var(--card-hover-border);box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.interest-item-image{align-items:center;background-color:#0f172a;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.interest-image-full,.interest-item-image img{height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;width:100%}.interest-item:hover .interest-image-full,.interest-item:hover .interest-item-image img{transform:scale(1.05)}.interest-item-content{padding:1rem}.interest-item-content h4{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.interest-year{color:#94a3b8;font-size:.9rem;margin-bottom:.5rem}.interest-item-content p{color:#cbd5e1;font-size:.95rem;line-height:1.5}.interest-items-scroll-container{position:relative;width:100%}.scroll-indicator{align-items:center;background:#3b82f6b3;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease,background-color .3s ease;width:32px;z-index:5}.interest-items-scroll-container:hover .scroll-indicator{opacity:1}.scroll-indicator:hover{background:#3b82f6}.scroll-left{left:5px}.scroll-right{right:5px}.scroll-indicator-visible{opacity:1}@media screen and (max-width:768px){.interest-items-scroll .interest-item{flex:0 0 250px;min-width:250px}.scroll-indicator{height:28px;width:28px}}@media screen and (max-width:480px){.interest-items-scroll .interest-item{flex:0 0 220px;min-width:220px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.interest-items-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.coding-preferences{grid-template-columns:1fr}.interest-item-image{height:150px}}@media (max-width:480px){.interest-items-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.header-background{background-attachment:scroll;background-position:center 30%}.filter-container{flex-direction:row;flex-wrap:wrap}.grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.social-links{flex-wrap:wrap}}@media screen and (max-width:480px){section{margin-bottom:1rem;padding:1rem 0}.about-section{margin-bottom:1.5rem;margin-top:0}.about-content{margin:0 .5rem;padding:1.5rem}.section-heading{font-size:2rem;margin-bottom:1rem}.hero-card{margin:0 .5rem;max-width:98vw;padding:1rem}.hero-card.expanded{max-height:85vh;max-width:98vw}.hero-filters{gap:.3rem}.filter-btn-small{font-size:.75rem;padding:.4rem .8rem}.hero-project-image{height:120px}.hero-content.visible{max-height:70vh}.hero-projects.active{max-height:1500px}.hero-filters{gap:.25rem;margin-bottom:1rem}.filter-btn-small{font-size:.7rem;padding:.35rem .7rem}.hero-project-card{border-radius:8px}.hero-project-content{padding:.6rem}.hero-project-title{font-size:.8rem;margin-bottom:.4rem}.hero-project-description{font-size:.7rem;line-height:1.25;margin-bottom:.4rem}.project-link{font-size:.65rem;padding:.25rem .5rem}.show-more-btn{font-size:.8rem;padding:.6rem 1.2rem}.profile-info{flex-direction:column;gap:1rem}.profile-details,.profile-info{text-align:center}.social-links{justify-content:center}.grid-container{grid-template-columns:1fr}.header-content{padding:1.5rem}.extension-buttons{justify-content:center}.bio-content{box-sizing:border-box;max-width:100%;width:100%}.bio-avatar{height:150px;width:150px}.profile-header .section-heading h1{font-size:2rem}}@media (prefers-reduced-motion:reduce){.animate-bounce,.gradient-background,.profile-glow{animation:none!important}.card:hover,.card:hover .card-img{transform:none}}.bio-section{margin-bottom:3rem;margin-top:3rem;padding:2rem 0}.bio-content{align-items:center;background:#1e293b;background:var(--card-bg);border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:row;gap:2.5rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.bio-content:hover{border-color:#60a5fa4d;border-color:var(--card-hover-border);box-shadow:0 15px 35px #0003,0 0 15px #60a5fa26}.bio-avatar{border:3px solid #60a5fa;border:3px solid var(--primary-blue-light);border-radius:50%;box-shadow:0 0 25px #60a5fa40;flex:0 0 auto;height:220px;overflow:hidden;width:220px}.bio-avatar img{height:100%;object-fit:cover;width:100%}.bio-text{flex:1 1}.bio-text h2{border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--primary-blue);color:#fff;display:inline-block;font-size:1.75rem;margin-bottom:1rem;padding-bottom:.5rem}.bio-text p{color:#cbd5e1;line-height:1.7;margin-bottom:1rem}.bio-stats{display:flex;gap:2rem;margin-top:1.5rem}.stat{align-items:center;display:flex;flex-direction:column}.stat-value{color:#3b82f6;color:var(--primary-blue);font-size:1.75rem;font-weight:700}.stat-label{color:#94a3b8;font-size:.9rem;margin-top:.25rem}.profile-header{background:linear-gradient(180deg,#0f172ab3,#1e3a8a80);margin-bottom:2rem;padding:2rem 0;position:relative;text-align:center}.profile-header .with-glow-effect{text-shadow:0 0 15px #3b82f680}.profile-header h1{color:#fff;font-size:2.5rem;margin-bottom:.5rem}.profile-header p{color:#cbd5e1;font-size:1.1rem;margin:0 auto;max-width:600px}.home-link{left:1.5rem;position:absolute;top:1.5rem}.btn{align-items:center;background:#3b82f633;border:1px solid #60a5fa4d;border-radius:8px;color:#fff;display:inline-flex;font-weight:500;padding:.6rem 1.25rem;text-decoration:none;transition:all .3s ease}.btn:hover{background:#3b82f64d;transform:translateY(-2px)}.btn .icon{margin-right:.5rem}@media (max-width:768px){.bio-content{flex-direction:column;text-align:center}.bio-avatar{height:180px;margin:0 auto 1.5rem;width:180px}.bio-stats,.home-link{justify-content:center}.home-link{display:flex;margin-bottom:1.5rem;position:static}}.gaming-profiles{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;margin:1.5rem 0;padding:1rem 0}.gaming-profiles h3{color:#60a5fa;color:var(--primary-blue-light);font-size:1.2rem;margin-bottom:.75rem}.social-gaming-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.gaming-link{align-items:center;border-radius:8px;color:#fff;display:inline-flex;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.gaming-link i{font-size:1.2rem;margin-right:.5rem}.gaming-link.steam{background-color:#171a21;border:1px solid #66c0f4}.gaming-link.steam:hover{background-color:#1b2838;box-shadow:0 0 15px #66c0f466;transform:translateY(-2px)}.gaming-link.playstation{background-color:#003791;border:1px solid #0070d1}.gaming-link.playstation:hover{background-color:#0070d1;box-shadow:0 0 15px #0070d166;transform:translateY(-2px)}
/*# sourceMappingURL=main.dbe150be.css.map*/