html,body{scrollbar-width:none;-ms-overflow-style:none;height:100%;margin:0;padding:0;overflow-y:scroll}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.navbar{color:#fff;z-index:1000;background:#1e293b;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand h2{margin:0;font-size:1.5rem}.navbar-links{gap:2rem;display:flex}.navbar-links a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.navbar-links a:hover,.navbar-links a.active{color:#60a5fa}.home-page{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding-top:60px;display:flex}.hero{text-align:center;max-width:600px;padding:2rem}.hero h1{margin-bottom:1rem;font-size:3rem}.hero p{margin-bottom:2rem;font-size:1.2rem}.cta-btn{color:#fff;background:#60a5fa;border-radius:8px;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:background .3s;display:inline-block}.cta-btn:hover{background:#3b82f6}.about-page{color:#e2e8f0;background:#0f172a;min-height:100vh;margin-left:0;padding:100px 40px;overflow:hidden}.reveal{opacity:0;transition:all .9s cubic-bezier(.4,0,.2,1);transform:translateY(60px)}.reveal.active{opacity:1;transform:translateY(0)}.gradient-name{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);color:#0000;text-shadow:0 0 40px #60a5fa4d;-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:900}.tagline{color:#94a3b8;margin:1rem 0;font-size:2rem;font-weight:500}.bio{color:#cbd5e1;text-align:center;max-width:900px;margin:2rem auto;font-size:1.4rem;line-height:1.9}.social-buttons{justify-content:center;gap:20px;margin-top:3rem;display:flex}.btn-gh,.btn-hire,.btn-epic{border-radius:50px;padding:16px 40px;font-weight:700;text-decoration:none;transition:all .4s}.btn-gh{color:#fff;background:#1e293b;border:1px solid #334155}.btn-gh:hover{background:#334155;transform:translateY(-5px);box-shadow:0 10px 30px #0006}.btn-hire{color:#fff;background:linear-gradient(45deg,#3b82f6,#8b5cf6)}.btn-hire:hover{transform:scale(1.1);box-shadow:0 20px 40px #8b5cf666}.marquee-section{background:#0a111f;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b;margin:5rem 0;padding:2rem 0;overflow:hidden}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-item{white-space:nowrap;color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:50px;margin:0 12px;padding:14px 32px;font-size:1.1rem;font-weight:700;transition:all .4s;box-shadow:0 4px 15px #0000004d}.marquee-item:hover{color:#60a5fa;z-index:10;background:#334155;border-color:#60a5fa;transform:translateY(-8px)scale(1.08);box-shadow:0 15px 35px #60a5fa4d}.currently h2{text-align:center;background:linear-gradient(90deg,#60a5fa,#f472b6);color:#0000;-webkit-background-clip:text;margin:5rem 0 3rem;font-size:3rem;font-weight:800}.vibe-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.vibe-card{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:20px;padding:2rem;font-size:1.3rem;font-weight:600;transition:all .4s}.vibe-card:hover{color:#60a5fa;background:#334155;border-color:#60a5fa;transform:translateY(-15px);box-shadow:0 20px 40px #60a5fa33}.final-cta{text-align:center;margin:8rem 0}.final-cta h2{background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);color:#0000;-webkit-background-clip:text;font-size:3.5rem;font-weight:900}.btn-epic{color:#fff;background:linear-gradient(45deg,#8b5cf6,#ec4899);border-radius:50px;margin-top:2rem;padding:20px 60px;font-size:1.5rem}.btn-epic:hover{transform:scale(1.15);box-shadow:0 25px 50px #ec489980}@media (max-width:768px){.about-page{margin-left:0;padding:80px 20px}.gradient-name{font-size:3rem}.tagline{font-size:1.6rem}.marquee-item{margin:0 8px;padding:10px 20px;font-size:1rem}.bio{font-size:1.2rem}}.marquee-section{background:0 0;margin:5rem 0;padding:3rem 0;overflow:hidden;border:none!important}.marquee{white-space:nowrap;width:100%;overflow:hidden}.marquee-track{animation:65s linear infinite scroll-left;display:inline-flex}.reverse .marquee-track{animation:68s linear infinite scroll-right}.fast{animation-duration:98s!important}.marquee-item{white-space:nowrap;color:#94a3b8;-webkit-user-select:none;user-select:none;cursor:default;text-shadow:0 0 20px #60a5fa4d;border-radius:50px;margin:0 16px;padding:12px 30px;font-size:1.2rem;font-weight:700;box-shadow:none!important;pointer-events:none!important;background:0 0!important;border:none!important;transition:none!important}.marquee-item:hover{all:unset!important;color:#94a3b8!important;background:0 0!important;transform:none!important}.sidebar{color:#e2e8f0;z-index:999;background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;width:240px;height:100vh;display:flex;position:fixed;top:60px;left:0}.sidebar h3{text-transform:uppercase;letter-spacing:1.5px;color:#64748b;flex-shrink:0;padding:1.5rem 1.5rem 1rem;font-size:.85rem;font-weight:700}.sidebar-scrollable{flex:1;padding:0 .75rem;overflow-y:auto}.sidebar-scrollable::-webkit-scrollbar{display:none}.sidebar-scrollable{-ms-overflow-style:none;scrollbar-width:none}.sidebar-list{padding:0 .75rem 2rem}.sidebar-item{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:10px;align-items:center;width:100%;margin:4px 0;padding:.9rem 1rem;font-size:.92rem;font-weight:500;transition:all .3s;display:flex}.sidebar-item:hover{color:#60a5fa;background:#1e293b;transform:translate(8px)}.sidebar-item.active{color:#fff;background:#1e40af;font-weight:600;transform:translate(8px)}.item-number{background:#60a5fa33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:14px;font-weight:700;display:flex}.sidebar-item.active .item-number{color:#0f172a;background:#60a5fa}.run-icon{opacity:.6;cursor:pointer;margin-left:auto;font-size:16px;transition:all .2s}.run-icon:hover{opacity:1;transform:scale(1.15)}.device-toggle-fixed{z-index:10;background:#0f172a;border-top:1px solid #1e293b;flex-shrink:0;justify-content:center;gap:12px;padding:1rem;display:flex;position:sticky;bottom:0;left:0;right:0}.device-btn{color:#94a3b8;cursor:pointer;background:#1e293b;border:none;border-radius:10px;min-width:90px;padding:10px 20px;font-weight:600;transition:all .3s}.device-btn:hover{color:#60a5fa;background:#334155}.device-btn.active{color:#fff;background:#3b82f6;box-shadow:0 0 20px #3b82f666}.preview-container{z-index:1;background:#0f172a;border:none;position:fixed;inset:70px 10px 10px 242px;overflow:hidden}.preview-container.desktop{border-radius:0}.preview-container.mobile{background:#000;border:1px solid #334155;border-radius:40px;width:355px;height:642px;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 40px 120px #000000e6}.preview-container.mobile:before{content:"";z-index:10;background:#000;border-bottom-right-radius:26px;border-bottom-left-radius:26px;width:210px;height:36px;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-iframe{border:none;width:100%;height:100%;display:block}.preview-placeholder{text-align:center;color:#cbd5f5;background:radial-gradient(circle at top,#020617,#020617);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.preview-placeholder h1{margin-bottom:12px;font-size:30px}.preview-placeholder p{opacity:.85;font-size:16px}.preview-placeholder ul{margin:25px 0;padding:0;list-style:none}.preview-placeholder li{margin:10px 0;font-size:15px}.preview-placeholder span{opacity:.7;margin-top:20px;font-size:14px}.loading-overlay{z-index:20;color:#cbd5f5;background:#020617f2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.spinner{border:4px solid #fff3;border-top-color:#38bdf8;border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}