@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Oswald:wght@500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color:#08090c;--text-color:#f5f5f7;--text-muted:#8e8e93;--nav-bg:#08090c99;--accent-color:#e28e00;--accent-hover:#ffaa1d;--border-color:#ffffff14;--card-bg:#16171d73;--card-shadow:#00000080;--sidebar-bg:#1213178c;--modal-bg:#16171de6;--input-bg:#ffffff0a;--input-border:#ffffff1f;--bg-glow:radial-gradient(circle at 75% 40%, #e28e0026 0%, #08090c00 60%)}body.light-theme{--bg-color:#f4f5f7;--text-color:#1c1c1e;--text-muted:#6e6e73;--nav-bg:#f4f5f7b3;--accent-color:#e28e00;--accent-hover:#c47a00;--border-color:#00000014;--card-bg:#fff9;--card-shadow:#00000014;--sidebar-bg:#ffffffb3;--modal-bg:#fffffff2;--input-bg:#00000005;--input-border:#0000001a;--bg-glow:radial-gradient(circle at 75% 40%, #e28e001f 0%, #f4f5f700 60%)}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);width:100vw;height:100vh;margin:0;font-family:Outfit,Inter,sans-serif;transition:background-color .4s,color .4s;position:relative;overflow:hidden}#demo:after{content:"";background:var(--bg-glow);z-index:12;pointer-events:none;width:100%;height:100%;transition:background .8s;position:absolute;top:0;left:0}.card{background-position:50%;background-size:cover;background-color:var(--bg-color);transition:filter .8s;position:absolute;top:0;left:0;overflow:hidden}.card.active-bg{filter:blur(40px)brightness(.28)saturate(1.4);z-index:8}.card:not(.active-bg){box-shadow:0 12px 30px var(--card-shadow);border:1px solid var(--border-color);background-color:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:16px;transition:border-color .3s,box-shadow .3s}.card:not(.active-bg):hover{border-color:var(--accent-hover);box-shadow:0 16px 40px #e28e0033}.card-content{color:#fff;pointer-events:none;background:linear-gradient(#0000 20%,#000000d9 100%);border-radius:16px;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.content-place{text-transform:uppercase;color:var(--accent-hover);letter-spacing:1.5px;margin-top:4px;font-size:10px;font-weight:700}.content-title-1,.content-title-2{text-transform:uppercase;letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;line-height:1.2}.content-start{background-color:var(--accent-color);border-radius:99px;width:20px;height:3px;margin-bottom:6px}.details{z-index:22;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-color);width:460px;max-height:calc(100vh - 20%);box-shadow:0 20px 50px var(--card-shadow);pointer-events:auto;border-radius:24px;flex-direction:column;padding:40px;display:flex;position:absolute;top:15%;left:60px}.details .place-box{margin-bottom:12px}.details .place-box .text{letter-spacing:2px;text-transform:uppercase;color:var(--accent-color);background:#e28e001a;border:1px solid #e28e0040;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.details .title-1,.details .title-2{text-transform:uppercase;letter-spacing:-.5px;color:var(--text-color);background:linear-gradient(135deg, var(--text-color) 30%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:46px;font-weight:800;line-height:1.1}.details .title-box-1,.details .title-box-2{height:52px;overflow:hidden}.details>.desc{color:var(--text-muted);margin-top:24px;font-size:15px;line-height:1.6}.details>.cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;margin-bottom:30px;display:flex}.details>.cta>.discover{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:99px;align-items:center;height:44px;padding:4px 28px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.165,.84,.44,1);display:inline-flex}.details>.cta>.discover.live-btn{background:linear-gradient(135deg, var(--accent-color), #f7b733);color:#fff;border:none;box-shadow:0 4px 15px #e28e004d}.details>.cta>.discover.live-btn:hover{background:linear-gradient(135deg, var(--accent-hover), #f7b733);transform:translateY(-2px);box-shadow:0 8px 20px #e28e0073}.details>.cta>.discover.repo-btn{border:1px solid var(--border-color);color:var(--text-color);background:0 0}.details>.cta>.discover.repo-btn:hover{background-color:var(--text-color);color:var(--bg-color);border-color:var(--text-color);transform:translateY(-2px)}.details>.cta>.delete-btn{color:#ef4444;cursor:pointer;background-color:#ef44441a;border:1px solid #ef444440;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.details>.cta>.delete-btn:hover{color:#fff;background-color:#ef4444;border-color:#ef4444;transform:translateY(-2px)scale(1.05)}.details>.cta>.delete-btn svg{width:18px;height:18px}.details>.cta>.edit-btn{width:44px;height:44px;color:var(--accent-color);cursor:pointer;background-color:#e28e001a;border:1px solid #e28e0040;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.details>.cta>.edit-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px)scale(1.05)}.details>.cta>.edit-btn svg{width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:14px;margin-top:auto;padding-top:24px;display:flex}.social-dock{align-items:center;gap:12px;display:flex}.social-icon-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-muted);background:#ffffff0a;border-radius:50%;place-items:center;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:grid}.social-icon-btn svg{width:18px;height:18px}.social-icon-btn:hover{color:#fff;transform:scale(1.15)translateY(-2px)}.social-icon-btn.github:hover{background-color:#ffffff1a;border-color:#ffffff40}.social-icon-btn.linkedin:hover{color:#0a66c2;background-color:#0a66c226;border-color:#0a66c266}.social-icon-btn.instagram:hover{color:#e1306c;background-color:#e1306c26;border-color:#e1306c66}.social-icon-btn.whatsapp:hover{color:#25d366;background-color:#25d36626;border-color:#25d36666}.social-icon-btn.twitter:hover{background-color:#ffffff1a;border-color:#ffffff40}.sidebar-footer .copyright{color:var(--text-muted);letter-spacing:.5px;font-size:11px}.mobile-mockup-card{display:none}.showcase-container{z-index:20;pointer-events:auto;justify-content:center;align-items:center;width:53%;height:52vh;display:flex;position:absolute;top:15%;right:5%}.browser-mockup{-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-color);background:#0e0f14b3;border-radius:18px;flex-direction:column;width:100%;height:100%;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s;display:flex;overflow:hidden;box-shadow:0 35px 70px #0009}.browser-mockup:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 45px 85px #000000b3}.browser-header{border-bottom:1px solid var(--border-color);background:#0006;align-items:center;height:40px;padding:0 20px;display:flex;position:relative}.browser-dots{gap:8px;display:flex}.browser-dots .dot{border-radius:50%;width:11px;height:11px}.browser-dots .dot-close{background-color:#ff5f56}.browser-dots .dot-minimize{background-color:#ffbd2e}.browser-dots .dot-expand{background-color:#27c93f}.browser-address-bar{border:1px solid var(--border-color);width:50%;max-width:320px;height:24px;color:var(--text-muted);letter-spacing:.5px;background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.browser-viewport{background-color:#0b0c10;flex:1;position:relative;overflow:hidden}.browser-screenshot{object-fit:cover;object-position:top;border:none;width:100%;height:100%;display:block}.browser-screenshot.gradient-bg{background-position:50%;background-size:cover}nav{z-index:50;background:linear-gradient(to bottom, var(--bg-color) 0%, #08090c00 100%);justify-content:space-between;align-items:center;padding:24px 60px;display:flex;position:fixed;top:0;left:0;right:0}nav .brand{align-items:center;gap:12px;display:flex}nav .brand-logo{object-fit:cover;border:1px solid var(--border-color);border-radius:8px;width:28px;height:28px;box-shadow:0 4px 12px #00000040}nav svg{width:22px;height:22px}nav .brand-text{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-color);background:linear-gradient(to right, var(--text-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}nav .nav-links{align-items:center;gap:24px;display:flex}nav .nav-links>.nav-item{color:var(--text-color);text-transform:uppercase;letter-spacing:1px;opacity:.6;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .3s,color .3s}nav .nav-links>.nav-item:hover{opacity:1;color:var(--accent-hover)}nav .nav-links>.active{text-transform:uppercase;letter-spacing:1px;cursor:default;font-size:12px;font-weight:800;transition:color .3s;position:relative;color:var(--accent-color)!important;opacity:1!important}nav .nav-links>.active:after{content:"";background-color:var(--accent-color);height:3px;box-shadow:0 0 8px var(--accent-color);border-radius:99px;position:absolute;bottom:-6px;left:0;right:0}nav .nav-links>.nav-item-btn{border:1px dashed var(--accent-color);color:var(--accent-color);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#ffffff08;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .3s}nav .nav-links>.nav-item-btn:hover{background-color:var(--accent-color);color:#fff;border-style:solid}nav .theme-toggle{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}nav .theme-toggle:hover{color:var(--accent-color);transform:scale(1.15)}.indicator{z-index:60;background-color:var(--accent-color);height:4px;position:fixed;top:0;left:0;right:0}.pagination{z-index:60;align-items:center;display:inline-flex;position:absolute}.pagination>.arrow{cursor:pointer;background-color:var(--card-bg);-webkit-backdrop-filter:blur(15px);width:48px;height:48px;color:var(--text-color);border:1px solid #fff3;border-radius:50%;place-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:grid;box-shadow:0 4px 15px #0006}body.light-theme .pagination>.arrow{color:var(--text-color);background-color:#ffffffd9;border:1px solid #00000026;box-shadow:0 4px 12px #0000000f}.pagination>.arrow:hover{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff;transform:translateY(-2px)scale(1.08);box-shadow:0 6px 20px #e28e0066}body.light-theme .pagination>.arrow:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.pagination>.arrow-right{margin-left:12px}.pagination>.arrow svg{color:currentColor;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.pagination>.arrow svg path{stroke-width:2.5px}.pagination>.arrow-left:hover svg{transform:translate(-2px)}.pagination>.arrow-right:hover svg{transform:translate(2px)}.pagination .progress-sub-container{align-items:center;width:320px;height:46px;margin-left:24px;display:flex}.pagination .progress-sub-container .progress-sub-background{background-color:var(--border-color);border-radius:99px;width:100%;height:3px;position:relative}.pagination .progress-sub-container .progress-sub-background .progress-sub-foreground{background-color:var(--accent-color);border-radius:99px;height:3px;transition:width .3s;position:absolute;top:0;left:0}.pagination .slide-numbers{width:40px;height:46px;margin-left:12px;position:relative;overflow:hidden}.pagination .slide-numbers .item{width:40px;height:46px;color:var(--text-color);place-items:center;font-size:24px;font-weight:800;display:grid;position:absolute;top:0;left:0}.cover{background-color:var(--bg-color);z-index:100;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.cover-content{flex-direction:column;align-items:center;gap:16px;display:flex}.cover-logo{border-radius:24px;width:96px;height:96px;animation:2s ease-in-out infinite pulse;box-shadow:0 10px 30px #0006}.cover-title{text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);background:linear-gradient(to right, #fff, var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.cover-loader{background-color:var(--border-color);border-radius:99px;width:140px;height:3px;overflow:hidden}.cover-loader-bar{background-color:var(--accent-color);border-radius:99px;width:40%;height:100%;animation:1.5s ease-in-out infinite loading-slide}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes loading-slide{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}.fab{background-color:var(--accent-color);color:#fff;cursor:pointer;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 8px 24px #e28e0059}.fab:hover{background-color:var(--accent-hover);transform:translateY(-4px)rotate(90deg);box-shadow:0 12px 30px #e28e0080}.fab:active{transform:translateY(-2px)scale(.95)}.fab svg{stroke-width:2.5px;width:24px;height:24px}.fab.has-banner{bottom:240px}.modal{-webkit-backdrop-filter:blur(12px);z-index:999;opacity:0;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.modal.show{opacity:1;display:flex}.modal-content{background-color:var(--modal-bg);border:1px solid var(--border-color);border-radius:24px;width:500px;max-width:calc(100% - 40px);max-height:90vh;padding:36px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow-y:auto;transform:scale(.9);box-shadow:0 30px 70px #0009}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#fff3}.modal.show .modal-content{transform:scale(1)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{text-transform:uppercase;color:var(--accent-color);margin:0;font-family:Outfit,sans-serif;font-size:22px;font-weight:700}.modal-header .close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;line-height:1}.modal-header .close-btn:hover{color:var(--text-color)}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:11px;font-weight:700}.form-group input,.form-group textarea{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-color);border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.form-group textarea{resize:none;height:90px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);background-color:#ffffff05;box-shadow:0 0 0 2px #e28e0033}.cover-options{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.cover-option{cursor:pointer;border:2.5px solid #0000;border-radius:10px;width:38px;height:38px;transition:all .2s}.cover-option.active{border-color:var(--accent-color);transform:scale(1.1);box-shadow:0 4px 10px #0000004d}.cover-option:hover{transform:scale(1.05)}.cover-option.custom-image-text{background-color:var(--input-bg);border:1.5px solid var(--input-border);text-transform:uppercase;width:auto;height:38px;color:var(--text-muted);justify-content:center;align-items:center;padding:0 14px;font-size:11px;font-weight:700;display:flex}.cover-option.custom-image-text.active{border-color:var(--accent-color);color:var(--accent-color)}.submit-btn{background:linear-gradient(135deg, var(--accent-color), #f7b733);color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;padding:14px;font-size:14px;font-weight:700;transition:all .3s}.submit-btn:hover{background:linear-gradient(135deg, var(--accent-hover), #f7b733);box-shadow:0 4px 15px #e28e004d}.update-banner{background-color:var(--modal-bg);border:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(15px);opacity:0;border-radius:18px;flex-direction:column;gap:12px;width:380px;max-width:calc(100% - 120px);padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:-400px;left:60px;box-shadow:0 20px 50px #00000080}.update-banner.show{opacity:1;bottom:40px}.update-banner-header{justify-content:space-between;align-items:center;display:flex}.update-badge{background-color:var(--accent-color);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block;box-shadow:0 2px 8px #e28e004d}.update-version{color:var(--text-color);font-family:Outfit,sans-serif;font-size:15px;font-weight:700}.update-banner-body{color:var(--text-color);font-size:13px;line-height:1.5}.update-banner-body p{margin:0 0 6px;font-weight:600}.update-banner-body ul{color:var(--text-muted);margin:0;padding-left:18px}.update-banner-body li{margin-bottom:4px}.update-banner-btn{background:linear-gradient(135deg, var(--accent-color), #f7b733);color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:12px;font-weight:700;transition:all .2s}.update-banner-btn:hover{background:linear-gradient(135deg, var(--accent-hover), #f7b733);box-shadow:0 4px 12px #e28e004d}@media (width<=1200px){nav{padding:20px 40px}.details{width:420px;left:40px}.details .title-1,.details .title-2{font-size:38px}.details .title-box-1,.details .title-box-2{height:44px}.showcase-container{width:50%}}.card-mobile-details,.mobile-footer{display:none}@media (width<=992px){body{width:100vw!important;height:auto!important;overflow-y:auto!important}nav{border-bottom:1px solid var(--border-color);background:var(--nav-bg)!important;-webkit-backdrop-filter:blur(20px)!important}.showcase-container,.details,.pagination,.indicator{display:none!important}#demo{z-index:10!important;flex-direction:column!important;gap:32px!important;width:100%!important;height:auto!important;padding:100px 24px 40px!important;display:flex!important;position:relative!important;overflow:visible!important}#demo:after{top:0;left:0;z-index:1!important;width:100vw!important;height:100vh!important;position:fixed!important}.card{background-image:none!important;background:var(--card-bg)!important;border:1px solid var(--border-color)!important;width:100%!important;height:auto!important;box-shadow:0 12px 30px var(--card-shadow)!important;-webkit-backdrop-filter:blur(15px)!important;cursor:default!important;filter:none!important;opacity:1!important;z-index:5!important;border-radius:20px!important;padding:24px!important;display:block!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.card-content{pointer-events:auto!important;background:0 0!important;width:100%!important;height:auto!important;padding:0!important;position:relative!important;top:auto!important;left:auto!important}.content-start{margin-bottom:8px!important}.content-place{margin-bottom:4px!important;font-size:11px!important}.content-title-1{color:var(--text-color)!important;margin-right:6px!important;font-size:24px!important;font-weight:800!important;display:inline!important}.content-title-2{color:var(--accent-color)!important;font-size:24px!important;font-weight:800!important;display:inline!important}.card-mobile-details{flex-direction:column;gap:16px;width:100%;margin-top:16px;display:flex!important}.card-mobile-screenshot-wrapper{border:1px solid var(--border-color);width:100%;box-shadow:0 8px 24px var(--card-shadow);background:#0e0f14d9;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card-mobile-screenshot-wrapper:before{content:"";border-bottom:1px solid var(--border-color);background:#0006;height:24px;display:block}.card-mobile-screenshot-wrapper:after{content:"•••";color:#ff5f56;letter-spacing:2px;pointer-events:none;font-family:monospace;font-size:14px;line-height:1;position:absolute;top:4px;left:12px}.card-mobile-screenshot{object-fit:cover;object-position:top;border:none;width:100%;height:200px;display:block}.card-mobile-screenshot.gradient-bg{background-position:50%;background-size:cover}.card-mobile-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.card-mobile-cta{align-items:center;gap:12px;margin-top:4px;display:flex}.mobile-cta-btn{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:99px;justify-content:center;align-items:center;height:40px;padding:0 24px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.mobile-cta-btn.live{background:linear-gradient(135deg, var(--accent-color), #f7b733);color:#fff;border:none;box-shadow:0 4px 12px #e28e0040}.mobile-cta-btn.live:hover{box-shadow:0 6px 16px #e28e0066}.mobile-cta-btn.repo{border:1px solid var(--border-color);color:var(--text-color);background:0 0}.mobile-cta-btn.repo:hover{background-color:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.mobile-delete-btn{text-transform:uppercase;letter-spacing:1.5px;color:#ef4444;cursor:pointer;background-color:#ef44441a;border:1px solid #ef444440;border-radius:99px;height:40px;padding:0 20px;font-size:11px;font-weight:700;transition:all .3s}.mobile-delete-btn:hover{color:#fff;background-color:#ef4444;border-color:#ef4444}.mobile-edit-btn{text-transform:uppercase;letter-spacing:1.5px;height:40px;color:var(--accent-color);cursor:pointer;background-color:#e28e001a;border:1px solid #e28e0040;border-radius:99px;padding:0 20px;font-size:11px;font-weight:700;transition:all .3s}.mobile-edit-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.mobile-footer{border-top:1px solid var(--border-color);background:#0e0f1466;flex-direction:column;align-items:center;gap:16px;z-index:10!important;width:100%!important;padding:32px 24px 60px!important;display:flex!important;position:relative!important}.mobile-footer .social-dock{justify-content:center;gap:12px;display:flex}.mobile-footer .copyright{color:var(--text-muted);text-align:center;letter-spacing:.5px;font-size:11px}}@media (width<=768px){nav{padding:16px}nav .brand-text{display:none}nav .nav-links{gap:14px}nav .nav-links>.nav-item-btn{display:none}#demo{gap:24px!important;padding:85px 16px 40px!important}.card{padding:20px!important}.content-title-1,.content-title-2{font-size:20px!important}.card-mobile-screenshot{height:180px}.fab{width:50px;height:50px;bottom:24px;right:24px}.fab.has-banner{bottom:200px}}@media (width<=480px){nav{padding:12px 16px}#demo{gap:20px!important;padding:75px 12px 40px!important}.card{border-radius:16px!important;padding:16px!important}.content-title-1,.content-title-2{font-size:18px!important}.card-mobile-screenshot{height:150px}.card-mobile-desc{font-size:13px;line-height:1.5}.mobile-cta-btn{height:36px;padding:0 16px;font-size:11px}.mobile-delete-btn{height:36px;padding:0 14px;font-size:10px}.update-banner{max-width:calc(100% - 24px);bottom:-400px;left:12px}.update-banner.show{bottom:12px}}nav .nav-links>button.nav-item,nav .nav-links>button.active{cursor:pointer;background:0 0;border:none;padding:0}.certifications-showcase{z-index:20;padding-right:12px;position:absolute;inset:100px 60px 40px;overflow-y:auto}.certifications-showcase::-webkit-scrollbar{width:6px}.certifications-showcase::-webkit-scrollbar-track{background:#ffffff05;border-radius:99px}.certifications-showcase::-webkit-scrollbar-thumb{background:#e28e0040;border-radius:99px}.certifications-showcase::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.certs-header{margin-bottom:36px}.mct-badge-container{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#e28e0026,#08090cd9);border:1px solid #e28e004d;border-radius:20px;padding:30px;position:relative;overflow:hidden;box-shadow:0 15px 45px #0006}.mct-badge-glow{pointer-events:none;background:radial-gradient(circle,#e28e0033 0%,#e28e0000 70%);width:60%;height:200%;animation:8s linear infinite shine;position:absolute;top:-50%;left:-20%;transform:rotate(30deg)}@keyframes shine{0%{transform:translate(-30%,-30%)rotate(30deg)}50%{transform:translate(30%,30%)rotate(30deg)}to{transform:translate(-30%,-30%)rotate(30deg)}}.mct-badge-inner{z-index:2;position:relative}.mct-badge-header{color:var(--accent-hover);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:12px;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.mct-logo-icon{width:16px;height:16px}.mct-badge-title{letter-spacing:-.5px;background:linear-gradient(135deg, #fff 40%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:32px;font-weight:800}.mct-badge-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:14px;font-weight:500}.mct-badge-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mct-status-pill{color:var(--accent-hover);background:#e28e0026;border:1px solid #e28e004d;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:600}.mct-verify-btn{color:#08090c;background:linear-gradient(135deg, var(--accent-hover), #f7b733);text-transform:uppercase;letter-spacing:1px;border-radius:99px;padding:8px 24px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #e28e004d}.mct-verify-btn:hover{background:linear-gradient(135deg, #fff, var(--accent-hover));transform:translateY(-2px);box-shadow:0 8px 25px #e28e0080}.certs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding-bottom:40px;display:grid}.cert-card-wrapper{position:relative}.cert-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);height:100%;box-shadow:0 10px 30px var(--card-shadow);border-radius:16px;transition:border-color .4s,transform .4s,box-shadow .4s;position:relative;overflow:hidden}.cert-card-inner{z-index:2;flex-direction:column;height:100%;padding:24px;display:flex;position:relative}.cert-card-glow{filter:blur(40px);opacity:.15;pointer-events:none;border-radius:50%;width:140px;height:140px;transition:opacity .4s,transform .4s;position:absolute;top:-50px;right:-50px}.cert-card.expert{border-left:3px solid #7f00ff}.cert-card.expert .cert-card-glow{background:radial-gradient(circle,#7f00ff 0%,#0000 70%)}.cert-card.expert .cert-badge-type{color:#a252ff;background:#7f00ff1a;border:1px solid #7f00ff33}.cert-card.associate{border-left:3px solid #0078d4}.cert-card.associate .cert-card-glow{background:radial-gradient(circle,#0078d4 0%,#0000 70%)}.cert-card.associate .cert-badge-type{color:#3aa0ff;background:#0078d41a;border:1px solid #0078d433}.cert-card.fundamentals{border-left:3px solid #00b7c3}.cert-card.fundamentals .cert-card-glow{background:radial-gradient(circle,#00b7c3 0%,#0000 70%)}.cert-card.fundamentals .cert-badge-type{color:#3be2ee;background:#00b7c31a;border:1px solid #00b7c333}.cert-card.aws{border-left:3px solid #f90}.cert-card.aws .cert-card-glow{background:radial-gradient(circle,#f90 0%,#0000 70%)}.cert-card.aws .cert-badge-type{color:#ffb84d;background:#ff99001a;border:1px solid #f903}.cert-card.challenge{border-left:3px solid #107c41}.cert-card.challenge .cert-card-glow{background:radial-gradient(circle,#107c41 0%,#0000 70%)}.cert-card.challenge .cert-badge-type{color:#3cd47f;background:#107c411a;border:1px solid #107c4133}.cert-badge-type{text-transform:uppercase;letter-spacing:1.5px;border-radius:99px;width:fit-content;margin-bottom:16px;padding:4px 10px;font-size:10px;font-weight:800}.cert-title{color:var(--text-color);margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.4}.cert-issuer{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.cert-date{color:var(--text-muted);opacity:.8;margin-bottom:16px;font-size:11px}.cert-desc{color:var(--text-muted);flex-grow:1;margin:0 0 24px;font-size:13px;line-height:1.6}.cert-verify-link{color:var(--text-color);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:8px;width:fit-content;margin-top:auto;font-size:12px;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.cert-verify-link .arrow-icon{width:12px;height:12px;transition:transform .3s}.cert-verify-link:hover{color:var(--accent-hover)}.cert-verify-link:hover .arrow-icon{transform:translate(2px,-2px)}.cert-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.cert-card:hover .cert-card-glow{opacity:.35;transform:scale(1.2)}body.light-theme .mct-badge-container{background:linear-gradient(135deg,#e28e0014,#fffffff2);border-color:#e28e0033}body.light-theme .mct-badge-title{background:linear-gradient(135deg, #1c1c1e 40%, var(--accent-hover) 100%);-webkit-background-clip:text}body.light-theme .cert-card:hover{border-color:#00000026}.arch-modal{-webkit-backdrop-filter:blur(25px);z-index:100;opacity:0;pointer-events:none;background:#08090ca6;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.arch-modal.show{opacity:1;pointer-events:auto}.arch-modal-content{background:var(--modal-bg);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;width:94%;max-width:1400px;height:90%;transition:transform .4s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden;transform:scale(.95);box-shadow:0 30px 70px #0009}.arch-modal.show .arch-modal-content{transform:scale(1)}.arch-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.arch-modal-header h2{letter-spacing:-.5px;margin:0 0 4px;font-size:22px;font-weight:800}.arch-modal-sub{color:var(--text-muted);margin:0;font-size:13px}.arch-modal-body{flex-grow:1;display:flex;overflow:hidden}.arch-canvas-wrapper{background:radial-gradient(circle,#ffffff05 1px,#0000 1px) 0 0/24px 24px;flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.arch-canvas{width:90%;max-width:800px;height:80%;max-height:500px;position:relative}.arch-connections{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.connection-line-bg{stroke:#ffffff0f;stroke-width:2px}body.light-theme .connection-line-bg{stroke:#0000000a}.connection-line-fg{stroke:url(#conn-grad);stroke-width:2px;stroke-dasharray:6 8;animation:12s linear infinite dashFlow}@keyframes dashFlow{to{stroke-dashoffset:-100px}}.arch-node{cursor:pointer;z-index:10;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;transform:translate(-50%,-50%)}.arch-node:hover{transform:translate(-50%,-50%)scale(1.1)}.node-glow{filter:blur(16px);opacity:0;z-index:-1;border-radius:50%;width:60px;height:60px;transition:opacity .3s;position:absolute}.node-icon-box{border:1px solid var(--border-color);background:#121317e6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:border-color .3s,background .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px #0000004d}body.light-theme .node-icon-box{background:#fffffff2}.node-icon-box svg{width:20px;height:20px;stroke:var(--text-muted);transition:stroke .3s}.node-label{letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;margin-top:8px;font-size:11px;font-weight:700;transition:color .3s}.arch-node.node-blue .node-glow{background:#0078d466}.arch-node.node-blue:hover .node-icon-box,.arch-node.node-blue.active .node-icon-box{border-color:#0078d4;box-shadow:0 0 15px #0078d466}.arch-node.node-blue:hover svg,.arch-node.node-blue.active svg{stroke:#0078d4}.arch-node.node-blue:hover .node-label,.arch-node.node-blue.active .node-label{color:#0078d4}.arch-node.node-teal .node-glow{background:#00b7c366}.arch-node.node-teal:hover .node-icon-box,.arch-node.node-teal.active .node-icon-box{border-color:#00b7c3;box-shadow:0 0 15px #00b7c366}.arch-node.node-teal:hover svg,.arch-node.node-teal.active svg{stroke:#00b7c3}.arch-node.node-teal:hover .node-label,.arch-node.node-teal.active .node-label{color:#00b7c3}.arch-node.node-orange .node-glow{background:#f25f2266}.arch-node.node-orange:hover .node-icon-box,.arch-node.node-orange.active .node-icon-box{border-color:#f25f22;box-shadow:0 0 15px #f25f2266}.arch-node.node-orange:hover svg,.arch-node.node-orange.active svg{stroke:#f25f22}.arch-node.node-orange:hover .node-label,.arch-node.node-orange.active .node-label{color:#f25f22}.arch-node.node-green .node-glow{background:#107c4166}.arch-node.node-green:hover .node-icon-box,.arch-node.node-green.active .node-icon-box{border-color:#107c41;box-shadow:0 0 15px #107c4166}.arch-node.node-green:hover svg,.arch-node.node-green.active svg{stroke:#107c41}.arch-node.node-green:hover .node-label,.arch-node.node-green.active .node-label{color:#107c41}.arch-node.node-purple .node-glow{background:#b4009e66}.arch-node.node-purple:hover .node-icon-box,.arch-node.node-purple.active .node-icon-box{border-color:#b4009e;box-shadow:0 0 15px #b4009e66}.arch-node.node-purple:hover svg,.arch-node.node-purple.active svg{stroke:#b4009e}.arch-node.node-purple:hover .node-label,.arch-node.node-purple.active .node-label{color:#b4009e}.arch-node.node-gold .node-glow{background:#e28e0066}.arch-node.node-gold:hover .node-icon-box,.arch-node.node-gold.active .node-icon-box{border-color:var(--accent-hover);box-shadow:0 0 15px #e28e0066}.arch-node.node-gold:hover svg,.arch-node.node-gold.active svg{stroke:var(--accent-hover)}.arch-node.node-gold:hover .node-label,.arch-node.node-gold.active .node-label{color:var(--accent-hover)}.arch-node:hover .node-glow,.arch-node.active .node-glow{opacity:1}.arch-sidebar{border-left:1px solid var(--border-color);background:#12131740;flex-direction:column;width:420px;padding:30px;display:flex;overflow-y:auto}.node-details h3{color:var(--text-color);margin:10px 0 12px;font-size:20px;font-weight:700}.node-badge-type{text-transform:uppercase;letter-spacing:1px;border-radius:99px;width:fit-content;padding:3px 10px;font-size:9px;font-weight:800}.node-badge-type.iaas{color:#0078d4;background:#0078d41a}.node-badge-type.network{color:#00b7c3;background:#00b7c31a}.node-badge-type.compute{color:#f25f22;background:#f25f221a}.node-badge-type.security{color:#107c41;background:#107c411a}.node-badge-type.database{color:#b4009e;background:#b4009e1a}.node-badge-type.ai{color:var(--accent-hover);background:#e28e001a}.node-role{color:var(--text-muted);margin-bottom:24px;font-size:13px;line-height:1.6}.terraform-code-section{flex-direction:column;flex-grow:1;display:flex}.code-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.copy-code-btn{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;transition:all .2s}.copy-code-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.terraform-code{border:1px solid var(--border-color);color:#3be2ee;border-radius:8px;flex-grow:1;margin:0;padding:16px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.5;overflow-x:auto;background:#0006!important}.node-placeholder{text-align:center;height:100%;color:var(--text-muted);opacity:.6;flex-direction:column;justify-content:center;align-items:center;display:flex}.node-placeholder svg{width:48px;height:48px;margin-bottom:16px}.node-placeholder p{max-width:250px;font-size:13px;line-height:1.6}@media (width<=991px){.certifications-showcase{z-index:20;padding:20px 24px;position:relative;inset:0;overflow-y:visible}.mct-badge-title{font-size:26px}.certs-grid{grid-template-columns:1fr;gap:16px}.arch-modal-content{width:96%;height:94%}.arch-modal-body{flex-direction:column;overflow-y:auto}.arch-canvas-wrapper{flex-shrink:0;height:350px}.arch-canvas{width:95%;height:90%}.arch-sidebar{border-left:none;border-top:1px solid var(--border-color);width:100%;overflow-y:visible}.install-banner{max-width:calc(100% - 24px);bottom:-400px;right:12px}.install-banner.show{bottom:12px}}.install-banner{background-color:var(--modal-bg);border:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(15px);opacity:0;border-radius:18px;flex-direction:column;gap:12px;width:380px;max-width:calc(100% - 120px);padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:-400px;right:60px;box-shadow:0 20px 50px #00000080}.install-banner.show{opacity:1;bottom:40px}.install-banner-header{justify-content:space-between;align-items:center;display:flex}.install-badge{background-color:var(--accent-color);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block;box-shadow:0 2px 8px #e28e004d}.install-banner-body{color:var(--text-color);font-size:13px;line-height:1.5}.install-banner-body p{margin:0;font-weight:600}.install-banner-btn{background:linear-gradient(135deg, var(--accent-color), #f7b733);color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:12px;font-weight:700;transition:all .2s}.install-banner-btn:hover{background:linear-gradient(135deg, var(--accent-hover), #f7b733);box-shadow:0 4px 12px #e28e004d}.install-banner-header .close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.install-banner-header .close-btn:hover{color:var(--text-color)}nav .nav-links>.nav-item-btn.admin-logout{color:#ef4444;background:#ef44440d;border-color:#ef4444}nav .nav-links>.nav-item-btn.admin-logout:hover{color:#fff;background-color:#ef4444;border-style:solid}.ai-generation-group{margin-top:10px;margin-bottom:20px}.ai-gen-btn{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #e28e0066;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #e28e000d}.ai-gen-btn:hover:not(:disabled){border-color:var(--accent-color);color:#fff;background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 6px 16px #e28e0033}.ai-gen-btn:disabled{opacity:.6;cursor:not-allowed;border-color:var(--border-color)}.ai-stars-icon{flex-shrink:0;width:16px;height:16px}.ai-screenshot-preview{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;margin-top:14px;padding:12px}.ai-screenshot-preview .preview-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:700}.ai-screenshot-preview .preview-img{object-fit:cover;object-position:top;border:1px solid #ffffff0d;border-radius:8px;width:100%;height:150px;margin-bottom:6px}.ai-screenshot-preview .preview-caption{color:var(--text-muted);font-size:11px}.ai-screenshot-preview .preview-caption code{color:var(--accent-color);word-break:break-all}.spinner{border:2px solid #e28e004d;border-top-color:var(--accent-color);border-radius:50%;width:14px;height:14px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clerk-auth-container{box-sizing:border-box;background:radial-gradient(circle,#111b2d 0%,#080d16 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex}.clerk-auth-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);text-align:center;background:#0e1420a6;border-radius:24px;flex-direction:column;align-items:center;gap:24px;width:480px;max-width:100%;padding:40px;display:flex;box-shadow:0 30px 60px #00000080}.clerk-auth-header h2{text-transform:uppercase;color:var(--accent-color);letter-spacing:1.5px;margin:0 0 6px;font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.clerk-auth-header p{color:var(--text-muted);margin:0;font-size:13px}.clerk-auth-denied{flex-direction:column;align-items:center;gap:16px;padding:20px 0;display:flex}.clerk-auth-denied .denied-icon{color:#ef4444;width:48px;height:48px}.clerk-auth-denied h3{color:#fff;margin:0;font-size:18px;font-weight:700}.clerk-auth-denied p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.clerk-auth-denied .denied-btn{background:#ef4444;margin-top:10px}.clerk-auth-denied .denied-btn:hover{background:#dc2626;box-shadow:0 4px 15px #ef44444d}.back-to-home-link{color:var(--text-muted);margin-top:8px;font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.back-to-home-link:hover{color:var(--accent-color)}.clerk-auth-card .cl-rootBox{width:100%}.clerk-auth-card .cl-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.clerk-auth-card .cl-headerTitle,.clerk-auth-card .cl-headerSubtitle,.clerk-auth-card .cl-dividerText,.clerk-auth-card .cl-footerActionText,.clerk-auth-card .cl-footerActionLink{color:var(--text-color)!important}.clerk-auth-card .cl-socialButtonsBlockButton{transition:all .2s;background-color:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-color)!important}.clerk-auth-card .cl-socialButtonsBlockButton:hover{border-color:var(--accent-color)!important;background-color:#ffffff0d!important}.clerk-auth-card .cl-formButtonPrimary{background:linear-gradient(135deg, var(--accent-color), #f7b733)!important;color:#fff!important}.clerk-auth-card .cl-formFieldInput{background-color:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-color)!important}:root{--github-glow-gradient:linear-gradient(135deg, #ff9e00, #c084fc, #38bdf8, #ff9e00);--github-border-gradient:linear-gradient(135deg, #ff9e0066, #c084fc66, #38bdf866, #ff9e0066);--github-border-gradient-active:linear-gradient(135deg, #ff9e00f2, #c084fcf2, #38bdf8f2, #ff9e00f2);--github-bg-glow-1:#ff9e001f;--github-bg-glow-2:#a855f714;--heatmap-bg-0:#ffffff0d;--heatmap-bg-1:#ff9e0033;--heatmap-bg-2:#ff9e0073;--heatmap-bg-3:#ff9e00b3;--heatmap-bg-4:#e28e00}body.light-theme{--github-glow-gradient:linear-gradient(135deg, #ff8c00, #a855f7, #0284c7, #ff8c00);--github-border-gradient:linear-gradient(135deg, #ff8c0059, #a855f759, #0284c759, #ff8c0059);--github-border-gradient-active:linear-gradient(135deg, #ff8c00e6, #a855f7e6, #0284c7e6, #ff8c00e6);--github-bg-glow-1:#ff8c0024;--github-bg-glow-2:#a855f71a;--heatmap-bg-0:#0000000f;--heatmap-bg-1:#e28e0038;--heatmap-bg-2:#e28e0080;--heatmap-bg-3:#e28e00bf;--heatmap-bg-4:#e28e00}.github-showcase{z-index:20;flex-direction:column;gap:24px;padding-right:12px;display:flex;position:absolute;inset:100px 60px 40px;overflow-y:auto}.github-showcase:before{content:"";background:radial-gradient(circle, var(--github-bg-glow-1) 0%, transparent 75%);z-index:-1;pointer-events:none;filter:blur(100px);border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite alternate drift-slow;position:fixed;top:10%;left:5%}.github-showcase:after{content:"";background:radial-gradient(circle, var(--github-bg-glow-2) 0%, transparent 75%);z-index:-1;pointer-events:none;filter:blur(120px);border-radius:50%;width:600px;height:600px;animation:30s ease-in-out infinite alternate drift-slow-reverse;position:fixed;bottom:5%;right:-5%}@keyframes drift-slow{0%{transform:translate(0)scale(1)}50%{transform:translate(80px,40px)scale(1.15)}to{transform:translate(0)scale(1)}}@keyframes drift-slow-reverse{0%{transform:translate(0)scale(1.1)}50%{transform:translate(-60px,-80px)scale(.9)}to{transform:translate(0)scale(1.1)}}.github-showcase::-webkit-scrollbar{width:6px}.github-showcase::-webkit-scrollbar-track{background:#ffffff05;border-radius:99px}.github-showcase::-webkit-scrollbar-thumb{background:#e28e0040;border-radius:99px}.github-showcase::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.github-profile-card{background:var(--card-bg);background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient);box-shadow:0 12px 30px var(--card-shadow);-webkit-backdrop-filter:blur(15px);background-size:100% 100%,200% 200%;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,background-image .4s;animation:.6s cubic-bezier(.16,1,.3,1) forwards github-fade-in-up,8s linear infinite border-flow-slow;position:relative;overflow:hidden}.github-profile-card:hover{background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient-active);box-shadow:0 16px 40px var(--card-shadow), 0 0 25px #ff9e0026;transform:translateY(-2px)}.github-profile-cover{background:#0d0e12;height:180px;position:relative;overflow:hidden}body.light-theme .github-profile-cover{background:#eef2f6}.github-profile-cover:before{content:"";filter:blur(40px);background:radial-gradient(circle,#ff9e0073 0%,#0000 60%);width:140%;height:140%;animation:12s ease-in-out infinite alternate float-orbit-1;position:absolute;top:-50%;left:-20%}.github-profile-cover:after{content:"";filter:blur(40px);background:radial-gradient(circle,#a855f759 0%,#0000 60%);width:140%;height:140%;animation:15s ease-in-out infinite alternate float-orbit-2;position:absolute;bottom:-50%;right:-20%}.github-cover-glow{pointer-events:none;position:absolute;inset:0}.github-cover-glow:before{content:"";filter:blur(30px);background:radial-gradient(circle,#38bdf866 0%,#0000 70%);width:150px;height:150px;animation:10s ease-in-out infinite alternate float-orbit-3;position:absolute;top:10%;right:15%}body.light-theme .github-profile-cover:before{background:radial-gradient(circle,#ff8c0080 0%,#0000 65%)}body.light-theme .github-profile-cover:after{background:radial-gradient(circle,#a855f766 0%,#0000 65%)}body.light-theme .github-cover-glow:before{background:radial-gradient(circle,#0284c773 0%,#0000 70%)}@keyframes float-orbit-1{0%{transform:translate(-10%,-5%)scale(1)}50%{transform:translate(10%,10%)scale(1.1)}to{transform:translate(-10%,-5%)scale(1)}}@keyframes float-orbit-2{0%{transform:translate(10%,10%)scale(1.1)}50%{transform:translate(-10%,-10%)scale(.9)}to{transform:translate(10%,10%)scale(1.1)}}@keyframes float-orbit-3{0%{transform:translate(-20px,-20px)}50%{transform:translate(30px,30px)}to{transform:translate(-20px,-20px)}}@keyframes border-flow-slow{0%{background-position:0 0,0%}50%{background-position:0 0,100%}to{background-position:0 0,0%}}.github-profile-content{padding:24px 36px 36px;position:relative}.github-avatar{background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient-active);background-size:100% 100%,200% 200%;background-origin:border-box;background-clip:padding-box,border-box;border:4px solid #0000;border-radius:50%;width:110px;height:110px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;animation:4s linear infinite border-flow-slow;position:absolute;top:-70px;left:36px;box-shadow:0 8px 30px #00000073}body.light-theme .github-avatar{box-shadow:0 8px 24px #ff8c002e}.github-avatar:hover{transform:scale(1.08)rotate(5deg);box-shadow:0 12px 36px #ff8c0059}.github-profile-info{flex-direction:column;gap:16px;padding-top:45px;display:flex}.github-profile-header-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.github-name{background:linear-gradient(135deg, var(--text-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:26px;font-weight:800}body.light-theme .github-name{background:linear-gradient(135deg, #1c1c1e, var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.github-username{color:var(--accent-color);margin-top:2px;font-size:14px;font-weight:600}.github-actions{gap:12px;display:flex}.github-btn{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.github-btn.follow{background:var(--github-glow-gradient);color:#fff;background-size:200% 200%;border:none;animation:4s linear infinite border-flow-slow;box-shadow:0 4px 15px #e28e0040}.github-btn.follow:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #e28e0073}.github-btn.view-profile{border:1px dashed var(--accent-color);color:var(--accent-color);background-color:#ffffff08}body.light-theme .github-btn.view-profile{background-color:#00000005}.github-btn.view-profile:hover{background-color:var(--accent-color);color:#fff;border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px #e28e0040}.github-btn .arrow-icon{width:14px;height:14px}.github-bio{color:var(--text-color);opacity:.95;max-width:800px;margin:0;font-size:15px;line-height:1.6}body.light-theme .github-bio{color:#2c2c2e}.github-meta-details{color:var(--text-muted);flex-wrap:wrap;gap:24px;font-size:12px;font-weight:500;display:flex}body.light-theme .github-meta-details{color:#55555c}.github-meta-item{align-items:center;gap:6px;display:flex}.github-meta-item svg{opacity:.7;width:15px;height:15px}.github-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.github-stat-card{background:var(--card-bg);background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient);z-index:1;-webkit-backdrop-filter:blur(15px);box-shadow:0 6px 20px var(--card-shadow);opacity:0;background-size:100% 100%,200% 200%;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,background-image .4s;animation:.5s cubic-bezier(.16,1,.3,1) forwards github-fade-in-up,8s linear infinite border-flow-slow;display:flex;position:relative;overflow:hidden}.github-stat-card:first-child{animation-delay:50ms}.github-stat-card:nth-child(2){animation-delay:.1s}.github-stat-card:nth-child(3){animation-delay:.15s}.github-stat-card:nth-child(4){animation-delay:.2s}.github-stat-card:hover{background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient-active);box-shadow:0 10px 25px var(--card-shadow), 0 0 15px #ff9e001f;transform:translateY(-4px)}.github-stat-icon{color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:grid}.github-stat-card:hover .github-stat-icon{transform:scale(1.1)rotate(-5deg)}.github-stat-icon svg{width:22px;height:22px}.github-stat-icon.repos{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.github-stat-icon.followers{background:linear-gradient(135deg,#10b981,#047857)}.github-stat-icon.stars{background:linear-gradient(135deg,#f59e0b,#b45309)}.github-stat-icon.language{background:linear-gradient(135deg,#8b5cf6,#5b21b6)}.github-stat-card:hover .github-stat-icon.repos{box-shadow:0 0 12px #3b82f699}.github-stat-card:hover .github-stat-icon.followers{box-shadow:0 0 12px #10b98199}.github-stat-card:hover .github-stat-icon.stars{box-shadow:0 0 12px #f59e0b99}.github-stat-card:hover .github-stat-icon.language{box-shadow:0 0 12px #8b5cf699}.github-stat-info{flex-direction:column;display:flex}.github-stat-value{color:var(--text-color);font-size:20px;font-weight:800}.github-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:600}.github-contributions-card{background:var(--card-bg);background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient);box-shadow:0 8px 24px var(--card-shadow);-webkit-backdrop-filter:blur(15px);opacity:0;background-size:100% 100%,200% 200%;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:18px;flex-direction:column;gap:20px;padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,background-image .4s;animation-name:github-fade-in-up,border-flow-slow;animation-duration:.5s,8s;animation-timing-function:cubic-bezier(.16,1,.3,1),linear;animation-iteration-count:1,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.25s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;display:flex;position:relative}.github-contributions-card:hover{background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient-active);box-shadow:0 12px 30px var(--card-shadow), 0 0 20px #ff9e001a;transform:translateY(-2px)}.github-contributions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.github-contributions-header h3{color:var(--text-color);margin:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.github-contributions-subtitle{color:var(--text-muted);font-size:12px;font-weight:600}.github-heatmap-container{flex-direction:column;gap:12px;display:flex}.github-heatmap-grid{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(27,1fr);gap:4px;max-width:100%;display:grid}.heatmap-cell{aspect-ratio:1;cursor:pointer;opacity:0;border-radius:3px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .2s,box-shadow .2s;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards github-cell-pop}.heatmap-cell:hover{filter:brightness(1.3)saturate(1.3);box-shadow:0 0 8px var(--accent-color);z-index:5;transform:scale(1.4)}.heatmap-cell.level-0{background-color:var(--heatmap-bg-0);opacity:1;animation:none}.heatmap-cell.level-1{background-color:var(--heatmap-bg-1)}.heatmap-cell.level-2{background-color:var(--heatmap-bg-2)}.heatmap-cell.level-3{background-color:var(--heatmap-bg-3)}.heatmap-cell.level-4{background-color:var(--heatmap-bg-4)}@keyframes github-cell-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.github-heatmap-legend{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:flex-end;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.github-heatmap-legend .heatmap-cell{opacity:1;width:10px;height:10px;animation:none}.github-repos-section{opacity:0;flex-direction:column;gap:16px;margin-top:8px;animation:.5s cubic-bezier(.16,1,.3,1) .3s forwards github-fade-in-up;display:flex}.github-repos-section .section-title{color:var(--text-color);margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.github-repos-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.github-repo-card{background:var(--card-bg);background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient);z-index:1;box-shadow:0 6px 20px var(--card-shadow);-webkit-backdrop-filter:blur(15px);background-size:100% 100%,200% 200%;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:16px;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,background-image .4s;animation:8s linear infinite border-flow-slow;position:relative;overflow:hidden}.github-repo-card:hover{background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient-active);box-shadow:0 10px 25px var(--card-shadow), 0 0 15px #ff9e001f;transform:translateY(-4px)}.github-repo-inner{flex-direction:column;gap:12px;padding:24px;display:flex}.github-repo-header{align-items:center;gap:10px;display:flex}.github-repo-header .repo-icon{width:18px;height:18px;color:var(--accent-color);opacity:.95;transition:transform .3s}.github-repo-card:hover .repo-icon{transform:scale(1.1)rotate(5deg)}.repo-name{color:var(--text-color);margin:0;font-family:Outfit,sans-serif;font-size:15px;font-weight:700}.repo-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:38px;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.repo-meta{color:var(--text-muted);gap:16px;margin-top:4px;font-size:11px;font-weight:600;display:flex}.repo-meta-item{align-items:center;gap:5px;display:flex}.repo-meta-icon{opacity:.7;width:13px;height:13px}.lang-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.lang-dot.javascript{background-color:#f1e05a}.lang-dot.typescript{background-color:#3178c6}.lang-dot.html{background-color:#e34c26}.lang-dot.css{background-color:#563d7c}.lang-dot.python{background-color:#3572a5}.lang-dot.powershell{background-color:#012456}@keyframes github-fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=991px){.github-showcase{z-index:20;padding:20px 0;position:relative;inset:0;overflow-y:visible}.github-showcase:before,.github-showcase:after{display:none}.github-stats-grid{grid-template-columns:repeat(2,1fr)}.github-repos-grid{grid-template-columns:1fr}.github-profile-content{padding:20px}.github-avatar{width:90px;height:90px;top:-55px;left:20px}.github-profile-info{padding-top:35px}.github-name{font-size:22px}}@media (width<=480px){.github-stats-grid{grid-template-columns:1fr}.github-actions{flex-direction:column;width:100%}.github-btn{justify-content:center;width:100%}.github-heatmap-grid{grid-template-columns:repeat(15,1fr)}}.github-username-row{align-items:center;gap:12px;margin-top:4px;display:flex}.github-hireable-badge{color:#10b981;text-transform:uppercase;letter-spacing:.5px;background-color:#10b9811a;border:1px solid #10b98140;border-radius:99px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}body.light-theme .github-hireable-badge{color:#059669;background-color:#10b98114;border-color:#10b98133}.pulse-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;position:relative}.pulse-dot:after{content:"";background-color:currentColor;border-radius:50%;animation:1.6s ease-in-out infinite badge-pulse;position:absolute;inset:0}@keyframes badge-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.github-readme-card{background:var(--card-bg);background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient);box-shadow:0 8px 24px var(--card-shadow);-webkit-backdrop-filter:blur(15px);opacity:0;background-size:100% 100%,200% 200%;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:18px;padding:32px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,background-image .4s;animation-name:github-fade-in-up,border-flow-slow;animation-duration:.5s,8s;animation-timing-function:cubic-bezier(.16,1,.3,1),linear;animation-iteration-count:1,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:.28s;animation-fill-mode:forwards,none;animation-timeline:auto,auto;position:relative}.github-readme-card:hover{background-image:linear-gradient(var(--card-bg), var(--card-bg)), var(--github-border-gradient-active);box-shadow:0 12px 30px var(--card-shadow), 0 0 20px #ff9e001a;transform:translateY(-2px)}.github-readme-content{color:var(--text-color)}.readme-center-block{flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:24px;display:flex}.readme-typing-svg{filter:drop-shadow(0 0 8px #0078d433);max-width:100%;height:auto}.readme-badge{border-radius:3px;height:20px;transition:transform .2s}.readme-badge:hover{transform:scale(1.05)}.readme-h2{color:var(--text-color);border-left:4px solid var(--accent-color);align-items:center;gap:8px;margin-top:32px;margin-bottom:16px;padding-left:12px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;display:flex}.readme-yaml{border:1px solid var(--border-color);color:#e2e8f0;background-color:#00000040;border-radius:12px;margin-bottom:24px;padding:20px;font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;box-shadow:inset 0 2px 8px #0003}body.light-theme .readme-yaml{color:#1e293b;background-color:#00000008;border-color:#00000014;box-shadow:inset 0 2px 4px #00000005}.readme-badge-container{flex-wrap:wrap;gap:8px;margin-top:10px;margin-bottom:20px;display:flex}.readme-badge-inline{border-radius:4px;height:28px;transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s}.readme-badge-inline:hover{filter:brightness(1.1);transform:translateY(-2px)scale(1.05)}.readme-paragraph{color:var(--text-color);opacity:.9;margin-bottom:16px;font-size:14px;line-height:1.6}.readme-h1{color:var(--text-color);margin-top:36px;margin-bottom:18px;font-family:Outfit,sans-serif;font-size:26px;font-weight:800}.readme-h3{color:var(--text-color);margin-top:28px;margin-bottom:14px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.readme-h4{color:var(--text-color);align-items:center;gap:8px;margin-top:24px;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;display:flex}.readme-h5{color:var(--text-color);margin-top:20px;margin-bottom:10px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.readme-h6{color:var(--text-muted);margin-top:16px;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700}.readme-ul,.readme-ol,.readme-list{margin:0 0 16px 20px;padding:0}.readme-ul li,.readme-list li{color:var(--text-color);opacity:.9;margin-bottom:8px;font-size:14px;line-height:1.6;list-style-type:disc}.readme-ol li{color:var(--text-color);opacity:.9;margin-bottom:8px;font-size:14px;line-height:1.6;list-style-type:decimal}.readme-blockquote{border-left:4px solid var(--accent-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff9e000d;border-radius:0 12px 12px 0;margin:16px 0 24px;padding:16px 20px}body.light-theme .readme-blockquote{border-left-color:var(--accent-color);background:#00000005}.readme-blockquote p{color:var(--text-color);opacity:.85;margin:0;font-size:14px;font-style:italic;line-height:1.6}.readme-table-container{border:1px solid var(--border-color);background:#00000026;border-radius:12px;width:100%;margin:20px 0 28px;overflow-x:auto;box-shadow:0 4px 12px #0000001a}body.light-theme .readme-table-container{background:#ffffff4d;border-color:#00000014}.readme-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.readme-table th{color:var(--text-color);border-bottom:2px solid var(--border-color);background:#ff9e001a;padding:12px 16px;font-weight:700}body.light-theme .readme-table th{background:#0078d40d}.readme-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);opacity:.95;padding:12px 16px}.readme-table tr:last-child td{border-bottom:none}.readme-table tr:nth-child(2n){background:#ffffff05}body.light-theme .readme-table tr:nth-child(2n){background:#00000003}.readme-table tr:hover{background:#ff9e000d}body.light-theme .readme-table tr:hover{background:#0078d405}.readme-link{color:var(--accent-color);font-weight:600;text-decoration:none;transition:opacity .2s,-webkit-text-decoration .2s,text-decoration .2s}.readme-link:hover{opacity:.9;text-decoration:underline}.readme-inline-code{color:#f43f5e;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:Fira Code,Courier New,monospace;font-size:13px}body.light-theme .readme-inline-code{color:#e11d48;background:#0000000d}.readme-code{border:1px solid var(--border-color);background-color:#00000040;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:inset 0 2px 8px #0003}body.light-theme .readme-code{background-color:#00000008;border-color:#00000014;box-shadow:inset 0 2px 4px #00000005}.readme-code-header{border-bottom:1px solid var(--border-color);background:#0003;justify-content:flex-end;padding:8px 16px;display:flex}body.light-theme .readme-code-header{background:#00000005}.readme-code-lang{text-transform:uppercase;color:var(--text-muted);font-family:Outfit,sans-serif;font-size:11px;font-weight:600}.readme-code code{color:#e2e8f0;padding:16px 20px;font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.6;display:block;overflow-x:auto}body.light-theme .readme-code code{color:#1e293b}.readme-inline-line{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;line-height:1.6;display:flex}.readme-hr{background:var(--border-color);border:0;height:1px;margin:24px 0}.db-error-banner{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:11px;line-height:1.5;display:flex}body.light-theme .db-error-banner{color:#b91c1c;background:#ef44440d;border-color:#ef444426}.db-error-banner svg{color:#f87171;flex-shrink:0;width:16px;height:16px}body.light-theme .db-error-banner svg{color:#b91c1c}