.metrloom-card-body{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0e1a,#12102e 40%,#1a1145,#0f0d1f);padding:0;min-height:320px}.metrloom-card-body:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background:repeating-linear-gradient(-45deg,transparent,transparent 18px,rgba(167,125,249,.06) 18px,rgba(167,125,249,.06) 20px);animation:metrloom-stripe-move 25s linear infinite;pointer-events:none;z-index:0}@keyframes metrloom-stripe-move{0%{transform:translate(0) translateY(0)}to{transform:translate(56px) translateY(56px)}}.metrloom-card-body:after{content:"";position:absolute;top:-30%;right:-15%;width:350px;height:350px;background:radial-gradient(circle,rgba(167,125,249,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.metrloom-card-inner{position:relative;z-index:1;display:flex;align-items:stretch;gap:1.5rem;padding:2rem}.metrloom-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.metrloom-title-row{display:flex;align-items:center;gap:.75rem}.metrloom-title-row .metrloom-logo-lg{height:2.5rem;width:auto;filter:drop-shadow(0 0 12px rgba(167,125,249,.5))}.metrloom-title{font-family:Space Mono,monospace;font-size:1.85rem;font-weight:700;color:#fff;letter-spacing:-.02em;text-shadow:0 0 24px rgba(167,125,249,.4)}.metrloom-title .highlight{color:#a77df9}.metrloom-role{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#a77df9;font-weight:700}.metrloom-desc{font-size:.875rem;color:#c5bfda;line-height:1.65;max-width:380px}.metrloom-stats{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.metrloom-stat{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#a77df91a;border:1px solid rgba(167,125,249,.2);border-radius:20px;font-size:.75rem;color:#d4c6f7;transition:all .2s}.metrloom-stat:hover{background:#a77df92e;border-color:#a77df966;transform:translateY(-1px)}.metrloom-stat .stat-value{font-weight:700;color:#a77df9;font-size:.8rem}.metrloom-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;background:linear-gradient(135deg,#a77df9,#7c4dff);color:#fff;font-family:Space Mono,monospace;font-size:.78rem;font-weight:700;border:none;border-radius:24px;cursor:pointer;text-decoration:none;transition:all .25s;width:fit-content;box-shadow:0 4px 16px #a77df94d}.metrloom-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #a77df973;background:linear-gradient(135deg,#b990ff,#8e5fff)}.metrloom-cta svg{width:14px;height:14px}.metrloom-cta.metrloom-cta-dark{background:#ffffff0f;border:1px solid rgba(167,125,249,.25);color:#c5bfda;box-shadow:none}.metrloom-cta.metrloom-cta-dark:hover{background:#a77df91f;border-color:#a77df973;color:#fff;box-shadow:0 4px 16px #a77df926}.light-mode .metrloom-cta.metrloom-cta-dark{background:#0000000a;border-color:#a77df94d;color:#5b3fa0}.light-mode .metrloom-cta.metrloom-cta-dark:hover{background:#a77df91a;color:#2d1b69}.metrloom-illustrations{flex:0 0 160px;position:relative;display:flex;align-items:center;justify-content:center}.metrloom-illustrations .illust{position:absolute;opacity:.85;filter:drop-shadow(0 4px 12px rgba(167,125,249,.3));transition:transform .4s ease,opacity .3s}.metrloom-card-body:hover .metrloom-illustrations .illust{opacity:1}.metrloom-illustrations .illust-book{width:110px;top:-10px;right:0;transform:rotate(-8deg)}.metrloom-card-body:hover .illust-book{transform:rotate(-5deg) translateY(-4px)}.metrloom-illustrations .illust-cert{width:90px;bottom:10px;right:40px;transform:rotate(6deg)}.metrloom-card-body:hover .illust-cert{transform:rotate(3deg) translateY(-3px)}.metrloom-illustrations .illust-globe{width:70px;top:50%;left:-10px;transform:translateY(-50%) rotate(5deg)}.metrloom-card-body:hover .illust-globe{transform:translateY(calc(-50% - 3px)) rotate(2deg)}.metrloom-sparkle{position:absolute;width:6px;height:6px;background:#a77df9;border-radius:50%;opacity:.45;z-index:1}.metrloom-sparkle:nth-child(1){top:12%;left:20%;animation-delay:0s}.metrloom-sparkle:nth-child(2){top:70%;left:15%;animation-delay:1s;width:4px;height:4px}.metrloom-sparkle:nth-child(3){top:25%;right:25%;animation-delay:.5s;width:5px;height:5px}.metrloom-sparkle:nth-child(4){bottom:20%;right:10%;animation-delay:1.5s;width:3px;height:3px}.metrloom-sparkle:nth-child(5){top:50%;left:50%;animation-delay:2s}@keyframes metrloom-twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.7;transform:scale(1.5)}}.light-mode .metrloom-card-body{background:linear-gradient(135deg,#f3eff9,#ebe4f7 40%,#e0d6f2,#f0ecf7)}.light-mode .metrloom-card-body:before{background:repeating-linear-gradient(-45deg,transparent,transparent 18px,rgba(167,125,249,.08) 18px,rgba(167,125,249,.08) 20px)}.light-mode .metrloom-card-body:after{background:radial-gradient(circle,rgba(167,125,249,.1) 0%,transparent 70%)}.light-mode .metrloom-title{color:#2d1b69;text-shadow:none}.light-mode .metrloom-role{color:#7c4dff}.light-mode .metrloom-desc{color:#4a3d6b}.light-mode .metrloom-stat{background:#a77df91f;border-color:#a77df940;color:#5b3fa0}.light-mode .metrloom-stat .stat-value{color:#7c4dff}.light-mode .metrloom-sparkle{background:#7c4dff}@media(max-width:640px){.metrloom-card-inner{flex-direction:column;padding:1.5rem;gap:1rem}.metrloom-illustrations{flex:0 0 auto;height:100px;width:100%}.metrloom-title{font-size:1.4rem}.metrloom-desc{max-width:100%}}.arcent-card-body{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d1a16,#132a23 35%,#1a3830 65%,#0f201b);padding:0}.arcent-card-body:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 24px,rgba(120,156,147,.05) 24px,rgba(120,156,147,.05) 25px),repeating-linear-gradient(-45deg,transparent,transparent 24px,rgba(120,156,147,.05) 24px,rgba(120,156,147,.05) 25px);pointer-events:none;z-index:0}.arcent-card-body:after{content:"";position:absolute;bottom:-20%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(120,156,147,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.arcent-card-inner{position:relative;z-index:1;display:flex;gap:1.5rem;padding:1.75rem;cursor:pointer}.arcent-banner-frame{flex:0 0 auto;width:100%;max-width:200px;display:flex;align-items:center;justify-content:center;align-self:center}.arcent-banner-img{width:100%;max-width:180px;display:block;filter:drop-shadow(0 4px 16px rgba(120,156,147,.3));transition:transform .3s ease}.arcent-card-body:hover .arcent-banner-img{transform:scale(1.03)}.light-mode .arcent-banner-img{filter:brightness(.15) drop-shadow(0 4px 16px rgba(120,156,147,.2))}.arcent-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.6rem}.arcent-title-row{display:flex;align-items:center;gap:.75rem}.arcent-title{font-family:Space Mono,monospace;font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.01em;text-shadow:0 0 20px rgba(120,156,147,.35)}.arcent-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#5de0a8;background:#5de0a81a;border:1px solid rgba(93,224,168,.2);border-radius:12px;padding:.2rem .6rem}.arcent-tagline{font-size:.8rem;font-style:italic;color:#789c93;letter-spacing:.05em}.arcent-desc{font-size:.85rem;color:#b5cdc5;line-height:1.6}.arcent-tech-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.arcent-tech-tag{font-size:.65rem;font-family:Space Mono,monospace;padding:.2rem .55rem;background:#789c931a;border:1px solid rgba(120,156,147,.25);border-radius:4px;color:#9ec4b8;letter-spacing:.03em;transition:all .2s}.arcent-tech-tag:hover{background:#789c9333;border-color:#789c9366;color:#c0e0d5}.arcent-cta{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:linear-gradient(135deg,#5de0a8,#3bb78f);color:#0d1a16;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;border:none;border-radius:20px;cursor:pointer;text-decoration:none;transition:all .25s;box-shadow:0 3px 12px #5de0a840}.arcent-cta:hover{transform:translateY(-2px);box-shadow:0 5px 20px #5de0a866;background:linear-gradient(135deg,#6ee8b5,#4cc99e)}.arcent-cta.arcent-cta-outline{background:#ffffff0d;border:1px solid rgba(120,156,147,.3);color:#b5cdc5;box-shadow:none}.arcent-cta.arcent-cta-outline:hover{background:#789c931f;border-color:#789c9380;color:#fff;box-shadow:0 3px 12px #789c9326}.arcent-illustrations{position:absolute;top:0;right:0;bottom:0;width:120px;pointer-events:none;z-index:1}.arcent-illust{position:absolute;opacity:.55;filter:saturate(.8);transition:transform .4s ease,opacity .3s}.arcent-card-body:hover .arcent-illust{opacity:.8}.arcent-illust-popper{width:80px;top:10px;right:10px;transform:rotate(10deg)}.arcent-card-body:hover .arcent-illust-popper{transform:rotate(6deg) translateY(-3px)}.arcent-illust-flags{width:65px;bottom:50px;right:25px;transform:rotate(-5deg)}.arcent-card-body:hover .arcent-illust-flags{transform:rotate(-2deg) translateY(-3px)}.arcent-sparkle{position:absolute;width:5px;height:5px;background:#5de0a8;border-radius:50%;opacity:.35;z-index:1}.arcent-sparkle:nth-child(1){top:15%;left:30%;animation-delay:0s}.arcent-sparkle:nth-child(2){top:65%;left:12%;animation-delay:1.2s;width:4px;height:4px}.arcent-sparkle:nth-child(3){top:30%;right:20%;animation-delay:.6s;width:3px;height:3px}.arcent-sparkle:nth-child(4){bottom:25%;right:8%;animation-delay:2s}@keyframes arcent-twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.arcent-readme-bar{display:flex;align-items:center;gap:.5rem;padding:8px 14px;background-color:#161b22;border-top:1px solid #2a3441;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#8b949e;font-family:Space Mono,monospace;text-decoration:none;transition:all .2s;position:relative;z-index:2}.arcent-readme-bar:hover{background-color:#1c2333;color:#c9d1d9}.arcent-readme-hint{color:#5de0a8;font-size:.65rem;opacity:.7}.arcent-readme-bar:hover .arcent-readme-hint{opacity:1}.light-mode .arcent-card-body{background:linear-gradient(145deg,#f0f5f3,#e5ede9 35%,#dce8e3 65%,#edf3f0)}.light-mode .arcent-card-body:before{background:repeating-linear-gradient(45deg,transparent,transparent 24px,rgba(120,156,147,.06) 24px,rgba(120,156,147,.06) 25px),repeating-linear-gradient(-45deg,transparent,transparent 24px,rgba(120,156,147,.06) 24px,rgba(120,156,147,.06) 25px)}.light-mode .arcent-card-body:after{background:radial-gradient(circle,rgba(120,156,147,.08) 0%,transparent 70%)}.light-mode .arcent-title{color:#1a3830;text-shadow:none}.light-mode .arcent-badge{color:#2d8a56;background:#2d8a5614;border-color:#2d8a5633}.light-mode .arcent-tagline{color:#5a7a71}.light-mode .arcent-desc{color:#3a5a50}.light-mode .arcent-tech-tag{background:#789c931a;border-color:#789c934d;color:#4a7a6b}.light-mode .arcent-sparkle{background:#2d8a56}.light-mode .arcent-readme-bar{background-color:#e9ecef;border-top-color:var(--border-light);color:#6c757d}.light-mode .arcent-readme-bar:hover{background-color:#dee2e6;color:#495057}.light-mode .arcent-readme-hint{color:#2d8a56}@media(max-width:640px){.arcent-card-inner{flex-direction:column;padding:1.25rem;gap:1rem}.arcent-banner-frame{max-width:100%}.arcent-title{font-size:1.3rem}.arcent-illustrations{display:none}}.emissions-card-body{position:relative;overflow:hidden;background:#0d0d0d;padding:0;display:flex;flex-direction:column}.emissions-hero-image{width:100%;display:block;object-fit:contain;cursor:pointer}.emissions-green-section{background:#5dba46;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.55rem;cursor:pointer}.emissions-title-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.emissions-title{font-family:Space Mono,monospace;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:-.01em}.emissions-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#e0e0e0;background:#1a1d24;border:1px solid #2a2e38;border-radius:4px;padding:.25rem .6rem}.emissions-badge img{width:16px;height:auto;filter:drop-shadow(0 0 3px rgba(76,175,80,.3))}.emissions-desc{font-size:.85rem;color:#f0f7ee;line-height:1.6}.emissions-tech-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.emissions-tech-tag{font-size:.65rem;font-family:Space Mono,monospace;padding:.2rem .55rem;background:#ffffff21;border:1px solid rgba(255,255,255,.28);border-radius:4px;color:#fff;letter-spacing:.03em;transition:all .2s}.emissions-tech-tag:hover{background:#ffffff38;border-color:#ffffff73}.emissions-readme-bar{display:block;padding:.7rem 1rem;background-color:#161b22;border:1px solid #2a3441;border-radius:6px;font-size:.8rem;font-family:Space Mono,monospace;color:#c9d1d9;text-align:center;text-decoration:none;letter-spacing:.04em;transition:background-color .2s,color .2s;cursor:pointer;margin:.75rem 1rem 1rem;box-sizing:border-box}.emissions-readme-bar:hover{background-color:#1c2333;color:#fff}.light-mode .emissions-card-body{background:#f5f5f5}.light-mode .emissions-green-section{background:#5dba46}.light-mode .emissions-title{color:#fff}.light-mode .emissions-desc{color:#f0f7ee}.light-mode .emissions-tech-tag{background:#ffffff2e;border-color:#ffffff4d;color:#fff}.light-mode .emissions-badge{background:#1a1d24;border-color:#2a2e38;color:#e0e0e0}.light-mode .emissions-readme-bar{background-color:#e9ecef;border-color:var(--border-light);color:#495057}.light-mode .emissions-readme-bar:hover{background-color:#dee2e6;color:#212529}@media(max-width:640px){.emissions-green-section{padding:1rem 1.1rem}.emissions-title{font-size:1.2rem}.emissions-readme-bar{margin:.6rem .75rem .75rem}}.traffic-card-body{position:relative;overflow:hidden;background:linear-gradient(155deg,#1a1215,#2a1520,#1f1028 60%,#141018);padding:0}.traffic-card-body:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(255,68,68,.03) 30px,rgba(255,68,68,.03) 31px),repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(255,68,68,.03) 30px,rgba(255,68,68,.03) 31px);pointer-events:none;z-index:0}.traffic-card-inner{position:relative;z-index:1;display:flex;gap:1.5rem;padding:1.75rem;cursor:pointer}.traffic-illust-area{flex:0 0 auto;width:110px;display:flex;align-items:center;justify-content:center;align-self:center}.traffic-illust-main{width:100px;height:auto;filter:drop-shadow(0 4px 16px rgba(255,68,68,.2));transition:transform .3s ease}.traffic-card-body:hover .traffic-illust-main{transform:scale(1.05)}.traffic-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.traffic-title-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.traffic-title{font-family:Space Mono,monospace;font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.01em;text-shadow:0 0 20px rgba(255,68,68,.2)}.traffic-desc{font-size:.85rem;color:#b8a0b8;line-height:1.6}.traffic-stats{display:flex;gap:1rem;margin-top:.2rem}.traffic-stat{font-size:.72rem;font-family:Space Mono,monospace;color:#998099}.traffic-stat .stat-val{color:#ff6b6b;font-weight:700}.traffic-tech-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.traffic-tech-tag{font-size:.65rem;font-family:Space Mono,monospace;padding:.2rem .55rem;background:#ff444414;border:1px solid rgba(255,68,68,.2);border-radius:4px;color:#e88;letter-spacing:.03em;transition:all .2s}.traffic-tech-tag:hover{background:#ff444426;border-color:#f446;color:#faa}.traffic-readme-bar{display:block;padding:.7rem 1rem;background-color:#161b22;border:1px solid #2a3441;border-radius:6px;font-size:.8rem;font-family:Space Mono,monospace;color:#c9d1d9;text-align:center;text-decoration:none;letter-spacing:.04em;transition:background-color .2s,color .2s;cursor:pointer;margin:0 1rem 1rem;position:relative;z-index:2}.traffic-readme-bar:hover{background-color:#1c2333;color:#fff}.light-mode .traffic-card-body{background:linear-gradient(155deg,#fdf2f4,#f8e8eb,#f0e4f0 60%,#f5f0f5)}.light-mode .traffic-card-body:before{background:repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(200,50,50,.04) 30px,rgba(200,50,50,.04) 31px),repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(200,50,50,.04) 30px,rgba(200,50,50,.04) 31px)}.light-mode .traffic-title{color:#2d1520;text-shadow:none}.light-mode .traffic-desc{color:#5a3a5a}.light-mode .traffic-stat{color:#6a4a6a}.light-mode .traffic-stat .stat-val{color:#c0392b}.light-mode .traffic-tech-tag{background:#c832320f;border-color:#c8323233;color:#a03030}.light-mode .traffic-readme-bar{background-color:#e9ecef;border-color:var(--border-light);color:#495057}.light-mode .traffic-readme-bar:hover{background-color:#dee2e6;color:#212529}@media(max-width:640px){.traffic-card-inner{flex-direction:column;padding:1.25rem;gap:1rem}.traffic-illust-area{width:auto}.traffic-illust-main{width:80px}.traffic-title{font-size:1.15rem}.traffic-stats{flex-direction:column;gap:.3rem}}.biology-card-body{position:relative;overflow:hidden;background:#025540;padding:0}.biology-card-body:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 85%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(255,255,255,.03) 0%,transparent 40%);pointer-events:none;z-index:1}.biology-banner{position:relative;width:100%;overflow:hidden;cursor:pointer;border-bottom:2px solid rgba(255,255,255,.08)}.biology-banner-img{width:100%;display:block;object-fit:cover;transition:transform .5s ease,filter .5s ease}.biology-card-body:hover .biology-banner-img{transform:scale(1.025)}.biology-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#025540 0%,transparent 100%);pointer-events:none}.biology-info{position:relative;z-index:2;padding:0 1.5rem .6rem;margin-top:-2.2rem;cursor:pointer}.biology-role-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.biology-role{font-size:.6rem;font-family:Space Mono,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:4px;padding:.22rem .6rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:inline-flex;align-items:center;gap:.35rem}.biology-role-icon{font-size:.7rem;opacity:.85}.biology-title{font-family:Space Mono,monospace;font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.01em;margin-bottom:.35rem;text-shadow:0 2px 12px rgba(0,0,0,.3)}.biology-desc{font-size:.8rem;color:#ffffffb8;line-height:1.65;max-width:95%}.biology-showcase{position:relative;z-index:2;display:flex;align-items:center;gap:.6rem;padding:.7rem 1.5rem;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.biology-tool-tag{font-size:.62rem;font-family:Space Mono,monospace;color:#ffffff80;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:.15rem .45rem;letter-spacing:.04em}.biology-readme-bar{display:block;padding:.65rem 1rem;background-color:#00000040;border-top:1px solid rgba(255,255,255,.06);font-size:.78rem;font-family:Space Mono,monospace;color:#fff9;text-align:center;text-decoration:none;letter-spacing:.04em;transition:background-color .2s,color .2s;cursor:pointer;position:relative;z-index:2}.biology-readme-bar:hover{background-color:#0006;color:#fff}.light-mode .biology-card-body{background:#e8f5ec}.light-mode .biology-card-body:before{background-image:radial-gradient(circle at 15% 85%,rgba(2,85,64,.04) 0%,transparent 50%),radial-gradient(circle at 85% 15%,rgba(2,85,64,.03) 0%,transparent 40%)}.light-mode .biology-banner:after{background:linear-gradient(to top,#e8f5ec 0%,transparent 100%)}.light-mode .biology-title{color:#0a3a2a;text-shadow:none}.light-mode .biology-desc{color:#3a6a55}.light-mode .biology-role{color:#025540;background:#0255401a;border-color:#02554040;-webkit-backdrop-filter:none;backdrop-filter:none}.light-mode .biology-tool-tag{color:#3a6a55;background:#0255400f;border-color:#0255401f}.light-mode .biology-showcase{border-top-color:#02554014}.light-mode .biology-readme-bar{background-color:#0255400f;border-top-color:#0255401a;color:#3a6a55}.light-mode .biology-readme-bar:hover{background-color:#0255401f;color:#025540}@media(max-width:640px){.biology-info{padding:0 1.1rem .4rem;margin-top:-1.5rem}.biology-title{font-size:1.05rem}.biology-showcase{padding:.5rem 1.1rem;flex-wrap:wrap}}.access-denied-card-body{position:relative;overflow:hidden;padding:0;background:radial-gradient(circle at top right,rgba(255,160,137,.12) 0%,transparent 34%),linear-gradient(135deg,#0d1117,#1b1115 42%,#4c0900)}.access-denied-card-body:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 72px),linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 72px);opacity:.22;pointer-events:none}.access-denied-card-shell{position:relative;z-index:1;display:flex;gap:1.5rem;align-items:stretch;min-height:320px;padding:1.9rem;cursor:pointer}.access-denied-card-shell:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #ffffff26}.access-denied-content{flex:1 1 0;min-width:0;max-width:470px;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:2}.access-denied-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.access-denied-role,.access-denied-chip,.access-denied-pill{display:inline-flex;align-items:center;border-radius:999px;font-family:Space Mono,monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.access-denied-role{padding:.38rem .85rem;color:#ffd8d3;background:#ff7a6824;border:1px solid rgba(255,122,104,.26)}.access-denied-chip{padding:.38rem .85rem;color:#ffffffb8;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.access-denied-kicker{font-family:Space Mono,monospace;font-size:.68rem;color:#ffffff94;letter-spacing:.16em;text-transform:uppercase}.access-denied-title{font-family:Space Mono,monospace;font-size:1.9rem;line-height:1.2;font-weight:700;color:#fff;letter-spacing:-.02em;margin:0;text-wrap:balance}.access-denied-title span{color:#ff8d80}.access-denied-desc{font-size:.9rem;line-height:1.75;color:#ffffffb8;max-width:430px;margin:0}.access-denied-pills{display:flex;gap:.55rem;flex-wrap:wrap}.access-denied-pill{padding:.34rem .78rem;color:#ffe6e2;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.access-denied-actions{display:flex;gap:.65rem;flex-wrap:wrap}.access-denied-cta{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.15rem;border-radius:999px;font-family:Space Mono,monospace;font-size:.77rem;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.access-denied-cta svg{width:14px;height:14px}.access-denied-cta-primary{color:#fff;background:linear-gradient(135deg,#da3533,#b11f1d);box-shadow:0 8px 18px #da353340}.access-denied-cta-secondary{color:#ffe9e6;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.access-denied-cta:hover{transform:translateY(-2px)}.access-denied-cta-primary:hover{box-shadow:0 10px 24px #da353357}.access-denied-cta-secondary:hover{background:#ffffff1a;color:#fff}.access-denied-visual{flex:0 0 310px;position:relative;min-height:280px}.access-denied-ribbon{width:100%;max-width:330px;position:absolute;top:0;right:0;transform:rotate(-2deg);filter:drop-shadow(0 12px 24px rgba(0,0,0,.26));transition:transform .35s ease}.access-denied-mascot-wrap{position:absolute;right:.5rem;bottom:-.35rem;width:230px;height:230px}.access-denied-mascot-glow{position:absolute;inset:16% 12% 8% 18%;border-radius:50%;background:radial-gradient(circle,rgba(255,183,174,.18) 0%,rgba(255,183,174,.04) 58%,transparent 76%);filter:blur(8px)}.access-denied-mascot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.28));transition:transform .35s ease}.access-denied-card-body:hover .access-denied-ribbon{transform:rotate(0) translateY(-4px)}.access-denied-card-body:hover .access-denied-mascot{transform:translateY(-6px) rotate(2deg)}.light-mode .access-denied-card-body{background:radial-gradient(circle at top right,rgba(218,53,51,.1) 0%,transparent 34%),linear-gradient(135deg,#faf6f4,#f7efec 46%,#efd7cf)}.light-mode .access-denied-card-body:before{background:linear-gradient(90deg,rgba(76,9,0,.05) 0,rgba(76,9,0,.05) 1px,transparent 1px,transparent 72px),linear-gradient(rgba(76,9,0,.045) 0,rgba(76,9,0,.045) 1px,transparent 1px,transparent 72px);opacity:.16}.light-mode .access-denied-card-shell:focus-visible{box-shadow:inset 0 0 0 1px #4c090026}.light-mode .access-denied-role{color:#8b1b12;background:#da35331a;border-color:#da353338}.light-mode .access-denied-chip,.light-mode .access-denied-pill{color:#6b433b;background:#4c09000d;border-color:#4c090017}.light-mode .access-denied-kicker{color:#4c09008c}.light-mode .access-denied-title{color:#2c1714}.light-mode .access-denied-title span{color:#b11f1d}.light-mode .access-denied-desc{color:#65433d}.light-mode .access-denied-cta-secondary{color:#4c0900;background:#4c09000d;border-color:#4c09001f}.light-mode .access-denied-cta-secondary:hover{background:#4c09001a;color:#2c1714}@media(max-width:820px){.access-denied-card-shell{flex-direction:column}.access-denied-content{max-width:none}.access-denied-visual{min-height:220px;flex-basis:auto}.access-denied-ribbon{max-width:280px;left:50%;right:auto;transform:translate(-50%) rotate(-2deg)}.access-denied-card-body:hover .access-denied-ribbon{transform:translate(-50%) rotate(0) translateY(-4px)}.access-denied-mascot-wrap{right:50%;transform:translate(50%)}}@media(max-width:520px){.access-denied-card-shell{padding:1.35rem}.access-denied-title{font-size:1.45rem}.access-denied-desc{font-size:.84rem}.access-denied-visual{min-height:190px}.access-denied-ribbon{max-width:220px}.access-denied-mascot-wrap{width:180px;height:180px;bottom:-.15rem}}.wastewater-card-body{position:relative;overflow:hidden;background:linear-gradient(150deg,#0b1528,#152848 35%,#0f1c34 65%,#080f1a);padding:0}.wastewater-card-body:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at top right,transparent,transparent 30px,rgba(159,199,254,.03) 30px,rgba(159,199,254,.03) 32px),repeating-radial-gradient(circle at bottom left,transparent,transparent 30px,rgba(159,199,254,.03) 30px,rgba(159,199,254,.03) 32px);pointer-events:none;z-index:0}.wastewater-card-body:after{content:"";position:absolute;bottom:-15%;right:-10%;width:320px;height:320px;background:radial-gradient(circle,rgba(159,199,254,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.wastewater-card-inner{position:relative;z-index:1;display:flex;gap:1.5rem;padding:1.75rem;cursor:pointer}.wastewater-illustrations{flex:0 0 auto;width:140px;display:flex;align-items:center;justify-content:center;align-self:center;position:relative}.wastewater-illust{width:100%;max-height:140px;filter:drop-shadow(0 4px 16px rgba(159,199,254,.3));transition:transform .4s ease,filter .3s}.wastewater-card-body:hover .wastewater-illust{transform:scale(1.05) translateY(-3px);filter:drop-shadow(0 6px 20px rgba(159,199,254,.45))}.wastewater-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.6rem}.wastewater-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.wastewater-title{font-family:Space Mono,monospace;font-size:1.6rem;font-weight:700;color:#fff;letter-spacing:-.01em;text-shadow:0 0 16px rgba(159,199,254,.35)}.wastewater-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fd98a4;background:#fd98a41a;border:1px solid rgba(253,152,164,.2);border-radius:12px;padding:.2rem .6rem}.wastewater-tagline{font-size:.8rem;font-style:italic;color:#9fc7fe;letter-spacing:.05em}.wastewater-desc{font-size:.85rem;color:#b5c7e0;line-height:1.6}.wastewater-tech-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.wastewater-tech-tag{font-size:.65rem;font-family:Space Mono,monospace;padding:.2rem .55rem;background:#9fc7fe14;border:1px solid rgba(159,199,254,.25);border-radius:4px;color:#9fc7fe;letter-spacing:.03em;transition:all .2s}.wastewater-tech-tag:hover{background:#9fc7fe26;border-color:#9fc7fe66;color:#c9dfff}.wastewater-drop{position:absolute;width:6px;height:6px;background:#9fc7fe;border-radius:50% 50% 50% 10%;transform:rotate(45deg);opacity:.35;z-index:1}.wastewater-drop:nth-child(1){top:20%;left:45%;animation-delay:0s}.wastewater-drop:nth-child(2){top:70%;left:25%;animation-delay:1.5s;width:5px;height:5px}.wastewater-drop:nth-child(3){top:35%;right:30%;animation-delay:.8s;width:4px;height:4px;background:#fd98a4}.wastewater-drop:nth-child(4){bottom:25%;right:15%;animation-delay:2.2s}@keyframes wastewater-float{0%,to{opacity:.15;transform:translateY(0) rotate(45deg) scale(1)}50%{opacity:.5;transform:translateY(-8px) rotate(45deg) scale(1.3)}}.wastewater-readme-bar{display:flex;align-items:center;gap:.5rem;padding:8px 14px;background-color:#161b22;border-top:1px solid #2a3441;font-size:.7rem;letter-spacing:.08em;color:#8b949e;font-family:Space Mono,monospace;text-decoration:none;transition:all .2s;position:relative;z-index:2}.wastewater-readme-bar:hover{background-color:#1c2333;color:#c9d1d9}.wastewater-readme-bar svg{width:14px;height:14px;flex-shrink:0}.wastewater-readme-hint{color:#9fc7fe;font-size:.65rem;margin-left:auto;opacity:.6}.wastewater-readme-bar:hover .wastewater-readme-hint{opacity:1}.light-mode .wastewater-card-body{background:linear-gradient(150deg,#edf3fb,#e2ebf6 35%,#d4e2f2 65%,#ebf2fa)}.light-mode .wastewater-card-body:before{background:repeating-radial-gradient(circle at top right,transparent,transparent 30px,rgba(22,42,77,.04) 30px,rgba(22,42,77,.04) 32px),repeating-radial-gradient(circle at bottom left,transparent,transparent 30px,rgba(22,42,77,.04) 30px,rgba(22,42,77,.04) 32px)}.light-mode .wastewater-card-body:after{background:radial-gradient(circle,rgba(30,101,253,.08) 0%,transparent 70%)}.light-mode .wastewater-title{color:#162a4d;text-shadow:none}.light-mode .wastewater-badge{color:#d12f45;background:#d12f4514;border-color:#d12f4533}.light-mode .wastewater-tagline{color:#274b8c}.light-mode .wastewater-desc{color:#385785}.light-mode .wastewater-tech-tag{background:#1e65fd14;border-color:#1e65fd40;color:#274b8c}.light-mode .wastewater-drop{background:#274b8c}.light-mode .wastewater-drop:nth-child(3){background:#d12f45}.light-mode .wastewater-readme-bar{background-color:#e9ecef;border-top-color:var(--border-light);color:#6c757d}.light-mode .wastewater-readme-bar:hover{background-color:#dee2e6;color:#495057}.light-mode .wastewater-readme-hint{color:#1e65fd}@media(max-width:640px){.wastewater-card-inner{flex-direction:column;padding:1.25rem;gap:1rem}.wastewater-illustrations{width:100px;align-self:flex-start}.wastewater-title{font-size:1.3rem}}