/*===============================
/templates/ja_magz_ii/css/layouts/docs.css
================================================================================*/
.docs-section{margin-bottom:60px;margin-top:30px;font-size:14px}.docs-section .page-header{border-bottom:0;margin-bottom:40px;padding-bottom:0;text-align:center}.docs-section .page-header h1{font-size:36px;font-weight:700;color:#d7d9db;margin:0;line-height:normal}.docs-section h2.sub-title{font-size:24px;font-weight:700;font-family:"PT Serif","Times New Roman",Times,serif;color:#3c3c3c;margin-bottom:20px;margin-top:0}.docs-section .dropdown-menu{border:0;padding:10px 0}.docs-section .dropdown-menu li{padding:0 10px}.docs-section .tags{text-align:center}.example-type h1,.example-type h2,.example-type h3,.example-type h4,.example-type h5,.example-type h6{margin:20px 0;font-weight:100}.example-colors .swatch-item{width:100%;min-height:100px;position:relative;background:#3c3c3c;color:#ffffff;margin-bottom:20px}@media (min-width:1200px){.example-colors .swatch-item{min-height:123px}}.example-colors .swatch-item dl{width:100%;position:absolute;bottom:0;padding:20px;margin:0}.example-colors .color-brand-primary{background:#00bfe6}.example-colors .color-brand-secondary{background:#428bca}.example-colors .color-brand-success{background:#5cb85c}.example-colors .color-brand-danger{background:#d9534f}.example-colors .color-brand-warning{background:#f0ad4e}.example-colors .color-brand-info{background:#5bc0de}.example-colors .color-gray-darker{background:#262626}.example-colors .color-gray-dark{background:#3c3c3c}.example-colors .color-gray{background:#555555}.example-colors .color-gray-light{background:#999999;color:#3c3c3c}.example-colors .color-gray-lighter{background:#eaeaea;color:#3c3c3c}.example-colors .color-gray-lightest{background:#f7f7f7;color:#3c3c3c}.example-inputs .form-control{box-shadow:none;width:100%;margin-bottom:20px}.example-inputs ul{padding:0;list-style:none}@media screen and (min-width:768px){.example-inputs ul li{float:left;width:30%;padding-right:20px}}.example-button .btn{margin:0 10px 10px 0}@media screen and (min-width:768px){.example-button .btn{width:30%}}


/*===============================
https://sworacle.com/media/mod_sw_homepage/css/homepage.css
================================================================================*/
:root{--clr-orange:#e85d04;--clr-amber:#f48c06;--clr-purple:#7c3aed;--clr-purple-dk:#2d0a6e;--clr-dark:#0a0118;--clr-white:#ffffff;--clr-off-white:#e8e4dc;--player-h:72px;--topbar-h:52px;--inner-header-h:52px;--sidebar-left-w:240px;--sidebar-right-w:268px;--gap:28px;--container:1280px;--text-shadow-sm:0 1px 4px rgba(0,0,0,.75);--text-shadow-md:0 2px 8px rgba(0,0,0,.85),0 4px 24px rgba(0,0,0,.6);--text-shadow-lg:0 2px 12px rgba(0,0,0,.95),0 6px 32px rgba(0,0,0,.7)} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px} body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:var(--clr-off-white);min-height:100vh}ul{list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer} body{padding-top:var(--topbar-h)}body.page-inner{padding-top:var(--inner-header-h,52px)}body.has-player{padding-bottom:var(--player-h)} .metro-container{max-width:var(--container);margin:0 auto;padding:0 24px} .metro-bg{position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center center;background-repeat:no-repeat; pointer-events:none;  }.metro-bg-default{background:linear-gradient(135deg,#0a0118 0%,#1e0a4a 30%,#0d0d2b 60%,#000510 100%)}.metro-bg-overlay{position:absolute;inset:0;pointer-events:none; background-color:rgba(0,0,0,0.40)}.metro-bg-overlay::after{content:'';display:block;position:absolute;inset:0;background-color:rgba(0,0,0,var(--ov,0.27))} .metro-topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:900;background:rgba(10,1,24,0.96);border-bottom:1px solid rgba(124,58,237,.25);transition:background .3s}.metro-topbar.is-scrolled{background:rgba(6,1,14,.92)}.metro-topbar-inner{max-width:var(--container);margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.metro-topbar-spacer{flex:1}.metro-topbar-home{font-size:.88rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-white);text-shadow:var(--text-shadow-sm);transition:color .2s}.metro-topbar-home:hover{color:var(--clr-amber)}.metro-topbar-modules{flex:1;display:flex;justify-content:center}.metro-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}  .metro-btn-icon{width:15px;height:15px;flex-shrink:0} .metro-login-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border:1.5px solid rgba(232,93,4,.8);border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-white);background:rgba(232,93,4,.22);transition:background .2s,border-color .2s,transform .15s;white-space:nowrap}.metro-login-btn:hover{background:rgba(232,93,4,.4);border-color:var(--clr-orange);transform:translateY(-1px)} .metro-signup-wrap{position:relative}.metro-signup-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border:1.5px solid rgba(124,58,237,.85);border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--clr-white);background:rgba(124,58,237,.28);cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,transform .15s}.metro-signup-btn:hover,.metro-signup-btn[aria-expanded="true"]{background:rgba(124,58,237,.45);border-color:rgba(124,58,237,1);transform:translateY(-1px)} .metro-signup-panel{ position:fixed;top:calc(var(--topbar-h) + 6px); right:24px; width:320px;z-index:1500;background:rgba(10,1,36,.96);border:1px solid rgba(124,58,237,.4);border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.7),0 0 0 1px rgba(124,58,237,.15);padding:20px 16px 16px;animation:signup-panel-in .18s ease both}.metro-signup-panel[hidden]{display:none}@keyframes signup-panel-in{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.metro-signup-heading{font-size:.95rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:0 0 3px;text-align:center}.metro-signup-sub{font-size:.75rem;color:rgba(255,255,255,.5);margin:0 0 14px;text-align:center} .metro-signup-card{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.05);margin-bottom:8px;text-decoration:none;transition:background .18s,border-color .18s,transform .15s;color:var(--clr-white)}.metro-signup-card:hover{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.55);transform:translateX(3px)}.metro-signup-card:last-of-type{margin-bottom:0}.metro-signup-card-icon{font-size:1.4rem;flex-shrink:0;line-height:1}.metro-signup-card-body{flex:1;min-width:0}.metro-signup-card-body strong{display:block;font-size:.82rem;font-weight:700;color:#fff;margin-bottom:2px}.metro-signup-card-body small{display:block;font-size:.72rem;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metro-signup-card-arrow{font-size:1.1rem;color:rgba(255,255,255,.35);flex-shrink:0;transition:color .15s,transform .15s}.metro-signup-card:hover .metro-signup-card-arrow{color:rgba(124,58,237,.9);transform:translateX(3px)} .metro-signup-already{text-align:center;font-size:.74rem;color:rgba(255,255,255,.4);margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.metro-signup-already a{color:var(--clr-orange);font-weight:700;border-bottom:1px solid transparent;transition:border-color .15s}.metro-signup-already a:hover{border-bottom-color:var(--clr-orange)} .metro-create-account-link{display:block;text-align:center;margin-top:18px;padding-top:14px;border-top:1px solid rgba(124,58,237,.25);font-size:.85rem;color:rgba(255,255,255,.6)}.metro-create-account-link a{color:var(--clr-purple-light,#a78bfa);font-weight:700;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.metro-create-account-link a:hover{border-bottom-color:currentColor}.metro-user-widget{display:flex;align-items:center;gap:12px}.metro-user-name{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--clr-off-white);text-decoration:none;transition:color .2s}.metro-user-name:hover{color:var(--clr-amber)}.metro-logout-btn{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--clr-orange);border-bottom:1px solid transparent;transition:border-color .2s}.metro-logout-btn:hover{border-bottom-color:var(--clr-orange)} .metro-home-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 24px}.metro-home-inner{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:680px;text-align:center}.metro-home-brand{display:flex;flex-direction:column;align-items:center;gap:6px}.metro-home-title{font-size:clamp(1.8rem,5vw,3.2rem);font-weight:900;letter-spacing:.04em;color:var(--clr-white);text-shadow:var(--text-shadow-lg);line-height:1.1}.metro-home-tagline{font-size:clamp(.85rem,2vw,1.05rem);color:rgba(255,255,255,.78);letter-spacing:.06em;text-shadow:var(--text-shadow-md)} .metro-orb-desktop{width:clamp(165px,24vw,315px);height:clamp(165px,24vw,315px)}.metro-orb-mobile{display:none;width:300px;height:300px;border-radius:50%;overflow:hidden}@media (max-width:640px){.metro-orb-desktop{display:none}.metro-orb-mobile{display:block}}.metro-orb{position:relative;flex-shrink:0}.metro-orb > *{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.orb-ring{border:0 solid transparent}.orb-ring-1{width:84%;height:84%;border-width:2.5px;border-top-color:rgba(232,93,4,.95);border-right-color:rgba(232,93,4,.5);border-bottom-color:rgba(232,93,4,.1);animation:orb-spin-cw 5s linear infinite}.orb-ring-2{width:97%;height:97%;border-width:2px;border-bottom-color:rgba(124,58,237,.9);border-left-color:rgba(124,58,237,.45);animation:orb-spin-ccw 9s linear infinite}.orb-ring-3{width:112%;height:112%;border-width:1.5px;border-top-color:rgba(255,215,0,.6);border-right-color:rgba(255,215,0,.25);border-left-color:rgba(255,215,0,.15);animation:orb-spin-cw 14s linear infinite}.orb-sphere{width:73%;height:73%;background:radial-gradient(circle at 34% 32%,#fff 0%,#fff5d6 5%,#ffd700 10%,#f48c06 21%,#7c3aed 45%,#2d0a6e 67%,#0a0118 85%,#000 100%);box-shadow:0 0 40px 8px rgba(124,58,237,.55),0 0 80px 16px rgba(232,93,4,.28),0 0 140px 24px rgba(124,58,237,.15),inset 0 0 28px rgba(0,0,0,.5);animation:orb-breathe 4s ease-in-out infinite;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.orb-sphere > *{position:absolute;border-radius:50%}.orb-specular{top:10%;left:13%;width:28%;height:28%;background:radial-gradient(circle,rgba(255,255,255,.62) 0%,transparent 100%);filter:blur(6px)}.orb-swirl{top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient( from 0deg at 38% 32%,rgba(255,215,0,.55) 0deg,rgba(232,93,4,.75) 50deg,rgba(124,58,237,.85) 125deg,rgba(45,10,110,.45) 200deg,rgba(232,93,4,.60) 268deg,rgba(255,215,0,.50) 325deg,rgba(124,58,237,.65) 360deg );mix-blend-mode:screen;animation:orb-swirl-rotate 22s linear infinite}.orb-core{top:50%;left:50%;transform:translate(-50%,-50%);width:26%;height:26%;background:radial-gradient(circle,#fff 0%,#ffd700 35%,rgba(244,140,6,.6) 75%,transparent 100%);filter:blur(4px);animation:orb-core-pulse 2s ease-in-out infinite}.orb-twinkle{width:4px;height:4px;background:#fff;box-shadow:0 0 6px 2px rgba(255,255,255,.9),0 0 12px 4px rgba(255,215,0,.5);animation:orb-twinkle-anim 2s ease-in-out infinite}.t1{top:17%;left:48%;animation-delay:0.0s}.t2{top:28%;left:73%;animation-delay:0.3s;width:3px;height:3px}.t3{top:51%;left:80%;animation-delay:0.6s}.t4{top:70%;left:62%;animation-delay:0.9s;width:3px;height:3px}.t5{top:74%;left:36%;animation-delay:1.2s}.t6{top:56%;left:20%;animation-delay:1.5s;width:3px;height:3px}.t7{top:35%;left:18%;animation-delay:1.8s}.t8{top:20%;left:30%;animation-delay:2.2s;width:3px;height:3px}.t9{top:44%;left:55%;animation-delay:0.5s;width:5px;height:5px}.t10{top:62%;left:47%;animation-delay:1.1s;width:3px;height:3px}@keyframes orb-spin-cw{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orb-spin-ccw{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes orb-swirl-rotate{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orb-breathe{0%,100%{box-shadow:0 0 40px 8px rgba(124,58,237,.55),0 0 80px 16px rgba(232,93,4,.28),inset 0 0 28px rgba(0,0,0,.5)}50%{box-shadow:0 0 60px 12px rgba(124,58,237,.78),0 0 110px 22px rgba(232,93,4,.45),inset 0 0 28px rgba(0,0,0,.5)}}@keyframes orb-core-pulse{0%,100%{opacity:.65;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}}@keyframes orb-twinkle-anim{0%,100%{opacity:0;transform:scale(.2)}45%,55%{opacity:1;transform:scale(1)}} .metro-voice-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;color:rgba(255,255,255,.70);border-radius:50%;transition:color .2s,background .2s,transform .15s;margin-right:4px}.metro-voice-btn:hover{color:#fff;background:rgba(255,255,255,.12);transform:scale(1.08)}.metro-voice-btn svg{width:20px;height:20px;display:block} .metro-voice-btn.is-listening{color:#ff4444;background:rgba(255,68,68,.15);animation:voice-pulse 1.2s ease-in-out infinite}.metro-voice-btn.is-listening .voice-icon-mic{display:none}.metro-voice-btn.is-listening .voice-icon-stop{display:block !important} .metro-voice-btn.is-unsupported{display:none !important}@keyframes voice-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,68,68,.5)}50%{box-shadow:0 0 0 8px rgba(255,68,68,0)}} .metro-voice-status{min-height:0;max-width:620px;width:100%;margin:6px auto 0;text-align:center;font-size:.82rem;letter-spacing:.03em;color:rgba(255,255,255,.9);background:rgba(0,0,0,.90);border-radius:20px;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;opacity:0;pointer-events:none}.metro-voice-status.is-visible{max-height:60px;padding:7px 18px;opacity:1}.metro-voice-status.is-nav{color:#ffd700}.metro-voice-status.is-search{color:#90d4ff}.metro-voice-status.is-error{color:#ff8888} .metro-search-wrap{width:100%;max-width:620px}.metro-search-box{display:flex;align-items:center;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 4px 20px rgba(0,0,0,.35);transition:border-color .25s,background .25s,box-shadow .25s}.metro-search-box:focus-within{border-color:rgba(232,93,4,.9);background:rgba(255,255,255,.2);box-shadow:0 4px 28px rgba(232,93,4,.3),0 0 0 3px rgba(232,93,4,.15)}.metro-search-ico{width:20px;height:20px;flex-shrink:0;color:rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center}.metro-search-ico svg{width:100%;height:100%}.metro-search-input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:#fff;padding:8px 10px;min-width:0;caret-color:var(--clr-orange)}.metro-search-input::placeholder{color:rgba(255,255,255,.5)}.metro-search-btn{background:var(--clr-orange);border:none;border-radius:999px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0;transition:background .2s,transform .15s}.metro-search-btn:hover{background:#c94f02;transform:scale(1.05)} .metro-nav-list{display:flex;align-items:center;flex-wrap:wrap;gap:3px 1px}.metro-home-nav .metro-nav-list{justify-content:center}.metro-nav-link{display:block;padding:6px 14px;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.85);text-shadow:var(--text-shadow-sm);border-radius:999px;border:1px solid transparent;transition:color .2s,background .2s,border-color .2s;white-space:nowrap}.metro-nav-link:hover,.metro-nav-item.is-active .metro-nav-link{color:#fff;background:rgba(232,93,4,.25);border-color:rgba(232,93,4,.6);text-shadow:0 0 10px rgba(232,93,4,.5),var(--text-shadow-sm)} .metro-menu-pos{display:flex;flex-wrap:wrap;gap:4px;justify-content:center} .metro-menu-pos ul{display:flex;flex-wrap:wrap;gap:3px 1px}.metro-menu-pos ul li a,.metro-menu-pos ul li span.separator{display:block;padding:6px 14px;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.85);text-shadow:var(--text-shadow-sm);border-radius:999px;border:1px solid transparent;transition:color .2s,background .2s,border-color .2s;white-space:nowrap}.metro-menu-pos ul li a:hover,.metro-menu-pos ul li.current a,.metro-metro-menu-pos ul li.active a{color:#fff;background:rgba(232,93,4,.25);border-color:rgba(232,93,4,.6)}.metro-inner-menu-pos{justify-content:flex-start} .metro-nav-caret{font-size:.55rem;margin-left:5px;opacity:.65;transition:transform .2s;display:inline-block;vertical-align:middle}.has-dropdown:hover > .metro-nav-toggle .metro-nav-caret,.has-dropdown.is-open > .metro-nav-toggle .metro-nav-caret{transform:rotate(180deg)}.metro-nav-toggle{background:none;border:none;cursor:pointer;padding:6px 14px;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.85);text-shadow:var(--text-shadow-sm);border-radius:999px;border:1px solid transparent;transition:color .2s,background .2s,border-color .2s;white-space:nowrap;display:inline-flex;align-items:center;font-family:inherit}.metro-nav-toggle:hover,.has-dropdown.is-active .metro-nav-toggle{color:#fff;background:rgba(232,93,4,.25);border-color:rgba(232,93,4,.6);text-shadow:0 0 10px rgba(232,93,4,.5),var(--text-shadow-sm)}.has-dropdown{position:relative}.metro-nav-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:190px;background:rgba(10,1,36,.97);border:1px solid rgba(124,58,237,.4);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.7);padding:6px 0;z-index:600;list-style:none;margin:0;animation:dd-in .15s ease both} .has-dropdown > .metro-nav-dropdown::before{content:'';position:absolute;top:-10px; left:-12px;right:-12px;height:10px; }@keyframes dd-in{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (min-width:769px){.has-dropdown:hover > .metro-nav-dropdown,.has-dropdown:focus-within > .metro-nav-dropdown{display:block}}.has-dropdown.is-open > .metro-nav-dropdown{display:block}.metro-nav-dropdown-item{list-style:none}.metro-nav-dropdown-link{display:block;padding:9px 20px;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.82);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.metro-nav-dropdown-link:hover,.metro-nav-dropdown-item.is-active .metro-nav-dropdown-link{background:rgba(124,58,237,.25);color:#fff}.metro-nav-dropdown-item:first-child .metro-nav-dropdown-link{border-radius:8px 8px 0 0}.metro-nav-dropdown-item:last-child .metro-nav-dropdown-link{border-radius:0 0 8px 8px}@media (max-width:768px){.metro-nav-dropdown{position:static;transform:none;min-width:unset;width:100%;border:none;border-radius:0;background:rgba(0,0,0,.3);box-shadow:none;backdrop-filter:none;animation:none;padding:2px 0 6px;border-left:2px solid rgba(124,58,237,.45);margin:2px 0 4px 10px}.metro-nav-dropdown-link{padding:8px 14px;font-size:.78rem}}  .metro-inner-header-row{display:flex;align-items:center;gap:20px} .metro-inner-logo{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--clr-white);white-space:nowrap;flex-shrink:0;text-shadow:var(--text-shadow-sm);text-decoration:none;transition:color .2s;padding:4px 0;border-right:1px solid rgba(124,58,237,.35);padding-right:20px}.metro-inner-logo:hover{color:var(--clr-amber)} .metro-inner-nav,.metro-inner-menu-pos{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:0} .metro-inner-header{ background:rgba(8,1,20,0.97);border-bottom:1px solid rgba(124,58,237,.2);padding:10px 0;position:sticky;top:var(--topbar-h);z-index:800}body.page-inner .metro-inner-header{position:fixed;top:0;z-index:900}.metro-inner-header .metro-nav-link{font-size:.72rem}.metro-inner-header .metro-topbar-right{margin-left:auto;flex-shrink:0}.metro-hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;padding:4px}.metro-hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s}.metro-hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.metro-hamburger.is-open span:nth-child(2){opacity:0}.metro-hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .metro-section{width:100%;padding:48px 0} .page-home .metro-section-1{background:rgba(10,1,24,.68);border-top:1px solid rgba(124,58,237,.25);border-bottom:1px solid rgba(232,93,4,.15)}.page-home .metro-section-2{background:rgba(5,0,15,.60);border-bottom:1px solid rgba(124,58,237,.2)} .page-inner .metro-section-1{background:#f3f0ff;border-top:3px solid var(--clr-orange);color:#1a0a4a}.page-inner .metro-section-1 *{color:inherit}.page-inner .metro-section-2{background:#f8f7ff;border-top:1px solid #e2daff;color:#1a202c}.page-inner .metro-section-2 *{color:inherit} .metro-section h2,.metro-section h3{font-weight:800;margin-bottom:14px;line-height:1.2}.page-home .metro-section h2,.page-home .metro-section h3{color:var(--clr-white);text-shadow:var(--text-shadow-md)}  .metro-body-home{padding:48px 0;background:rgba(4,0,12,.78);border-top:1px solid rgba(232,93,4,.2)}.metro-body-home *{color:var(--clr-white)} .metro-body-modules{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e3ff} .metro-inner-main{padding:36px 0 60px;background:#f8f7ff;min-height:55vh;color:#1a202c} .metro-main-layout{display:grid;gap:var(--gap);grid-template-columns:1fr;grid-template-areas:"body"}.metro-col-body{grid-area:body;min-width:0}.metro-col-left{grid-area:left;min-width:0}.metro-col-right{grid-area:right;min-width:0} .has-left.no-right .metro-main-layout{grid-template-columns:var(--sidebar-left-w) 1fr;grid-template-areas:"left body"} .no-left.has-right .metro-main-layout{grid-template-columns:1fr var(--sidebar-right-w);grid-template-areas:"body right"} .has-left.has-right .metro-main-layout{grid-template-columns:var(--sidebar-left-w) 1fr var(--sidebar-right-w);grid-template-areas:"left body right"} .metro-col-left,.metro-col-right{font-size:.88rem;color:#374151}.metro-col-right .metro-sidebar-right-top{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(232,93,4,.25)} .metro-col-left .moduletable,.metro-col-right .moduletable{background:#fff;border:1px solid #e5e3ff;border-radius:10px;overflow:hidden;margin-bottom:20px}.metro-col-left .module-title,.metro-col-right .module-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-orange);padding:12px 16px 10px;border-bottom:1px solid rgba(232,93,4,.15);background:rgba(232,93,4,.04)}.metro-col-left .moduletable > *:not(.module-title),.metro-col-right .moduletable > *:not(.module-title){padding:14px 16px} .metro-component{background:#fff;border-radius:10px;padding:28px 32px;box-shadow:0 1px 8px rgba(0,0,0,.06)}.metro-component h1,.metro-component h2,.metro-component h3{color:#1a0a4a;font-weight:800;margin-bottom:.5em}.metro-component p{line-height:1.75;margin-bottom:1em;color:#374151}.metro-component a{color:var(--clr-purple)}.metro-component a:hover{color:var(--clr-orange)} .metro-footer{background:#06010e;color:rgba(255,255,255,.65);padding:48px 0 28px;border-top:1px solid rgba(124,58,237,.3)}.metro-footer-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}.metro-footer .moduletable h3,.metro-footer .module-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-orange);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(232,93,4,.25)}.metro-footer .moduletable p,.metro-footer .moduletable li,.metro-footer .moduletable a{color:rgba(255,255,255,.6);font-size:.85rem;line-height:1.7}.metro-footer .moduletable a:hover{color:var(--clr-amber)}.metro-footer-copy{text-align:center;font-size:.75rem;color:rgba(255,255,255,.35)} .metro-player-bar{position:fixed;bottom:0;left:0;right:0;height:var(--player-h);z-index:950;background:rgba(8,2,18,.99);border-top:1px solid rgba(124,58,237,.35);display:flex;align-items:center;padding:0 24px;box-shadow:0 -4px 24px rgba(124,58,237,.2)}.metro-player-bar > *{flex:1;min-width:0} .alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.88rem}.alert-success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.alert-warning{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}.alert-danger,.alert-error{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.alert-info{background:#dbeafe;color:#1e40af;border-left:4px solid #3b82f6} .metro-lm{--lm-bg:rgba(10,1,36,.96);--lm-border:rgba(124,58,237,.35);--lm-orange:#e85d04;--lm-purple:#7c3aed;--lm-gold:#f59e0b;--lm-text:#f0f0f0;--lm-muted:rgba(255,255,255,.5);background:var(--lm-bg);border:1px solid var(--lm-border);border-radius:14px;padding:24px 22px;box-shadow:0 12px 48px rgba(0,0,0,.6);max-width:420px;width:100%;font-family:inherit}.metro-lm-heading{font-size:1.15rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.08em;margin:0 0 18px;text-align:center} .metro-lm-form{display:flex;flex-direction:column;gap:12px}.metro-lm-field{display:flex;flex-direction:column;gap:5px}.metro-lm-label{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.7)}.metro-lm-input{width:100%;padding:10px 14px;background:rgba(0,0,0,.4);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.metro-lm-input:focus{border-color:var(--lm-purple);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.metro-lm-input::placeholder{color:rgba(255,255,255,.3)}.metro-lm-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.metro-lm-remember{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--lm-muted);cursor:pointer}.metro-lm-remember input{accent-color:var(--lm-purple)}.metro-lm-link-sm{font-size:.75rem;color:var(--lm-muted);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}.metro-lm-link-sm:hover{color:var(--lm-gold);border-bottom-color:var(--lm-gold)} .metro-lm-btn{display:block;width:100%;padding:11px;border:none;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:700;text-align:center;text-decoration:none;font-family:inherit;transition:background .2s,transform .15s}.metro-lm-btn-signin{background:var(--lm-orange);color:#fff;margin-top:4px}.metro-lm-btn-signin:hover{background:#c94f02;transform:translateY(-1px);color:#fff} .metro-lm-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--lm-muted);font-size:.72rem}.metro-lm-divider::before,.metro-lm-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}.metro-lm-divider span{white-space:nowrap;text-align:center} .metro-lm-reg-grid{display:flex;flex-direction:column;gap:8px}.metro-lm-reg-card{display:flex;align-items:center;gap:12px;padding:11px 13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;text-decoration:none;color:#fff;transition:background .18s,border-color .18s,transform .15s}.metro-lm-reg-card:hover{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.55);transform:translateX(3px);color:#fff}#mlgn-reg-business:hover{background:rgba(232,93,4,.15);border-color:rgba(232,93,4,.5)}#mlgn-reg-music:hover{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.45)}.metro-lm-reg-icon{font-size:1.35rem;flex-shrink:0;line-height:1}.metro-lm-reg-body{flex:1;min-width:0}.metro-lm-reg-body strong{display:block;font-size:.82rem;font-weight:700;margin-bottom:2px}.metro-lm-reg-body small{display:block;font-size:.7rem;color:rgba(255,255,255,.5)}.metro-lm-reg-arrow{font-size:1.2rem;color:rgba(255,255,255,.3);flex-shrink:0;transition:transform .15s,color .15s}.metro-lm-reg-card:hover .metro-lm-reg-arrow{transform:translateX(3px);color:rgba(255,255,255,.7)} .metro-lm--in{text-align:center}.metro-lm-welcome{font-size:.9rem;color:var(--lm-muted);margin:0 0 16px;line-height:1.6}.metro-lm-welcome strong{color:#fff;font-size:1.05rem;display:block}.metro-lm-user-links{display:flex;flex-direction:column;gap:10px}.metro-lm-btn-profile{background:rgba(124,58,237,.25);color:#fff;border:1px solid rgba(124,58,237,.5)}.metro-lm-btn-profile:hover{background:rgba(124,58,237,.45);color:#fff}.metro-lm-btn-logout{background:rgba(232,93,4,.15);color:rgba(255,255,255,.7);border:1px solid rgba(232,93,4,.35);font-size:.8rem}.metro-lm-btn-logout:hover{background:rgba(232,93,4,.3);color:#fff} .metro-inner-main input[type="text"],.metro-inner-main input[type="email"],.metro-inner-main input[type="password"],.metro-inner-main input[type="search"],.metro-inner-main select,.metro-inner-main textarea{width:100%;padding:9px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#1a202c;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.metro-inner-main input:focus,.metro-inner-main select:focus,.metro-inner-main textarea:focus{border-color:var(--clr-purple);box-shadow:0 0 0 3px rgba(124,58,237,.15)}.metro-inner-main label{display:block;font-size:.82rem;font-weight:600;margin-bottom:5px;color:#374151}.metro-inner-main button[type="submit"],.metro-inner-main .btn-primary{background:var(--clr-orange);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .2s}.metro-inner-main button[type="submit"]:hover{background:#c94f02}  @media (max-width:1024px){:root{--sidebar-right-w:230px;--sidebar-left-w:210px}} @media (max-width:900px){.has-left.has-right .metro-main-layout,.has-left.no-right .metro-main-layout,.no-left.has-right .metro-main-layout{grid-template-columns:1fr;grid-template-areas:"body" "left" "right"}.metro-col-left{order:2}.metro-col-right{order:3}} @media (max-width:768px){.metro-hamburger{display:flex}.metro-nav-list{display:none;flex-direction:column;align-items:flex-start;width:100%;padding:10px 0;gap:2px}.metro-nav-list.is-open{display:flex}.metro-inner-header .metro-nav-link{padding:10px 18px;width:100%;border-radius:6px}.metro-inner-header{padding:8px 0} .metro-inner-header-row{flex-wrap:wrap;align-items:center}.metro-inner-logo{border-right:none;padding-right:0;flex:1}.metro-inner-nav{flex-shrink:0;justify-content:flex-end} .metro-inner-nav .metro-nav-list.is-open{width:100%;flex-basis:100%}} @media (max-width:640px){.metro-home-inner{gap:16px}.metro-orb-mobile{margin:0 auto;width:min(300px,66vw);height:min(300px,66vw)}.metro-search-wrap{max-width:100%}.metro-login-btn,.metro-signup-btn{padding:6px 11px;font-size:.7rem;gap:5px} .metro-section{padding:32px 0}.metro-component{padding:20px 18px}.metro-player-bar{padding:0 12px}.metro-footer-modules{grid-template-columns:1fr;gap:20px}}@media (max-width:400px){.metro-topbar-inner,.metro-container{padding:0 14px}} @media (prefers-reduced-motion:reduce){.orb-ring-1,.orb-ring-2,.orb-ring-3,.orb-sphere,.orb-core,.orb-twinkle,.orb-swirl{animation:none}.orb-twinkle{opacity:.5}.metro-bg{opacity:1 !important;animation:none} }  html:has(body.metro-fullpage){overflow:hidden}body.metro-fullpage{overflow:hidden; } body.metro-fullpage .metro-section-fullpage{padding:10px 0 0 0;margin:0;background:#000;border:none;width:100%; height:calc(100vh - var(--inner-header-h,52px) - 10px);max-width:none;overflow:auto; touch-action:pan-y;-webkit-overflow-scrolling:touch; overscroll-behavior:contain;display:flex;flex-direction:column;position:relative} body.metro-fullpage .metro-section-fullpage > *{flex:1 1 auto;min-height:0; width:100%} body.metro-fullpage .page-inner .metro-section-1{padding:0;background:transparent} body.metro-fullpage .metro-section-fullpage iframe,body.metro-fullpage .metro-section-fullpage .mod-custom,body.metro-fullpage .metro-section-fullpage .custom{width:100%;height:100%;flex:1 1 auto;min-height:0;border:none;display:block} @media (max-width:768px){body.metro-fullpage .metro-section-fullpage{height:calc(100svh - var(--inner-header-h,52px) - 10px);overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}}  .metro-search-wrap{position:relative}.metro-search-results{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:960;background:rgba(8,0,20,.97);border:1px solid rgba(124,58,237,.35);border-radius:14px;overflow:hidden;box-shadow:0 12px 48px rgba(0,0,0,.6),0 0 0 1px rgba(124,58,237,.12);max-height:72vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.4) transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:srFadeIn .15s ease}.metro-search-results.is-open{display:block}@keyframes srFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}} .metro-sr-loading{display:flex;align-items:center;gap:10px;padding:20px 18px;color:rgba(255,255,255,.55);font-size:.88rem}.metro-sr-spinner{width:16px;height:16px;border:2px solid rgba(124,58,237,.3);border-top-color:#7c3aed;border-radius:50%;animation:srSpin .7s linear infinite;flex-shrink:0}@keyframes srSpin{to{transform:rotate(360deg)}} .metro-sr-empty{padding:22px 18px;text-align:center;color:rgba(255,255,255,.45);font-size:.88rem;line-height:1.5}.metro-sr-empty-icon{display:block;font-size:1.5rem;margin-bottom:6px} .metro-sr-list{padding:8px 0 0}.metro-sr-item{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;text-decoration:none;color:inherit;transition:background .12s;border-bottom:1px solid rgba(255,255,255,.05)}.metro-sr-item:last-child{border-bottom:none}.metro-sr-item:hover,.metro-sr-item:focus{background:rgba(124,58,237,.12);outline:none} .metro-sr-thumb{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,.05)}.metro-sr-icon{display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.2)} .metro-sr-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;padding-top:1px}.metro-sr-badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a78bfa;margin-bottom:1px}.metro-sr-title{font-size:.92rem;font-weight:600;color:rgba(255,255,255,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metro-sr-sub{font-size:.76rem;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metro-sr-excerpt{font-size:.75rem;color:rgba(255,255,255,.38);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px} .metro-sr-footer{padding:9px 16px;font-size:.73rem;color:rgba(255,255,255,.35);border-top:1px solid rgba(255,255,255,.06);text-align:right}.metro-sr-footer strong{color:rgba(255,255,255,.55)} @media (max-width:600px){.metro-search-results{border-radius:10px;max-height:60vh}.metro-sr-item{padding:9px 12px;gap:9px}.metro-sr-thumb{width:38px;height:38px}.metro-sr-title{font-size:.86rem}} .metro-search-wrap{position:relative}.metro-search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0f1526;border:1px solid rgba(233,69,96,.35);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.55),0 4px 16px rgba(233,69,96,.12);z-index:9999;max-height:70vh;overflow-y:auto;animation:msdSlideIn .18s cubic-bezier(.22,.61,.36,1)}@keyframes msdSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}} .metro-search-dropdown::-webkit-scrollbar{width:4px}.metro-search-dropdown::-webkit-scrollbar-track{background:transparent}.metro-search-dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px} .msd-group{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.msd-group:last-of-type{border-bottom:none}.msd-group-header{display:flex;align-items:center;gap:.45rem;padding:.45rem 1rem .2rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4)}.msd-group-icon{font-size:1rem} .msd-item{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;text-decoration:none !important;color:rgba(255,255,255,.88) !important;transition:background .12s;cursor:pointer}.msd-item:hover,.msd-item.msd-item-active{background:rgba(233,69,96,.12);color:#fff !important}.msd-item:hover .msd-title,.msd-item.msd-item-active .msd-title{color:#fff} .msd-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.1);flex-shrink:0;display:block}.msd-thumb-empty{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);font-size:1.1rem;color:rgba(255,255,255,.4)} .msd-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.msd-title{font-size:.9rem;font-weight:600;color:rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.msd-sub{font-size:.75rem;color:#e94560;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msd-excerpt{font-size:.75rem;color:rgba(255,255,255,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msd-highlight{background:rgba(233,69,96,.25);color:#ff7b93;border-radius:2px;padding:0 1px} .msd-footer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.82rem;color:rgba(255,255,255,.5) !important;text-decoration:none !important;border-top:1px solid rgba(255,255,255,.06);transition:background .12s,color .12s}.msd-footer:hover{background:rgba(255,255,255,.05);color:rgba(255,255,255,.8) !important}.msd-footer strong{color:rgba(255,255,255,.75)} .msd-loading,.msd-no-results{display:flex;align-items:center;gap:.6rem;padding:1rem;color:rgba(255,255,255,.45);font-size:.85rem}.msd-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.15);border-top-color:#e94560;border-radius:50%;animation:msdSpin .6s linear infinite}@keyframes msdSpin{to{transform:rotate(360deg)}} @media (max-width:600px){.metro-search-dropdown{border-radius:12px}.msd-item{padding:.5rem .75rem;gap:.5rem}.msd-thumb{width:32px;height:32px;border-radius:6px}.msd-title{font-size:.85rem}} .msd-browse-all{margin-left:auto;font-size:.68rem;font-weight:700;color:rgba(233,69,96,.75) !important;text-decoration:none !important;letter-spacing:.04em;padding:.1em .5em;border:1px solid rgba(233,69,96,.3);border-radius:50px;transition:color .12s,border-color .12s;white-space:nowrap}.msd-browse-all:hover{color:#e94560 !important;border-color:rgba(233,69,96,.6)}