:root[data-theme=brutal]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nb-line:#111;--nb-on:#111;--nb-paper:#fffdf5;--nb-yellow:#ffd23f;--nb-pink:#ff6b9d;--nb-blue:#4cc9f0;--nb-mint:#06d6a0;--nb-violet:#b388ff;--nb-sec-blue:#4cc9f0;--nb-sec-yellow:#ffd23f;--nb-sec-pink:#ff6b9d;--nb-sec-ink:#111;--nb-dots:#11111129;--nb-display:"Bricolage Grotesque", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--nb-border:3px;--nb-shadow:6px 6px 0 var(--nb-line);--nb-radius:14px;--fx-base:#fff4d6;--fx-base-soft:#ffe9b0;--fx-surface:var(--nb-paper);--fx-raised:var(--nb-paper);--fx-ink:#111;--fx-muted:#2b2b2b;--fx-faint:#555;--fx-line:#111;--fx-line-strong:#111;--fx-glow-opacity:0;--fx-g1:#c41e62;--fx-g2:#6a35d9;--fx-g3:#0b6fa8;--fx-g4:#c41e62;--color-accent:#0b6fa8;--color-accent-deep:#0b6fa8;--color-violet:#6a35d9;--color-violet-deep:#6a35d9;--color-pink:#c41e62}:root[data-theme=brutal].dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nb-line:#fff4d6;--nb-paper:#262142;--nb-sec-blue:#12506f;--nb-sec-yellow:#5e4b00;--nb-sec-pink:#7a1f4b;--nb-sec-ink:#fff4d6;--nb-dots:#fff4d624;--fx-base:#16132b;--fx-base-soft:#1e1a3a;--fx-ink:#fff4d6;--fx-muted:#e5ddc3;--fx-faint:#b4ad93;--fx-line:#fff4d6;--fx-line-strong:#fff4d6;--fx-g1:#ff6b9d;--fx-g2:#b388ff;--fx-g3:#4cc9f0;--fx-g4:#ff6b9d;--color-accent:#4cc9f0;--color-accent-deep:#4cc9f0;--color-violet:#b388ff;--color-violet-deep:#b388ff;--color-pink:#ff6b9d}html[data-theme=brutal] body{background-color:var(--fx-base);background-image:radial-gradient(var(--nb-dots) 1.5px, transparent 1.5px);background-size:22px 22px}html[data-theme=brutal] ::selection{background:var(--nb-yellow);color:#111}html[data-theme=brutal] :focus-visible{outline:3px solid var(--nb-line);outline-offset:3px}html[data-theme=brutal] h1,html[data-theme=brutal] h2,html[data-theme=brutal] h3{font-family:var(--nb-display)}html[data-theme=brutal] ::-webkit-scrollbar-track{background:var(--fx-base);border-left:3px solid var(--nb-line)}html[data-theme=brutal] ::-webkit-scrollbar-thumb{background:var(--nb-pink);border:3px solid var(--nb-line);border-radius:0}html[data-theme=brutal] .gradient-text{color:var(--fx-g1)}.nb-card{background:var(--nb-paper);color:var(--fx-ink);border:var(--nb-border) solid var(--nb-line);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);transition:transform .15s,box-shadow .15s}a.nb-card:hover,.nb-card.is-lift:hover{box-shadow:9px 9px 0 var(--nb-line);transform:translate(-3px,-3px)}a.nb-card:active{box-shadow:2px 2px 0 var(--nb-line);transform:translate(4px,4px)}.nb-btn{--nb-btn-bg:var(--nb-yellow);cursor:pointer;color:var(--nb-on);background:var(--nb-btn-bg);border:var(--nb-border) solid var(--nb-line);box-shadow:4px 4px 0 var(--nb-line);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:700;line-height:1.1;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.nb-btn:hover{box-shadow:6px 6px 0 var(--nb-line);transform:translate(-2px,-2px)rotate(-1deg)}.nb-btn:active{box-shadow:0 0 0 var(--nb-line);transform:translate(4px,4px)}.nb-btn--pink{--nb-btn-bg:var(--nb-pink)}.nb-btn--blue{--nb-btn-bg:var(--nb-blue)}.nb-btn--mint{--nb-btn-bg:var(--nb-mint)}.nb-btn--paper{--nb-btn-bg:var(--nb-paper);color:var(--fx-ink)}.nb-btn--ink{--nb-btn-bg:#111;color:#fff4d6;box-shadow:4px 4px 0 var(--nb-pink);border-color:#111}.nb-btn--spotify{--nb-btn-bg:#1db954}.nb-btn--sm{text-transform:uppercase;letter-spacing:.06em;padding:.55rem 1rem;font-size:.72rem}.nb-sticker{text-transform:uppercase;letter-spacing:.06em;color:var(--nb-on);background:var(--nb-yellow);border:2.5px solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line);transform:rotate(var(--nb-rot,-2deg));border-radius:8px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.nb-sticker--pink{background:var(--nb-pink)}.nb-sticker--blue{background:var(--nb-blue)}.nb-sticker--mint{background:var(--nb-mint)}.nb-sticker--violet{background:var(--nb-violet)}.nb-sticker--lg{box-shadow:4px 4px 0 var(--nb-line);border-radius:10px;padding:.45rem 1.1rem;font-size:.85rem}.nb-display{font-family:var(--nb-display);letter-spacing:-.035em;font-weight:800;line-height:.95}.nb-hl{color:var(--nb-on);background:var(--nb-yellow);border:var(--nb-border) solid var(--nb-line);box-shadow:5px 5px 0 var(--nb-line);margin:0 .05em;padding:0 .25em;display:inline-block;transform:rotate(-1.5deg)}.nb-hl--pink{background:var(--nb-pink);transform:rotate(1.2deg)}.nb-hl--blue{background:var(--nb-blue)}.nb-hl--mint{background:var(--nb-mint);transform:rotate(1deg)}.nb-name-fill{color:var(--nb-pink);-webkit-text-stroke:3px var(--nb-line);paint-order:stroke fill;text-shadow:6px 6px 0 var(--nb-line)}.nb-section{border-block:4px solid var(--nb-line);position:relative;overflow:hidden}.nb-sec-blue{background:var(--nb-sec-blue);color:var(--nb-sec-ink)}.nb-sec-yellow{background:var(--nb-sec-yellow);color:var(--nb-sec-ink)}.nb-sec-pink{background:var(--nb-sec-pink);color:var(--nb-sec-ink)}.nb-sec-blue,.nb-sec-yellow,.nb-sec-pink{--fx-ink:var(--nb-sec-ink);--fx-muted:var(--nb-sec-ink);--fx-faint:var(--nb-sec-ink)}.nb-sec-plain{border-top:0}.nb-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;background:var(--fx-ink);color:var(--fx-base);border-radius:6px;padding:.3rem .7rem;font-size:.72rem;font-weight:700;display:inline-block;transform:rotate(-1.5deg)}.nb-tag{text-transform:uppercase;letter-spacing:.07em;color:var(--nb-on);background:var(--nb-yellow);border:2px solid var(--nb-line);border-radius:6px;align-items:center;padding:.12rem .5rem;font-size:.65rem;font-weight:800;display:inline-flex}.nb-tag--blue{background:var(--nb-blue)}.nb-tag--pink{background:var(--nb-pink)}.nb-tag--mint{background:var(--nb-mint)}.nb-tag--paper{background:var(--nb-paper);color:var(--fx-ink)}.nb-thumb{border-bottom:var(--nb-border) solid var(--nb-line);background:var(--nb-thumb,var(--nb-blue))}.nb-thumb>div{background-color:#0000!important;background-image:radial-gradient(#11111138 2px,#0000 2px)!important;background-size:14px 14px!important}.nb-thumb .rounded-full{opacity:1!important;border-width:3px!important;border-color:#111!important}.nb-thumb svg{color:#111!important}.nb-shape{pointer-events:none;z-index:0;position:absolute;overflow:visible}.nb-shape svg{width:100%;height:100%;display:block;overflow:visible}.nb-spin{animation:28s linear infinite nb-spin}.nb-bob{animation:5s ease-in-out infinite nb-bob}@keyframes nb-spin{to{transform:rotate(360deg)}}@keyframes nb-bob{0%,to{transform:translateY(0) rotate(var(--nb-r,0deg))}50%{transform:translateY(-14px) rotate(var(--nb-r,0deg))}}.nb-illus{width:100%;height:100%;overflow:visible}.nb-illus [stroke]{stroke:#111}.nb-hero{border-bottom:4px solid var(--nb-line);position:relative;overflow:hidden}.nb-avatar{background:var(--nb-yellow);border:var(--nb-border) solid var(--nb-line);width:4.75rem;height:4.75rem;box-shadow:4px 4px 0 var(--nb-line);border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden;transform:rotate(-5deg)}.nb-stat{text-align:center;border:var(--nb-border) solid var(--nb-line);box-shadow:4px 4px 0 var(--nb-line);color:var(--nb-on);border-radius:12px;padding:.9rem .5rem}.nb-stat b{font-family:var(--nb-display);font-size:2.4rem;font-weight:800;line-height:1;display:block}.nb-stat span{letter-spacing:.1em;text-transform:uppercase;margin-top:.25rem;font-size:.62rem;font-weight:800;display:block}.nb-social{width:2.6rem;height:2.6rem;color:var(--fx-ink);background:var(--nb-paper);border:var(--nb-border) solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line);border-radius:12px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.nb-social:hover{background:var(--nb-pink);color:#111;box-shadow:5px 5px 0 var(--nb-line);transform:translate(-2px,-2px)rotate(-4deg)}.nb-social:active{box-shadow:0 0 0 var(--nb-line);transform:translate(3px,3px)}.nb-window{background:var(--nb-paper);border:var(--nb-border) solid var(--nb-line);box-shadow:10px 10px 0 var(--nb-line);border-radius:16px;overflow:hidden}.nb-window-bar{background:var(--nb-line);color:var(--fx-base);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.72rem;font-weight:700;display:flex}.nb-window-bar i{border:2px solid var(--fx-base);border-radius:50%;width:.8rem;height:.8rem;display:block}.nb-window-bar i:first-child{background:var(--nb-pink)}.nb-window-bar i:nth-child(2){background:var(--nb-yellow)}.nb-window-bar i:nth-child(3){background:var(--nb-mint)}.nb-window-bar span{margin-left:auto}.nb-window-body{gap:.6rem;padding:1rem;display:grid}.nb-screen{border:var(--nb-border) solid var(--nb-line);border-radius:12px;padding:1rem;position:relative;overflow:hidden}html[data-theme=brutal] .nb-screen.fx-stage-dark{background-color:#14102b;background-image:radial-gradient(#fff4d629 1.5px,#0000 1.5px);background-size:18px 18px}html[data-theme=brutal] .brain-experience{--brain-accent:var(--nb-blue);color:var(--fx-ink);width:100%;max-width:560px;margin-inline:auto}html[data-theme=brutal] .brain-experience[data-mode=developer]{--brain-accent:var(--nb-pink)}html[data-theme=brutal] .brain-experience[data-mode=musician]{--brain-accent:var(--nb-yellow)}html[data-theme=brutal] .brain-stage{height:300px}html[data-theme=brutal] .brain-fallback{color:var(--brain-accent);opacity:.9}html[data-theme=brutal] .brain-mode-tabs{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;padding:0}html[data-theme=brutal] .brain-mode-tabs button{min-height:42px;color:var(--fx-ink);background:var(--nb-paper);border:2.5px solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line);border-radius:999px;padding:.5rem 1.05rem;font-size:.8rem;font-weight:800;transition:transform .12s,box-shadow .12s,background .12s}html[data-theme=brutal] .brain-mode-tabs button:hover{box-shadow:4px 4px 0 var(--nb-line);transform:translate(-1px,-1px)}html[data-theme=brutal] .brain-mode-tabs button[aria-pressed=true]{color:#111;background:var(--brain-accent);box-shadow:0 0 0 var(--nb-line);transform:translate(3px,3px)}html[data-theme=brutal] .brain-slide-progress{background:var(--nb-paper);border:2px solid var(--nb-line);border-radius:99px;max-width:none;height:8px;margin:.1rem 0}html[data-theme=brutal] .brain-slide-progress:after{background:var(--brain-accent)}html[data-theme=brutal] .brain-caption{border:2.5px solid var(--nb-line);background:var(--nb-paper);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px;padding:.9rem 1rem}html[data-theme=brutal] .brain-kicker{color:#111;background:var(--brain-accent);border:2px solid var(--nb-line);letter-spacing:.08em;border-radius:6px;padding:.1rem .5rem;font-weight:800;display:inline-block}html[data-theme=brutal] .brain-caption h2{letter-spacing:-.02em;color:var(--fx-ink);font-size:1.5rem;font-weight:800;line-height:1.1}html[data-theme=brutal] .brain-caption>p:not(.brain-kicker){color:var(--fx-muted);font-size:.86rem}html[data-theme=brutal] .brain-caption a{color:#111;background:var(--brain-accent);border:2.5px solid var(--nb-line);min-height:40px;box-shadow:3px 3px 0 var(--nb-line);border-radius:999px;margin-top:.6rem;padding:.45rem 1rem;font-weight:800;transition:transform .12s,box-shadow .12s}html[data-theme=brutal] .brain-caption a:hover{box-shadow:4px 4px 0 var(--nb-line);transform:translate(-1px,-1px)}html[data-theme=brutal] .brain-hint{color:var(--fx-muted);margin:.1rem 0;font-size:.72rem;font-weight:600}html[data-theme=brutal] .brain-navigation{margin:0}html[data-theme=brutal] .brain-navigation button{color:#111;background:var(--nb-yellow);border:2.5px solid var(--nb-line);width:40px;height:40px;box-shadow:3px 3px 0 var(--nb-line);border-radius:10px;font-weight:800}html[data-theme=brutal] .brain-navigation button:hover{background:var(--nb-yellow);border-color:var(--nb-line);box-shadow:4px 4px 0 var(--nb-line);transform:translate(-1px,-1px)}html[data-theme=brutal] .brain-navigation button:active{box-shadow:0 0 0 var(--nb-line);transform:translate(3px,3px)}html[data-theme=brutal] .brain-navigation span{color:var(--fx-ink);font-weight:800}html[data-theme=brutal] .brain-utilities button{color:var(--fx-ink);font-weight:700}.nb-bands{border-bottom:4px solid var(--nb-line);padding:2rem 0;position:relative;overflow:hidden}.nb-band{border-block:4px solid var(--nb-line);padding:.7rem 0;display:block;overflow:hidden}.nb-band--a{background:var(--nb-yellow);color:#111;margin-inline:-2%;transform:rotate(-1.4deg)}.nb-band--b{color:var(--nb-pink);z-index:1;background:#111;border-color:#111;margin:-.9rem -2% 0;position:relative;transform:rotate(1.1deg)}.nb-track{white-space:nowrap;width:max-content;font-family:var(--nb-display);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:2rem;font-size:1.6rem;font-weight:800;animation:30s linear infinite marquee-scroll;display:flex}.nb-band--b .nb-track{animation-duration:36s;animation-direction:reverse}@media (prefers-reduced-motion:reduce){.nb-track,.nb-spin,.nb-bob{animation:none}}.nb-role{color:var(--nb-on);border:var(--nb-border) solid var(--nb-line);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);padding:1.5rem;transition:transform .15s,box-shadow .15s;display:block;position:relative}.nb-role:hover{box-shadow:10px 10px 0 var(--nb-line);transform:translate(-3px,-3px)rotate(-.6deg)}.nb-role:active{box-shadow:1px 1px 0 var(--nb-line);transform:translate(4px,4px)}.nb-role.is-active{box-shadow:10px 10px 0 var(--nb-line);transform:translate(-3px,-3px)}.nb-role.is-active:after{content:"LIHAT ↑";letter-spacing:.08em;color:#fff4d6;background:#111;border-radius:6px;padding:.2rem .5rem;font-size:.65rem;font-weight:800;position:absolute;top:-.8rem;right:1rem}.nb-role .nb-num{font-family:var(--nb-display);color:#11111124;font-size:4.5rem;font-weight:800;line-height:1;position:absolute;top:.6rem;right:1rem}.nb-role h3{letter-spacing:-.03em;margin:.8rem 0 .5rem;font-size:1.9rem;font-weight:800;line-height:1}.nb-role p{font-size:.92rem;font-weight:500;line-height:1.5}.nb-role .nb-more{text-transform:uppercase;letter-spacing:.08em;color:#fff4d6;background:#111;border-radius:999px;margin-top:1rem;padding:.4rem .8rem;font-size:.78rem;font-weight:800;display:inline-flex}.nb-role--blue{background:var(--nb-blue);--ill-a:var(--nb-yellow);--ill-b:var(--nb-pink)}.nb-role--pink{background:var(--nb-pink);--ill-a:var(--nb-yellow);--ill-b:var(--nb-blue)}.nb-role--yellow{background:var(--nb-yellow);--ill-a:var(--nb-pink);--ill-b:var(--nb-blue)}.nb-role-art{width:8.5rem;height:8.5rem;margin-bottom:.2rem;transition:transform .2s}.nb-3d{background:var(--nb-paper);border:var(--nb-border) solid var(--nb-line);border-radius:var(--nb-radius);height:14rem;box-shadow:var(--nb-shadow);position:relative;overflow:hidden}.nb-cta{background:var(--nb-pink);color:#111;border:4px solid var(--nb-line);box-shadow:12px 12px 0 var(--nb-line);text-align:center;border-radius:20px;padding:3rem 1.5rem;position:relative;overflow:hidden}.nb-cta p{color:#111;font-weight:500}html[data-theme=brutal] .glass,html[data-theme=brutal] .glass-card{background:var(--nb-paper);-webkit-backdrop-filter:none;border:var(--nb-border) solid var(--nb-line)}html[data-theme=brutal] .glass-card{border-radius:var(--nb-radius);box-shadow:var(--nb-shadow)}html[data-theme=brutal] .glass-card:hover{border-color:var(--nb-line);box-shadow:9px 9px 0 var(--nb-line)}html[data-theme=brutal] .glass-card:after{display:none}html[data-theme=brutal] nav.glass{background:var(--fx-base);box-shadow:none;border-width:0 0 4px}html[data-theme=brutal] nav.glass button{background:var(--nb-paper);border:2.5px solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line);color:var(--fx-ink);border-radius:10px;transition:transform .12s,box-shadow .12s}html[data-theme=brutal] nav.glass button:hover{box-shadow:4px 4px 0 var(--nb-line);transform:translate(-1px,-1px)}html[data-theme=brutal] nav.glass button:active{box-shadow:0 0 0 var(--nb-line);transform:translate(2px,2px)}html[data-theme=brutal] nav.glass button svg{color:var(--fx-ink)}html[data-theme=brutal] nav .font-semibold{font-family:var(--nb-display);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}html[data-theme=brutal] .nav-link{color:var(--fx-ink);border:2.5px solid #0000;border-radius:999px;padding:.3rem .75rem;font-weight:700;transition:background .12s,transform .12s}html[data-theme=brutal] .nav-link:after{display:none}html[data-theme=brutal] .nav-link:hover{background:var(--nb-yellow);color:#111;border-color:var(--nb-line);transform:rotate(-2deg)}html[data-theme=brutal] .nav-link.is-active{background:var(--nb-pink);color:#111;border-color:var(--nb-line);box-shadow:2px 2px 0 var(--nb-line)}html[data-theme=brutal] .scroll-progress{background:var(--nb-pink);border-bottom:2px solid var(--nb-line);height:6px}html[data-theme=brutal] .to-top{background:var(--nb-yellow);color:#111;-webkit-backdrop-filter:none;backdrop-filter:none;border:var(--nb-border) solid var(--nb-line);box-shadow:4px 4px 0 var(--nb-line);border-radius:12px}html[data-theme=brutal] .to-top:hover{color:#111;border-color:var(--nb-line);box-shadow:6px 6px 0 var(--nb-line);transform:translate(-2px,-2px)}html[data-theme=brutal] .btn-primary,html[data-theme=brutal] .btn-outline{border:var(--nb-border) solid var(--nb-line);box-shadow:4px 4px 0 var(--nb-line);-webkit-backdrop-filter:none;backdrop-filter:none;color:#111;border-radius:999px;transition:transform .12s,box-shadow .12s}html[data-theme=brutal] .btn-primary{background:var(--nb-yellow)}html[data-theme=brutal] .btn-outline{background:var(--nb-paper);color:var(--fx-ink)}html[data-theme=brutal] .btn-primary:hover,html[data-theme=brutal] .btn-outline:hover{box-shadow:6px 6px 0 var(--nb-line);border-color:var(--nb-line);transform:translate(-2px,-2px)}html[data-theme=brutal] .section-label{background:var(--fx-ink);color:var(--fx-base);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:6px}html[data-theme=brutal] .section-label:before{display:none}html[data-theme=brutal] .fx-badge{border:2px solid var(--nb-line);color:var(--fx-ink);background:var(--nb-paper);border-radius:6px}html[data-theme=brutal] .fx-badge-accent{background:var(--nb-blue);color:#111;border-color:var(--nb-line)}html[data-theme=brutal] .fx-badge-violet{background:var(--nb-violet);color:#111;border-color:var(--nb-line)}html[data-theme=brutal] .input-field{border:var(--nb-border) solid var(--nb-line);background:var(--nb-paper);border-radius:12px}html[data-theme=brutal] .input-field:focus{border-color:var(--nb-line);box-shadow:4px 4px 0 var(--nb-pink)}html[data-theme=brutal] footer{--fx-ink:#fff4d6;--fx-muted:#e8e0c8;--fx-faint:#b9b198;--fx-line:#fff4d659;--fx-line-strong:#fff4d6;--color-accent:#ffd23f;color:#fff4d6;background:#111;border-top:4px solid #111;margin-top:0}html[data-theme=brutal] footer .aurora,html[data-theme=brutal] footer .glow-line{display:none}html[data-theme=brutal] footer a.rounded-xl{box-shadow:3px 3px 0 var(--nb-pink);color:#fff4d6;border:2.5px solid #fff4d6}html[data-theme=brutal] footer a.rounded-xl:hover{background:var(--nb-yellow);color:#111;box-shadow:4px 4px 0 var(--nb-pink);border-color:#fff4d6}html[data-theme=brutal] footer h3{font-family:var(--nb-display);color:var(--nb-yellow)}html[data-theme=brutal] footer h3 span{background:var(--nb-pink);height:3px}@media (width<=640px){.nb-track{font-size:1.2rem}html[data-theme=brutal] .brain-stage{height:250px}.nb-cta{box-shadow:8px 8px 0 var(--nb-line)}}html[data-theme=brutal] main .aurora,html[data-theme=brutal] main .grid-overlay{display:none}html[data-theme=brutal] main .glow-line{background:var(--nb-line);border-radius:0;height:4px;display:block}html[data-theme=brutal] main h1{font-family:var(--nb-display);letter-spacing:-.035em;font-size:clamp(2.6rem,7vw,4.8rem);font-weight:800;line-height:1}html[data-theme=brutal] main h2{letter-spacing:-.025em;font-weight:800}html[data-theme=brutal] main h1 .gradient-text,html[data-theme=brutal] main h2 .gradient-text{color:var(--nb-on);background:var(--nb-yellow);border:var(--nb-border) solid var(--nb-line);box-shadow:5px 5px 0 var(--nb-line);padding:0 .2em;display:inline-block;transform:rotate(-1.5deg)}html[data-theme=brutal] main h2 .gradient-text{background:var(--nb-blue);transform:rotate(1deg)}html[data-theme=brutal] main>section:first-of-type:not(.nb-hero),html[data-theme=brutal] main>article:first-of-type{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cpolygon points='50,2 58,24 78,10 76,34 98,32 84,50 98,68 76,66 78,90 58,76 50,98 42,76 22,90 24,66 2,68 16,50 2,32 24,34 22,10 42,24' fill='%23FFD23F' stroke='%23111' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 50'%3E%3Cpolyline points='8,40 32,10 56,40 80,10 104,40 128,10 152,40' fill='none' stroke='%23111' stroke-width='14' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpolyline points='8,40 32,10 56,40 80,10 104,40 128,10 152,40' fill='none' stroke='%2306D6A0' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right -55px top -55px,left 3% bottom 24px;background-repeat:no-repeat;background-size:190px 190px,150px 50px}html[data-theme=brutal].dark main>section:first-of-type:not(.nb-hero),html[data-theme=brutal].dark main>article:first-of-type{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 112 112'%3E%3Cpolygon points='50,2 58,24 78,10 76,34 98,32 84,50 98,68 76,66 78,90 58,76 50,98 42,76 22,90 24,66 2,68 16,50 2,32 24,34 22,10 42,24' fill='%23FFD23F' stroke='%23FFF4D6' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 50'%3E%3Cpolyline points='8,40 32,10 56,40 80,10 104,40 128,10 152,40' fill='none' stroke='%23FFF4D6' stroke-width='14' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpolyline points='8,40 32,10 56,40 80,10 104,40 128,10 152,40' fill='none' stroke='%2306D6A0' stroke-width='6' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}@media (width<=767px){html[data-theme=brutal] main>section:first-of-type:not(.nb-hero),html[data-theme=brutal] main>article:first-of-type{background-position:right -40px top -40px,0 0;background-size:110px 110px,0 0}}html[data-theme=brutal] main section.bg-base-soft{background:var(--nb-sec-yellow);border-block:4px solid var(--nb-line);--fx-ink:var(--nb-sec-ink);--fx-muted:var(--nb-sec-ink);--fx-faint:var(--nb-sec-ink);color:var(--nb-sec-ink)}html[data-theme=brutal] .glass-card .border-t.border-line{border-top-width:3px}html[data-theme=brutal] .glass-card .border-b.border-line{border-bottom-width:3px}html[data-theme=brutal] .glass-card .border-r.border-line{border-right-width:3px}html[data-theme=brutal] main .border-t.border-line{border-top-width:3px}html[data-theme=brutal] main .border.border-line{border-width:2.5px}html[data-theme=brutal] main .glass-card.border-dashed{box-shadow:none;border-style:dashed}html[data-theme=brutal] main .nb-thumbph{--nb-thumb:var(--nb-blue);background-color:var(--nb-thumb);background-image:radial-gradient(#11111138 2px,#0000 2px);background-size:14px 14px}html[data-theme=brutal] main .nb-thumbph .rounded-full{opacity:1;border-width:3px;border-color:#111}html[data-theme=brutal] main .nb-thumbph svg{color:#111}html[data-theme=brutal] main .grid>:nth-child(3n+2) .nb-thumbph{--nb-thumb:var(--nb-pink)}html[data-theme=brutal] main .grid>:nth-child(3n+3) .nb-thumbph{--nb-thumb:var(--nb-yellow)}html[data-theme=brutal] main .grid>:nth-child(4n+4) .nb-thumbph{--nb-thumb:var(--nb-mint)}html[data-theme=brutal] main [class*=bg-gradient-to-br]:not(.nb-thumbph){background-image:none;background-color:var(--nb-yellow);color:#111;border:var(--nb-border) solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line)}html[data-theme=brutal] main [class*=from-cyan]:not(.nb-thumbph){background-color:var(--nb-blue)}html[data-theme=brutal] main [class*=from-violet]:not(.nb-thumbph){background-color:var(--nb-violet)}html[data-theme=brutal] main [class*=from-emerald]:not(.nb-thumbph){background-color:var(--nb-mint)}html[data-theme=brutal] main [class*=bg-gradient-to-br]:not(.nb-thumbph) svg,html[data-theme=brutal] main [class*=bg-gradient-to-br]:not(.nb-thumbph)>div{color:#111}html[data-theme=brutal] main .rounded-xl.p-\[1\.5px\]{padding:0}html[data-theme=brutal] main a.rounded-full[class*=border],html[data-theme=brutal] main button.rounded-full[class*=border],html[data-theme=brutal] main a.rounded-xl.border{color:var(--fx-ink);background:var(--nb-paper);border:2.5px solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line);font-weight:800;transition:transform .12s,box-shadow .12s,background .12s}html[data-theme=brutal] main a.rounded-full[class*=border]:hover,html[data-theme=brutal] main button.rounded-full[class*=border]:hover,html[data-theme=brutal] main a.rounded-xl.border:hover{background:var(--nb-yellow);color:#111;border-color:var(--nb-line);box-shadow:5px 5px 0 var(--nb-line);transform:translate(-1px,-1px)rotate(-1deg)}html[data-theme=brutal] main a.rounded-full[class*=border]:active,html[data-theme=brutal] main button.rounded-full[class*=border]:active{box-shadow:0 0 0 var(--nb-line);transform:translate(3px,3px)}html[data-theme=brutal] main a.rounded-full[class*=bg-gradient-to-r]{background:var(--nb-pink);color:#111}html[data-theme=brutal] main a.rounded-full[class*=from-violet-500]{background:var(--nb-violet);color:#111}html[data-theme=brutal] main a.rounded-full[class*=bg-accent\/10]{background:var(--nb-blue);color:#111}html[data-theme=brutal] main a[class*="1DB954"]{color:#111;background:#1db954}html[data-theme=brutal] main a[class*=border-pink-400]{background:var(--nb-pink);color:#111}html[data-theme=brutal] main a[class*=border-red-400]{color:#111;background:#ff7b7b}html[data-theme=brutal] main [class*=border-emerald-400\/40]{background:var(--nb-mint);color:#111;border:var(--nb-border) solid var(--nb-line);box-shadow:4px 4px 0 var(--nb-line)}html[data-theme=brutal] main .text-emerald-400{color:#04543f}html[data-theme=brutal] main .text-red-400{color:#c0152f;font-weight:700}html[data-theme=brutal].dark main .text-red-400{color:#ff8fa3}html[data-theme=brutal] main .rounded-xl.border-line-strong:not(a):not(button){background:var(--nb-paper);border:var(--nb-border) solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line)}html[data-theme=brutal] main .rounded-xl[class*=border-accent\/40]{background:var(--nb-yellow);color:#111;border:2px solid var(--nb-line)}html[data-theme=brutal] main button.rounded-b-xl{background:var(--nb-paper);color:var(--fx-ink);border:var(--nb-border) solid var(--nb-line)}html[data-theme=brutal] main button.rounded-b-xl:hover{background:var(--nb-yellow);color:#111}html[data-theme=brutal] .learning-heading{align-items:flex-end}html[data-theme=brutal] .learning-summary{border-left:6px solid var(--nb-line)}html[data-theme=brutal] .learning-summary strong{font-family:var(--nb-display);font-size:4.5rem;font-weight:800;line-height:1}html[data-theme=brutal] .learning-summary span{color:var(--fx-ink);font-weight:700}html[data-theme=brutal] .section-divider{border-bottom:4px solid var(--nb-line)}html[data-theme=brutal] .section-divider h2{font-family:var(--nb-display);font-size:1.6rem}html[data-theme=brutal] .section-divider>span{color:var(--fx-ink);font-weight:700}html[data-theme=brutal] .course-card{background:var(--nb-paper);border:var(--nb-border) solid var(--nb-line);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow);transition:transform .15s,box-shadow .15s}html[data-theme=brutal] .course-card:hover{border-color:var(--nb-line);box-shadow:9px 9px 0 var(--nb-line);transform:translate(-3px,-3px)}html[data-theme=brutal] .course-card:active{box-shadow:2px 2px 0 var(--nb-line);transform:translate(4px,4px)}html[data-theme=brutal] .course-art{border-bottom:var(--nb-border) solid var(--nb-line);background:radial-gradient(#11111138 2px, transparent 2px) 0 0 / 14px 14px, var(--nb-blue);height:130px}html[data-theme=brutal] .course-card:nth-child(3n+2) .course-art{background-color:var(--nb-pink)}html[data-theme=brutal] .course-card:nth-child(3n+3) .course-art{background-color:var(--nb-yellow)}html[data-theme=brutal] .course-icon{color:#111;stroke-width:2.4px;width:64px;height:64px}html[data-theme=brutal] .course-art .fx-badge{color:#111;box-shadow:2px 2px 0 var(--nb-line);background:#fffdf5;font-weight:800}html[data-theme=brutal] .course-body h3{letter-spacing:-.02em;font-weight:800}html[data-theme=brutal] .course-action{border-top:3px solid var(--nb-line);color:var(--fx-ink);font-weight:800}html[data-theme=brutal] .learning-note{background:var(--nb-paper);border:var(--nb-border) solid var(--nb-line);border-radius:var(--nb-radius);box-shadow:var(--nb-shadow)}html[data-theme=brutal] .note-icon{background:var(--nb-yellow);color:#111;border:2.5px solid var(--nb-line);font-weight:800}html[data-theme=brutal] .empty-panel{background:var(--nb-paper);border:var(--nb-border) dashed var(--nb-line);border-radius:var(--nb-radius);font-weight:600}html[data-theme=brutal] .course-intro{background:var(--nb-yellow);color:#111;border:4px solid var(--nb-line);box-shadow:8px 8px 0 var(--nb-line);--fx-ink:#111;--fx-muted:#222;--fx-faint:#333;border-radius:18px}html[data-theme=brutal] .course-intro-icon{border:var(--nb-border) solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line);background:#fffdf5;border-radius:14px;transform:rotate(-4deg)}html[data-theme=brutal] .course-intro .fx-badge{color:#111;background:#fffdf5}html[data-theme=brutal] .course-intro .fx-badge-accent{background:var(--nb-blue)}html[data-theme=brutal] .week-sidebar .section-eyebrow{background:var(--fx-ink);color:var(--fx-base);border-radius:6px;padding:.2rem .55rem;font-weight:800;display:inline-block}html[data-theme=brutal] .week-nav a{background:var(--nb-paper);border:2.5px solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line);border-radius:10px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s}html[data-theme=brutal] .week-nav a:hover{background:var(--nb-yellow);color:#111;border-color:var(--nb-line);box-shadow:4px 4px 0 var(--nb-line);transform:translate(-1px,-1px)}html[data-theme=brutal] .week-nav span{color:inherit;font-family:var(--font-mono)}html[data-theme=brutal] .learning-input{background:var(--nb-paper);border:var(--nb-border) solid var(--nb-line);border-radius:12px;font-weight:600}html[data-theme=brutal] .learning-input:focus{box-shadow:4px 4px 0 var(--nb-pink);outline:none}html[data-theme=brutal] .learning-button{background:var(--nb-paper);color:var(--fx-ink);border:2.5px solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line);border-radius:999px;font-weight:800;transition:transform .12s,box-shadow .12s,background .12s}html[data-theme=brutal] .learning-button:hover{background:var(--nb-yellow);color:#111;border-color:var(--nb-line);box-shadow:4px 4px 0 var(--nb-line);transform:translate(-1px,-1px)}html[data-theme=brutal] .learning-button:active{box-shadow:0 0 0 var(--nb-line);transform:translate(3px,3px)}html[data-theme=brutal] .learning-button.primary{background:var(--nb-blue);color:#111;border-color:var(--nb-line)}html[data-theme=brutal] .week-group>summary{border-bottom:4px solid var(--nb-line);font-family:var(--nb-display);font-size:1.25rem;font-weight:800}html[data-theme=brutal] .material-card{background:var(--nb-paper);border:var(--nb-border) solid var(--nb-line);border-radius:var(--nb-radius);box-shadow:4px 4px 0 var(--nb-line)}html[data-theme=brutal] .material-unavailable:before{background:var(--nb-pink);border:1.5px solid var(--nb-line)}html[data-theme=brutal] .reading-content summary{color:var(--fx-ink);text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--nb-pink);text-decoration-color:var(--nb-pink);text-underline-offset:3px;cursor:pointer;font-weight:800}html[data-theme=brutal] .prose{--tw-prose-body:var(--fx-ink);--tw-prose-headings:var(--fx-ink);--tw-prose-lead:var(--fx-ink);--tw-prose-bold:var(--fx-ink);--tw-prose-links:var(--color-accent);--tw-prose-counters:var(--fx-ink);--tw-prose-bullets:var(--fx-ink);--tw-prose-quotes:#111;--tw-prose-invert-body:var(--fx-ink);--tw-prose-invert-headings:var(--fx-ink);--tw-prose-invert-lead:var(--fx-ink);--tw-prose-invert-bold:var(--fx-ink);--tw-prose-invert-links:var(--color-accent);--tw-prose-invert-counters:var(--fx-ink);--tw-prose-invert-bullets:var(--fx-ink);--tw-prose-invert-quotes:#111;font-weight:500}html[data-theme=brutal] .prose :where(h1,h2,h3,h4){font-family:var(--nb-display);letter-spacing:-.025em;font-weight:800}html[data-theme=brutal] .prose :where(blockquote){background:var(--nb-yellow);color:#111;border:var(--nb-border) solid var(--nb-line);box-shadow:4px 4px 0 var(--nb-line);border-left-width:10px;border-radius:12px;font-weight:600}html[data-theme=brutal] .prose :where(pre){color:#fff4d6;border:var(--nb-border) solid var(--nb-line);box-shadow:5px 5px 0 var(--nb-pink);background:#111;border-radius:12px}html[data-theme=brutal] .prose :where(code):not(pre code){background:var(--nb-yellow);color:#111;border:2px solid var(--nb-line);border-radius:6px}html[data-theme=brutal] .prose :where(img){border:var(--nb-border) solid var(--nb-line);box-shadow:5px 5px 0 var(--nb-line);border-radius:12px}html[data-theme=brutal] .prose :where(a){text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--nb-pink);text-decoration-color:var(--nb-pink);text-underline-offset:3px;font-weight:700}html[data-theme=brutal] .photo-ring{border:4px solid var(--nb-line);box-shadow:8px 8px 0 var(--nb-line);background:var(--nb-paper);border-radius:18px;padding:0;overflow:hidden}html[data-theme=brutal] .photo-ring:after{display:none}html[data-theme=brutal] nav[role=navigation] a,html[data-theme=brutal] nav[role=navigation] span[aria-disabled]>span{box-shadow:3px 3px 0 var(--nb-line);font-weight:800;border:2.5px solid var(--nb-line)!important;background:var(--nb-paper)!important;color:var(--fx-ink)!important;border-radius:10px!important}html[data-theme=brutal] nav[role=navigation] a:hover{background:var(--nb-yellow)!important;color:#111!important}html[data-theme=brutal] nav[role=navigation] span[aria-current=page]>span{box-shadow:3px 3px 0 var(--nb-line);background:var(--nb-pink)!important;color:#111!important;border:2.5px solid var(--nb-line)!important}html[data-theme=brutal] [class*=from-cyan-500\/15]{background-image:none;background-color:var(--nb-yellow);color:#111}html[data-theme=brutal] [class*=to-violet-500\/15]{background-image:none;background-color:var(--nb-yellow);color:#111;border-color:var(--nb-line)}@media (width<=767px){html[data-theme=brutal] .learning-summary strong{font-size:3rem}html[data-theme=brutal] .course-intro{box-shadow:5px 5px 0 var(--nb-line)}}html[data-theme=brutal] main article h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.02}html[data-theme=brutal] main .min-h-72>.nb-thumbph{min-height:18rem}.nb-page-art{pointer-events:none;z-index:0;--nb-r:-4deg;width:11.5rem;height:11.5rem;transform:rotate(var(--nb-r));filter:drop-shadow(6px 6px 0 var(--nb-line));position:absolute}html[data-theme=brutal] .nb-page-art .nb-illus [stroke=\#111]{stroke:#111}html[data-theme=brutal] a.nb-card,html[data-theme=brutal] a.course-card,html[data-theme=brutal] a.glass-card{position:relative}html[data-theme=brutal] a.nb-card:after,html[data-theme=brutal] a.course-card:after,html[data-theme=brutal] a.glass-card.group:after{content:"BUKA →";z-index:5;color:#fff4d6;letter-spacing:.08em;opacity:0;pointer-events:none;background:#111;border:0;border-radius:6px;width:auto;height:auto;padding:.25rem .6rem;font-size:.68rem;font-weight:800;transition:opacity .15s,transform .15s;position:absolute;inset:.7rem .7rem auto auto;transform:translateY(6px)rotate(4deg)}html[data-theme=brutal] a.nb-card:hover:after,html[data-theme=brutal] a.course-card:hover:after,html[data-theme=brutal] a.glass-card.group:hover:after{opacity:1;transform:translateY(0)rotate(4deg)}html[data-theme=brutal] a.glass-card.group:after{display:block;inset:.7rem .7rem auto auto}html[data-theme=brutal] .course-card:after{content:"BUKA →"}@supports (view-transition-name:none){@media (prefers-reduced-motion:no-preference){html[data-theme=brutal]::view-transition-old(root){animation:none}html[data-theme=brutal]::view-transition-new(root){animation:.5s cubic-bezier(.7,0,.2,1) both nb-wipe}@keyframes nb-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}}}html[data-theme=brutal] .nav-trigger{border:2.5px solid #0000}html[data-theme=brutal] .nav-menu-panel{background:var(--nb-paper);border:var(--nb-border) solid var(--nb-line);box-shadow:6px 6px 0 var(--nb-line);border-radius:12px;padding:.4rem}html[data-theme=brutal] .nav-menu-item{border:2.5px solid #0000;border-radius:9px}html[data-theme=brutal] .nav-menu-item:hover,html[data-theme=brutal] .nav-menu-item:focus-visible{background:var(--nb-yellow);border-color:var(--nb-line)}html[data-theme=brutal] .nav-menu-item:hover .nav-menu-title,html[data-theme=brutal] .nav-menu-item:hover .nav-menu-desc{color:#111}html[data-theme=brutal] .nav-menu-title{font-weight:800}html[data-theme=brutal] .nav-menu-desc{color:var(--fx-muted);font-weight:600}html[data-theme=brutal] .nav-menu-item.is-active{background:var(--nb-pink);border-color:var(--nb-line)}html[data-theme=brutal] .nav-menu-item.is-active .nav-menu-title,html[data-theme=brutal] .nav-menu-item.is-active .nav-menu-desc{color:#111}html[data-theme=brutal] .nav-mobile-group{color:var(--fx-ink);font-family:var(--font-mono)}.nb-empty{text-align:center;background:var(--nb-paper);border:var(--nb-border) dashed var(--nb-line);border-radius:18px;padding:3rem 1.25rem}.nb-empty-art{width:9.5rem;height:9.5rem;transform:rotate(var(--nb-r,-3deg));filter:drop-shadow(5px 5px 0 var(--nb-line));margin:0 auto 1.25rem}.nb-cmdk-art{width:8rem;height:8rem;filter:drop-shadow(4px 4px 0 var(--nb-line));margin:1.5rem auto .25rem}html[data-theme=brutal] .fx-badge[data-type]{color:#111;border-color:var(--nb-line)}html[data-theme=brutal] .fx-badge[data-type=Artikel]{background:var(--nb-blue)}html[data-theme=brutal] .fx-badge[data-type=Project]{background:var(--nb-pink)}html[data-theme=brutal] .fx-badge[data-type=Mata\ Kuliah]{background:var(--nb-yellow)}html[data-theme=brutal] .fx-badge[data-type=Musik]{background:var(--nb-mint)}html[data-theme=brutal] .fx-badge[data-type=Publikasi]{background:var(--nb-violet)}.nb-footer-ribbon{border-bottom:4px solid #111;height:18px;display:flex}.nb-footer-ribbon i{flex:1;display:block}.nb-footer-ribbon i:first-child{background:var(--nb-pink)}.nb-footer-ribbon i:nth-child(2){background:var(--nb-yellow)}.nb-footer-ribbon i:nth-child(3){background:var(--nb-blue)}.nb-footer-ribbon i:nth-child(4){background:var(--nb-mint)}.nb-footer-cta{color:#fff4d6;border-bottom:3px solid #fff4d64d;flex-wrap:wrap;align-items:center;gap:2rem 3rem;padding-bottom:2.5rem;display:flex}.nb-footer-art{gap:1rem;display:flex}.nb-footer-art span{width:5.5rem;height:5.5rem;display:block}.nb-footer-art span:first-child{transform:rotate(-6deg)}.nb-footer-art span:nth-child(3){transform:rotate(6deg)}.nb-footer-art .nb-illus [stroke=\#111]{stroke:#fff4d6}html[data-theme=brutal] .to-top{border-radius:14px;width:3.4rem;height:3.4rem}html[data-theme=brutal] .to-top svg{stroke-width:3px;width:1.4rem;height:1.4rem}html[data-theme=brutal] footer .motion-toggle{color:var(--fx-faint)}html[data-theme=brutal] footer .motion-toggle:hover{color:var(--nb-yellow)}.nb-page-art--custom{filter:none}@media (width<=640px){.nb-footer-art span{width:4rem;height:4rem}}@media (width>=640px){html[data-theme=brutal] footer .mt-12.pt-6{padding-right:4.5rem}}.nb-owl{width:100%;height:auto;display:block;overflow:visible}.nb-owl-card{width:8.8rem;margin-bottom:-.2rem}.nb-role .nb-role-art{width:9rem;height:9.6rem}.nb-role:hover .nb-role-art{transform:rotate(-4deg)scale(1.05)}.owl-pupils{transform:translate(var(--ox,0px), var(--oy,0px));transition:transform 90ms ease-out}.owl-blink{transform-box:fill-box;transform-origin:50%;animation:6s infinite owl-blink}@keyframes owl-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.nb-brain-wrap{padding-top:6.8rem;position:relative}.nb-brain-wrap>.nb-window{z-index:1;position:relative}.nb-owl-peek{z-index:0;pointer-events:none;width:9.2rem;position:absolute;top:0;right:1.6rem}.nb-owl-hello{position:absolute;top:.6rem;left:-4.2rem}@media (width<=640px){.nb-brain-wrap{padding-top:5.4rem}.nb-owl-peek{width:7rem;right:1rem}.nb-owl-hello{left:-3.4rem}}.nb-page-art--owl{filter:none;width:12rem;height:auto}.nb-empty-owl{width:11rem;transform:rotate(var(--nb-r,-3deg));margin:0 auto 1.1rem}.nb-footer-owl{--owl-blob-stroke:#fff4d6;--owl-zzz:#fff4d6;flex:none;width:9.5rem}@media (width<=640px){.nb-footer-owl{width:7.5rem}}.nb-owl--sleep{transform-origin:50% 90%;animation:3.4s ease-in-out infinite owl-breathe}@keyframes owl-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035,1.05)}}.nb-role:hover .nb-owl,.course-card:hover .nb-owl{animation:.5s ease-out owl-hop}@keyframes owl-hop{0%{transform:translateY(0)}35%{transform:translateY(-10px)rotate(-3deg)}70%{transform:translateY(0)rotate(2deg)}to{transform:none}}.nb-success-owl{flex:none;width:4.6rem;margin:-.2rem 0 -.4rem}.nb-owl-bubble{z-index:3;background:var(--nb-paper);max-width:9.5rem;color:var(--fx-ink);border:3px solid var(--nb-line);box-shadow:3px 3px 0 var(--nb-line);text-align:center;white-space:normal;border-radius:14px;padding:.35rem .7rem;font-size:.74rem;font-weight:800;line-height:1.25;position:absolute;top:-.2rem;left:-3.6rem;transform:rotate(-4deg)}.nb-owl-bubble:after{content:"";background:var(--nb-paper);border-right:3px solid var(--nb-line);border-bottom:3px solid var(--nb-line);width:.75rem;height:.75rem;position:absolute;bottom:-.5rem;right:.9rem;transform:rotate(45deg)}.nb-footer-owl{position:relative}.nb-footer-owl .nb-owl-bubble{color:#111;box-shadow:3px 3px 0 var(--nb-pink);background:#fff4d6;border-color:#111;top:-.4rem;left:auto;right:-5.4rem}.nb-footer-owl .nb-owl-bubble:after{background:#fff4d6;border-color:#111}button.nb-owl-peek{pointer-events:auto;cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:0;padding:0}button.nb-owl-peek:focus-visible{outline:3px solid var(--nb-line);outline-offset:4px;border-radius:16px}.nb-owl-peek.is-talk .nb-owl-hello{animation:.35s ease-out owl-pop}.nb-owl-peek:hover .nb-owl-hello{transform:rotate(0)scale(1.05)}.nb-owl-hello{text-transform:none;letter-spacing:0;white-space:normal;text-align:center;width:max-content;max-width:11rem;font-size:.78rem;line-height:1.2;transition:transform .15s;left:-8.2rem}@keyframes owl-pop{0%{transform:rotate(6deg)scale(.7)}60%{transform:rotate(6deg)scale(1.12)}to{transform:rotate(6deg)scale(1)}}@media (width<=640px){.nb-owl-hello{max-width:8rem;left:-6.2rem}}.nb-thanks{justify-content:center;margin-top:3rem;display:flex}.nb-thanks-owl{width:10rem;position:relative}.nb-thanks-owl .nb-owl-bubble{max-width:8.5rem;top:-.4rem;left:auto;right:-7rem}@media (width<=640px){.nb-owl-bubble{max-width:7.5rem;left:-1rem}.nb-thanks-owl .nb-owl-bubble{right:-4.5rem}.nb-footer-owl .nb-owl-bubble{right:-3.5rem}}