.mb-bank{margin:24px 0 64px}.mb-hero{padding:clamp(24px,5vw,64px);border-radius:28px;background:radial-gradient(ellipse at 85% 10%,#46397c,transparent 65%),#121320;color:#fafaff;position:relative;overflow:hidden}.mb-eyebrow{font:700 11px system-ui;letter-spacing:.16em;color:#b7ffd8}.mb-hero h2{max-width:760px;font-size:clamp(30px,5vw,56px);line-height:1.08;letter-spacing:-.035em;margin:20px 0}.mb-hero p{max-width:740px;color:#d1cce5;line-height:1.7}.mb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.mb-hero .btn{color:white;border-color:#82769f;background:#ffffff12}.mb-hero .btn--primary{background:#bbf6d2;color:#142a24}.mb-toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:28px 0}.mb-toolbar label{display:grid;gap:8px;flex:1;min-width:190px;font-size:13px}.mb-toolbar input,.mb-toolbar select{border:1px solid #9a8ead80;padding:12px;border-radius:12px;background:var(--surface,#fff);color:inherit;width:100%}.mb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mb-card{border:1px solid #9b90b240;border-radius:20px;overflow:hidden;background:var(--surface,#fff);min-width:0}.mb-meta{padding:20px}.mb-meta h3{margin:10px 0 4px;font-size:21px}.mb-subtitle{font-size:13px;opacity:.8}.mb-meta p{font-size:13px;line-height:1.65}.mb-meta code{overflow-wrap:anywhere;font-size:12px}.mb-tag{font:700 10px system-ui;letter-spacing:.08em;color:#7c4eba}.mb-links{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;margin:12px 0}.mb-card details{border-top:1px solid #9b90b230;padding-top:12px}.mb-card summary,.mb-registry summary{cursor:pointer;font-weight:650}.mb-card pre{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#101524;color:#d9e7f5;border-radius:12px;font-size:11px;line-height:1.7;max-height:340px;overflow:auto}.mb-card .btn{font-size:12px;padding:8px 12px}.mb-registry{margin-top:30px;border:1px solid #9b90b250;border-radius:18px;padding:20px}.mb-source{padding:14px 0;border-bottom:1px solid #9b90b230}.mb-source p{font-size:13px}.mb-scene{height:200px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#34315c,#121521);overflow:hidden;direction:ltr;color:#fff;perspective:500px}.mb-scene *{animation-play-state:paused!important}.mb-scene.mb-active *{animation-play-state:running!important}.mb-paused .mb-scene *{animation-play-state:paused!important}.mb-label{font:800 32px system-ui;letter-spacing:.03em;position:relative;z-index:1;text-align:center}.mb-label span{display:inline-block;animation:mb-letter 3s infinite;animation-delay:calc(var(--i)*.12s)}.mb-effect-kashida .mb-label{font-size:45px;direction:rtl;letter-spacing:0}.mb-effect-zoom .mb-label{animation:mb-zoom 4s ease-in-out infinite}.mb-effect-dolly .mb-label{animation:mb-dolly 4s ease-in-out infinite}.mb-effect-orbit .mb-label{background:#bbf6d2;color:#20372c;padding:20px;animation:mb-orbit 5s linear infinite}.mb-effect-glitch .mb-label{animation:mb-glitch 4s steps(1) infinite}.mb-effect-highlight .mb-label:before{content:'';position:absolute;inset:45% -5px 0;background:#d9fa5a;z-index:-1;transform-origin:left;animation:mb-highlight 4s ease-in-out infinite}.mb-effect-highlight .mb-label{color:#101524}.mb-effect-shiny .mb-label{background:linear-gradient(110deg,#998bab 35%,#fff 50%,#998bab 65%);background-size:250% 100%;background-clip:text;color:transparent;animation:mb-sheen 4s linear infinite}.mb-effect-split .mb-cut{position:absolute;animation:mb-split 4s ease-in-out infinite;clip-path:inset(0 50% 0 0)}.mb-effect-split .mb-cut:last-child{clip-path:inset(0 0 0 50%);animation-name:mb-split-right}.mb-effect-clockwise .mb-label{border:2px solid #bbf6d2;border-radius:16px;padding:18px;animation:mb-spin 6s linear infinite}.mb-effect-blur .mb-label{animation:mb-blur 4s ease-in-out infinite}.mb-effect-gradient .mb-label{background:linear-gradient(100deg,#bbf6d2,#bf9eff,#ffc98d,#bbf6d2);background-size:250%;background-clip:text;color:transparent;animation:mb-sheen 4s linear infinite}.mb-effect-typewriter .mb-label{border-inline-end:2px solid #b7ffd8;min-height:40px}.mb-effect-wipe .mb-label{background:#bcf5d2;color:#15291e;padding:22px;animation:mb-wipe 4s ease-in-out infinite}.mb-effect-dissolve .mb-layer{position:absolute;animation:mb-dissolve 4s ease-in-out infinite}.mb-effect-dissolve .mb-layer:last-child{color:#bbf6d2;animation-delay:2s}.mb-effect-spring .mb-label{animation:mb-spring 4s infinite}.mb-effect-draw svg{width:200px;height:90px;fill:none;stroke:#bbf6d2;stroke-width:5}.mb-effect-draw path{stroke-dasharray:1;stroke-dashoffset:1;animation:mb-draw 4s ease-in-out infinite}.mb-landscape{position:absolute;inset:0;background:linear-gradient(145deg,#262b49 30%,#637e84 30% 48%,#bcf5d2 48% 51%,#1c3835 51%);animation:mb-pan 6s ease-in-out alternate infinite}.mb-effect-kenburns .mb-label{font-size:20px;text-shadow:0 2px 12px #000}.mb-effect-wiggle .mb-label{animation:mb-wiggle 3s ease-in-out infinite}.mb-notifications{display:grid;gap:8px}.mb-notifications span{font:600 14px system-ui;background:#ffffff15;padding:10px 30px;border-radius:8px;animation:mb-list 5s infinite;animation-delay:calc(var(--i)*.6s)}.mb-depth{position:absolute;inset:25px;border:2px solid #bbf6d266;animation:mb-depth 5s ease-in-out infinite}.mb-depth:before,.mb-depth:after{content:'';position:absolute;inset:20px;border:2px solid #bbf6d266}.mb-depth:after{inset:40px}.mb-effect-dollyzoom .mb-label{background:#bbf6d2;color:#15291e;padding:14px;border-radius:12px;font-size:20px}
@keyframes mb-letter{0%,15%,100%{transform:translateY(40px) rotate(8deg);opacity:0}35%,80%{transform:none;opacity:1}}@keyframes mb-zoom{0%,100%{transform:scale(.5);opacity:0}25%,70%{transform:scale(1);opacity:1}}@keyframes mb-dolly{0%,100%{transform:translateZ(-300px)}50%{transform:translateZ(120px)}}@keyframes mb-orbit{to{transform:rotateY(360deg) rotateX(15deg)}}@keyframes mb-glitch{0%,65%,100%{transform:none;text-shadow:none}68%,74%{transform:translateX(-2px);text-shadow:4px 0 #76f6ef,-4px 0 #e97bb6}71%,78%{transform:translateX(2px);text-shadow:-3px 0 #76f6ef,3px 0 #e97bb6}}@keyframes mb-highlight{0%,15%,100%{transform:scaleX(0)}45%,85%{transform:scaleX(1)}}@keyframes mb-sheen{from{background-position:150% 0}to{background-position:-150% 0}}@keyframes mb-split{0%,25%,100%{transform:none}55%,80%{transform:translateX(-140px)}}@keyframes mb-split-right{0%,25%,100%{transform:none}55%,80%{transform:translateX(140px)}}@keyframes mb-spin{to{transform:rotate(360deg)}}@keyframes mb-blur{0%,100%{filter:blur(12px);opacity:0}35%,75%{filter:blur(0);opacity:1}}@keyframes mb-wipe{0%,100%{clip-path:inset(0 100% 0 0)}35%,80%{clip-path:inset(0)}}@keyframes mb-dissolve{0%,100%{opacity:0}30%,70%{opacity:1}}@keyframes mb-spring{0%,100%{transform:scale(.45)}30%{transform:scale(1.15)}42%{transform:scale(.92)}55%,80%{transform:scale(1)}}@keyframes mb-draw{0%,100%{stroke-dashoffset:1}40%,80%{stroke-dashoffset:0}}@keyframes mb-pan{from{transform:scale(1) translateX(-4%)}to{transform:scale(1.3) translateX(4%)}}@keyframes mb-wiggle{0%,50%,100%{transform:none}15%,35%{transform:rotate(-6deg) translateX(-8px)}25%,45%{transform:rotate(6deg) translateX(8px)}}@keyframes mb-list{0%,12%,100%{opacity:0;transform:translateY(15px)}30%,80%{opacity:1;transform:none}}@keyframes mb-depth{0%,100%{transform:scale(.65)}50%{transform:scale(1.45)}}
@media(max-width:1000px){.mb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.mb-grid{grid-template-columns:1fr}.mb-toolbar{align-items:stretch;flex-direction:column}.mb-toolbar label{min-width:0}.mb-hero{border-radius:20px}.mb-actions .btn{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.mb-scene *{animation:none!important;opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}.mb-effect-draw path{stroke-dashoffset:0}.mb-effect-dissolve .mb-layer:last-child,.mb-effect-split .mb-cut:last-child{display:none}}