@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{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}.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}nav .nav-links>.nav-item:hover{opacity:1}nav .nav-links>.active{text-transform:uppercase;letter-spacing:1px;cursor:default;font-size:12px;font-weight:700;position:relative}nav .nav-links>.active:after{content:"";background-color:var(--accent-color);border-radius:99px;height:3px;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{border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff08;border-radius:50%;place-items:center;width:46px;height:46px;transition:all .3s cubic-bezier(.165,.84,.44,1);display:grid}.pagination>.arrow:hover{border-color:var(--accent-color);background-color:#e28e0026;transform:scale(1.08)}.pagination>.arrow-right{margin-left:12px}.pagination>.arrow svg{width:18px;height:18px;color:var(--text-color)}.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}.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);padding:36px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:scale(.9);box-shadow:0 30px 70px #0009}.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-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 24px}nav .brand-text{font-size:16px}nav .nav-links>.nav-item,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}}@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}}