#source-code-banner{position:relative;overflow:hidden;background-position:50%!important;background-size:cover!important}#source-code-banner .banner-content-wrapper{z-index:2;position:relative}#source-code-banner .banner-scroll-indicator{z-index:2;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid var(--white-color);border-radius:20px;width:26px;height:42px;position:relative}.scroll-mouse:before{content:"";background:var(--white-color);border-radius:50%;width:6px;height:6px;animation:1.5s infinite scrollWheel;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}@media (max-width:991px){#source-code-banner{padding:140px 0 100px}#source-code-banner .banner-content-wrapper h1{font-size:clamp(2rem,7vw,3.5rem)}}@media (max-width:767px){#source-code-banner{padding:120px 0 80px}}
#tips-heading .section-header{max-width:800px;margin:0 auto}#tips-heading .highlight{color:var(--primary-color)}
#featured-source-code .fsc-card{background:var(--white-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:0;transition:box-shadow .45s,transform .45s;display:grid;position:relative;overflow:hidden}#featured-source-code .fsc-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}#featured-source-code .fsc-image-wrap{min-height:420px;position:relative;overflow:hidden}#featured-source-code .fsc-image-inner{width:100%;height:100%}#featured-source-code .fsc-image-inner picture{width:100%;height:100%;display:block}#featured-source-code .fsc-img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(0,0,.2,1);display:block}#featured-source-code .fsc-card:hover .fsc-img{transform:scale(1.07)}#featured-source-code .fsc-image-wrap:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(120deg,#096c6c2e 0%,#ff75181a 100%);position:absolute;inset:0}#featured-source-code .fsc-floating-badge{z-index:3;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);font:var(--badge-font);color:var(--primary-color);letter-spacing:.8px;text-transform:uppercase;background:#ffffffeb;border:1px solid #ff75184d;align-items:center;gap:8px;padding:8px 18px;animation:3s ease-in-out infinite fscBadgePulse;display:flex;position:absolute;bottom:24px;left:24px;box-shadow:0 4px 16px #ff75182e}#featured-source-code .fsc-floating-badge i{font-size:.8rem}@keyframes fscBadgePulse{0%,to{box-shadow:0 4px 16px #ff75182e}50%{box-shadow:0 4px 28px #ff75186b}}#featured-source-code .fsc-glow-orb{pointer-events:none;z-index:2;background:radial-gradient(circle,#096c6c4d 0%,#0000 70%);border-radius:50%;width:220px;height:220px;animation:6s ease-in-out infinite fscOrbFloat;position:absolute;top:-60px;right:-60px}@keyframes fscOrbFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10px,12px)scale(1.08)}}#featured-source-code .fsc-content{flex-direction:column;justify-content:center;gap:1.5rem;padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3.5vw,2.75rem);display:flex}#featured-source-code .fsc-eyebrow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#featured-source-code .fsc-label{background:color-mix(in srgb, var(--primary-color) 12%, transparent);color:var(--primary-color);border-radius:var(--radius-full);font:var(--badge-font);letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:6px;padding:5px 14px;font-weight:700;display:inline-flex}#featured-source-code .fsc-label i{font-size:.72rem}#featured-source-code .fsc-date{font:var(--badge-font);color:var(--para-color);font-weight:500}#featured-source-code .fsc-title{font:var(--sub-heading-font);color:var(--heading-color);margin:0;line-height:1.2}#featured-source-code .fsc-title-accent{color:var(--primary-color);font-weight:700}#featured-source-code .fsc-desc{font:var(--para-font);color:var(--para-color);margin:0;line-height:1.75}#featured-source-code .fsc-tags{flex-wrap:wrap;gap:8px;display:flex}#featured-source-code .fsc-tag{background:var(--gray-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);font:var(--badge-font);color:var(--heading-color);cursor:default;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:all .3s;display:inline-flex}#featured-source-code .fsc-tag:hover{background:color-mix(in srgb, var(--theme-color) 8%, transparent);border-color:var(--theme-color);color:var(--theme-color);transform:translateY(-2px)}#featured-source-code .fsc-tag img{object-fit:contain;flex-shrink:0}#featured-source-code .fsc-tag--theme{background:color-mix(in srgb, var(--theme-color) 10%, transparent);border-color:color-mix(in srgb, var(--theme-color) 25%, transparent);color:var(--theme-color)}#featured-source-code .fsc-tag--theme:hover{background:var(--theme-color);color:var(--white-color)}#featured-source-code .fsc-stats{background:var(--gray-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:20px;padding:16px 20px;display:flex}#featured-source-code .fsc-stat{text-align:center;flex-direction:column;flex:1;gap:2px;display:flex}#featured-source-code .fsc-stat-value{font:var(--small-heading-font);color:var(--heading-color);font-size:1.2rem;font-weight:700;line-height:1}#featured-source-code .fsc-star{color:var(--primary-color);font-size:1rem}#featured-source-code .fsc-stat-label{font:var(--badge-font);color:var(--para-color);text-transform:uppercase;letter-spacing:.6px;margin:0;font-size:.7rem}#featured-source-code .fsc-stat-divider{background:var(--border-color);flex-shrink:0;width:1px;height:30px}#featured-source-code .fsc-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@media (max-width:991px){#featured-source-code .fsc-card{grid-template-columns:1fr}#featured-source-code .fsc-image-wrap{min-height:320px}}@media (max-width:575px){#featured-source-code .fsc-image-wrap{min-height:240px}#featured-source-code .fsc-content{gap:1.1rem}#featured-source-code .fsc-stats{gap:12px;padding:12px 14px}#featured-source-code .fsc-stat-value{font-size:1rem}#featured-source-code .fsc-actions{flex-direction:column;align-items:flex-start}#featured-source-code .primary-btn{justify-content:center;width:100%}}
.sc-controls{background:var(--white-color);border:1px solid var(--border-color);box-shadow:var(--shadow-sm,0 8px 24px #0000000a);z-index:10;border-radius:20px;padding:16px 24px;position:relative}.sc-filter-bar{flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.sc-filter-search{flex:300px;max-width:440px}.search-form{align-items:center;width:100%;display:flex;position:relative}.sc-search-prefix{color:var(--primary-color);letter-spacing:-.05em;pointer-events:none;z-index:2;opacity:.8;font:800 1rem Space Grotesk,monospace;position:absolute;left:20px}.sc-filter-search .search-input{border:2px solid var(--border-color);width:100%;height:48px;color:var(--heading-color);background:#f8fafc;border-radius:14px;padding:12px 100px 12px 55px;font:600 .95rem Space Grotesk,sans-serif;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 2px 4px #00000005}.sc-filter-search .search-input:focus{background:var(--white-color);border-color:var(--theme-color);box-shadow:0 10px 25px -5px #0b666a26, 0 0 0 4px color-mix(in srgb, var(--theme-color) 10%, transparent);outline:none;transform:translateY(-1px)}.sc-filter-search .search-input::placeholder{color:#94a3b8;font-weight:500}.sc-filter-search .search-btn{background:var(--theme-color);width:32px;height:32px;color:var(--white-color);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;right:8px;box-shadow:0 4px 10px #0b666a33}.sc-filter-search .search-btn:hover{background:var(--heading-color);transform:scale(1.05)}.sc-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:50px}.sc-search-clear:hover{color:#ef4444;background:#f1f5f9;transform:rotate(90deg)}.sc-search-clear[hidden]{display:none!important}.sc-filter-divider{background:var(--border-color);flex-shrink:0;align-self:center;width:1px;height:32px;margin:0 4px;display:inline-block}.sc-filter-toggle-btn{background:var(--gray-bg);border:1px solid var(--border-color);color:var(--heading-color);cursor:pointer;white-space:nowrap;border-radius:50px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:none}.sc-filter-toggle-btn:hover{background:var(--white-color);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px color-mix(in srgb, var(--primary-color) 10%, transparent)}.sc-filter-drawer-controls{display:contents}.sc-filter-inline-controls{flex-wrap:nowrap;flex:auto;justify-content:flex-end;align-items:center;gap:12px;display:flex}.sc-reset-btn{color:var(--para-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;padding:8px 12px;font:600 .85rem Space Grotesk,sans-serif;transition:all .2s}.sc-reset-btn:hover{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 8%, transparent)}.sc-reset-btn--sm{background:var(--gray-bg);border:1px solid var(--border-color);color:var(--heading-color);padding:6px 12px;font-size:.75rem}.sc-filter-drawer__head-actions{align-items:center;gap:12px;display:flex}.sc-filter-overlay{-webkit-backdrop-filter:blur(4px);z-index:900;cursor:pointer;background:#00121980;display:none;position:fixed;inset:0}.sc-filter-overlay.is-open{animation:.3s forwards fadeIn;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sc-filter-drawer{background:var(--white-color);z-index:901;flex-direction:column;width:min(380px,92vw);height:100dvh;transition:right .4s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 50px #00000026}.sc-filter-drawer.is-open{right:0}.sc-filter-drawer__head{border-bottom:1px solid var(--border-color);background:var(--white-color);justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.sc-filter-drawer__title{color:var(--heading-color);margin:0;font:600 1.25rem Space Grotesk,sans-serif}.sc-filter-drawer__close{background:var(--gray-bg);border:1px solid var(--border-color);color:var(--heading-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.sc-filter-drawer__close:hover{background:var(--white-color);border-color:var(--primary-color);color:var(--primary-color);transform:rotate(90deg)}.sc-filter-drawer__body{flex:1;padding:30px;overflow-y:auto}.sc-filter-drawer .sc-cd{background:var(--gray-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:16px}.sc-filter-drawer .sc-cd__trigger{width:100%;color:var(--heading-color);background:0 0;border:none;justify-content:space-between;padding:0;font:600 1rem Space Grotesk,sans-serif;box-shadow:none!important}.sc-filter-drawer .sc-cd__menu{box-shadow:none;background:0 0;border:none;max-height:0;margin-top:0;padding:0;position:static;overflow:hidden;opacity:1!important;pointer-events:auto!important;transition:max-height .4s cubic-bezier(.4,0,.2,1)!important;transform:none!important}.sc-filter-drawer .sc-cd.is-open .sc-cd__menu{border-top:1px solid var(--border-color);max-height:500px;margin-top:16px;padding-top:16px}.sc-cd{flex-shrink:0;position:relative}.sc-cd__menu{z-index:9999!important}.sc-cd__trigger{background:var(--white-color);border:1px solid var(--border-color);color:var(--heading-color);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.sc-cd__trigger:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px color-mix(in srgb, var(--primary-color) 8%, transparent)}.sc-cd.is-open .sc-cd__trigger{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-color) 12%, transparent)}.sc-cd__chevron{color:var(--para-color);flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sc-cd.is-open .sc-cd__chevron{color:var(--primary-color);transform:rotate(180deg)}.sc-cd__menu{background:var(--white-color);border:1px solid var(--border-color);min-width:200px;box-shadow:var(--shadow-md,0 10px 30px #00000014);z-index:200;opacity:0;pointer-events:none;border-radius:16px;margin:0;padding:8px;list-style:none;transition:all .25s cubic-bezier(.2,.8,.2,1);position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-10px)}.sc-cd.is-open .sc-cd__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.sc-cd__option{color:var(--para-color);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 14px;font-size:.9rem;transition:all .2s;display:flex}.sc-cd__option:last-child{margin-bottom:0}.sc-cd__option:hover{background:var(--gray-bg);color:var(--heading-color)}.sc-cd__check{border:2px solid var(--border-color);background:0 0;border-radius:6px;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.sc-cd__check:after{content:"";border:2px solid var(--white-color);border-top:0;border-left:0;width:5px;height:10px;display:none;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.sc-cd__option.active{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 6%, transparent);font-weight:600}.sc-cd__option.active .sc-cd__check{background:var(--primary-color);border-color:var(--primary-color)}.sc-cd__option.active .sc-cd__check:after{display:block}.sc-cd__count{background:var(--primary-color);min-width:22px;height:22px;color:var(--white-color);border-radius:50px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.sc-cd--radio .sc-cd__check{border-radius:50%}.sc-view-toggle{background:var(--gray-bg);border:1px solid var(--border-color);border-radius:50px;gap:4px;padding:4px;display:flex}.sc-view-btn{cursor:pointer;color:var(--para-color);background:0 0;border:none;border-radius:50px;place-items:center;padding:8px 14px;transition:all .25s;display:grid}.sc-view-btn:hover{color:var(--heading-color)}.sc-view-btn.active{background:var(--white-color);color:var(--primary-color);box-shadow:0 2px 10px #00000014}@media (max-width:1199px){.sc-controls{padding:14px 20px}}@media (max-width:991px){.sc-controls{border-radius:20px;padding:16px}.sc-filter-inline-controls,.sc-filter-divider{display:none}.sc-filter-toggle-btn{display:flex}}
.sc-meta{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}[hidden]{display:none!important}.sc-meta__count{color:var(--heading-color);letter-spacing:-.03em;align-items:center;gap:12px;font:800 1.2rem Space Grotesk,sans-serif;display:flex}.sc-meta__count:before{content:"";background:var(--theme-color);border-radius:10px;width:4px;height:24px}.sc-meta__count span{color:var(--primary-color)}.sc-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.sc-grid.is-list{gap:40px;max-width:1150px;margin-left:auto;margin-right:auto;grid-template-columns:1fr!important}.sc-grid.is-list .sc-project-card{background:var(--white-color);border-radius:24px;grid-template:"header header"40px"thumb summary"1fr/420px 1fr;height:auto;min-height:420px;display:grid;overflow:hidden}.sc-grid.is-list .sc-card__terminal-header{border-right:none;border-bottom:1.5px solid var(--border-color);flex-direction:row;grid-area:header;justify-content:flex-start;width:100%;height:40px;padding:0 20px}.sc-grid.is-list .sc-card__image{grid-area:thumb;width:100%;height:100%}.sc-grid.is-list .sc-card__body{position:unset;flex-direction:column;grid-area:summary;justify-content:center;padding:40px 50px;display:flex}.sc-grid.is-list .sc-card__title{margin-bottom:15px;font-size:1.85rem}.sc-grid.is-list .sc-card__desc{-webkit-line-clamp:4;line-clamp:4;margin-bottom:30px;font-size:1.05rem}.sc-grid.is-list .sc-card__tag{top:63px;left:10px}.sc-grid.is-list .sc-card__footer{margin-top:20px;padding-top:30px}@media (max-width:991px){.sc-grid.is-list .sc-project-card{grid-template:"header"40px"thumb"240px"summary"/1fr}}.sc-no-results{text-align:center;background:var(--white-color);border:2px dashed var(--border-color);border-radius:24px;padding:100px 30px}@media (max-width:1024px){.sc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sc-grid{grid-template-columns:1fr}.sc-grid.is-list .sc-project-card{flex-direction:column;height:auto}.sc-grid.is-list .sc-card__terminal-header{border-right:none;border-bottom:1.5px solid var(--border-color);flex-direction:row;width:100%;height:36px;padding:0 16px}.sc-grid.is-list .sc-card__image{width:100%;height:200px}}.sc-infinite-wrap{text-align:center;width:100%;margin-top:60px}.sc-spinner{gap:8px;padding:20px;display:inline-flex}.sc-spinner__dot{background:var(--theme-color);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both sc-bounce}.sc-spinner__dot:first-child{animation-delay:-.32s}.sc-spinner__dot:nth-child(2){animation-delay:-.16s}@keyframes sc-bounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}#sc-infinite-sentinel{width:100%;height:20px}