@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Zen+Old+Mincho:wght@400;700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--frieren-sage: #57775C;--frieren-sky: #495C91;--frieren-mist: #222831;--frieren-earth: #7C7163;--frieren-twilight: #AABDD6;--frieren-gold: #C8AB5E;--frieren-shadow: rgba(34, 40, 49, .4);--frieren-glow: rgba(200, 171, 94, .3)}._Navbar_jklhi_12{display:flex;align-items:center;justify-content:space-between;padding:25px 4%;width:100%;box-sizing:border-box;background:#1a1f28cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(200,171,94,.3);box-shadow:0 2px 20px #0000004d;position:relative;z-index:100}._Navbar_jklhi_12:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--frieren-gold),transparent);opacity:.5}._Logo_jklhi_38{display:flex;align-items:center;text-decoration:none;background:transparent;border-radius:8px;padding:5px}._singleLogo_jklhi_47{height:95px;transition:transform .4s ease;background:transparent;mix-blend-mode:screen;image-rendering:-webkit-optimize-contrast;display:block;filter:drop-shadow(0 0 8px rgba(200,171,94,.5))}._Logo_jklhi_38:hover ._singleLogo_jklhi_47{transform:scale(1.1)}._AppHeader_jklhi_61{display:flex;align-items:center;gap:40px;list-style:none;padding:0;margin:0}._AppLinkHorizontal_jklhi_70{font-family:Zen Old Mincho,serif;font-size:1rem;color:var(--frieren-twilight);text-decoration:none;position:relative;padding:5px 0;transition:color .3s ease;letter-spacing:.05em}._AppLinkHorizontal_jklhi_70:hover{color:var(--frieren-gold);text-shadow:0 0 8px var(--frieren-glow)}._AppLinkHorizontal_jklhi_70:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--frieren-gold),transparent);box-shadow:0 0 10px var(--frieren-glow);transition:width .3s ease}._AppLinkHorizontal_jklhi_70:hover:after{width:100%}._hamburger_jklhi_103{display:none;z-index:1001}._AppHeaderVertical_jklhi_108{display:flex;flex-direction:column;position:fixed;top:80px;right:20px;width:180px;background:#1a1f28f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--frieren-gold);border-radius:12px;box-shadow:0 8px 25px var(--frieren-shadow),0 0 20px #c8ab5e33;z-index:1000;padding:10px;opacity:0;visibility:hidden;transform:translateY(-15px);transition:opacity .3s ease,transform .3s ease,visibility .3s}._AppHeaderVertical_jklhi_108._open_jklhi_128{opacity:1;visibility:visible;transform:translateY(0)}._AppLinkVertical_jklhi_134{color:var(--frieren-twilight);font-family:Space Mono,monospace;font-size:1rem;padding:12px 15px;text-align:center;text-decoration:none;border-radius:8px;transition:color .3s ease,background-color .3s ease}._AppLinkVertical_jklhi_134:hover{color:var(--frieren-gold);background-color:#0003}@media screen and (max-width: 690px){._Navbar_jklhi_12{padding:20px 5%}._hamburger_jklhi_103{display:block}._AppHeader_jklhi_61{display:none}}@media screen and (min-width: 691px){._AppHeaderVertical_jklhi_108{display:none!important}}@media screen and (max-width: 500px){._Navbar_jklhi_12{padding:15px 4%}._singleLogo_jklhi_47{height:50px}._AppHeaderVertical_jklhi_108{top:65px;right:10px;left:10px;width:calc(100% - 20px);max-width:300px}._AppLinkVertical_jklhi_134{padding:14px 15px;font-size:.95rem}._hamburger_jklhi_103{transform:scale(.9)}}:root{--frieren-gold: #c8ab5e;--frieren-gold-bright: #f0dca0;--frieren-twilight: #aabdd6;--frieren-sage: #57775c;--frieren-sky: #495c91;--frieren-glow: rgba(200, 171, 94, .6);--frieren-mist: #10131a}.frieren-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;overflow:hidden;opacity:0;visibility:hidden}.frieren-transition-overlay.active{opacity:1;visibility:visible}.grimoire-veil{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(73,92,145,.28) 0%,transparent 55%),radial-gradient(circle at 22% 30%,rgba(200,171,94,.12) 0%,transparent 45%),radial-gradient(circle at 78% 72%,rgba(170,189,214,.12) 0%,transparent 45%),#10131ab8;backdrop-filter:blur(3px) saturate(1.05);-webkit-backdrop-filter:blur(3px) saturate(1.05)}.active .grimoire-veil{animation:veilFade var(--dur, 1.8s) ease-in-out forwards}@keyframes veilFade{0%{opacity:0}22%{opacity:1}70%{opacity:1}to{opacity:0}}.sigil-stage{position:absolute;top:50%;left:50%;width:min(78vmin,620px);height:min(78vmin,620px);transform:translate(-50%,-50%)}.sigil-svg{width:100%;height:100%;overflow:visible;transform-origin:50% 50%}.active .sigil-svg{animation:sigilEnvelope 1.8s cubic-bezier(.22,1,.36,1) forwards}@keyframes sigilEnvelope{0%{opacity:0;transform:scale(.62) rotate(-8deg)}14%{opacity:1}48%{transform:scale(1) rotate(0)}62%{transform:scale(1.04) rotate(2deg)}78%{opacity:1}to{opacity:0;transform:scale(1.5) rotate(10deg)}}.sigil-layer{transform-origin:200px 200px}.active .rot-cw{animation:spinCW 9s linear infinite}.active .rot-ccw{animation:spinCCW 7s linear infinite}.active .rot-cw-slow{animation:spinCW 14s linear infinite}@keyframes spinCW{to{transform:rotate(360deg)}}@keyframes spinCCW{to{transform:rotate(-360deg)}}.sigil-stroke{fill:none;stroke:var(--frieren-gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sigil-stroke.dashed{stroke-dasharray:2 6;stroke:var(--frieren-twilight);opacity:.85}.sigil-stroke.star{stroke-width:1.6;stroke:var(--frieren-gold-bright)}.sigil-stroke.faint{stroke:var(--frieren-twilight);opacity:.55}.draw{opacity:0;transform-box:fill-box;transform-origin:center}.active .draw{animation:sigilMaterialize .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes sigilMaterialize{0%{opacity:0;transform:scale(.82)}55%{opacity:1}to{opacity:1;transform:scale(1)}}.d0{animation-delay:.02s}.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.26s}.d4{animation-delay:.3s}.d5{animation-delay:.4s}.d6{animation-delay:.46s}.sigil-tick{stroke:var(--frieren-gold);stroke-width:1;opacity:0;vector-effect:non-scaling-stroke}.sigil-tick.long{stroke-width:1.6;stroke:var(--frieren-gold-bright)}.active .sigil-tick{animation:tickFade 1.8s ease-in-out forwards;animation-delay:.34s}@keyframes tickFade{0%{opacity:0}20%{opacity:.7}70%{opacity:.7}to{opacity:0}}.sigil-rune{fill:var(--frieren-gold-bright);font-size:15px;font-family:Segoe UI Symbol,Noto Sans Runic,serif;text-anchor:middle;dominant-baseline:central;opacity:0;filter:drop-shadow(0 0 6px var(--frieren-glow))}.active .sigil-rune{animation:runeIgnite 1.8s ease-in-out forwards}@keyframes runeIgnite{0%,18%{opacity:0}30%{opacity:1}36%{opacity:.55}44%{opacity:1}70%{opacity:1}to{opacity:0}}.sigil-core{transform-origin:200px 200px;opacity:0}.active .sigil-core{animation:coreCharge 1.8s cubic-bezier(.16,1,.3,1) forwards}@keyframes coreCharge{0%{opacity:0;transform:scale(.1)}30%{opacity:.5;transform:scale(.6)}46%{opacity:.8;transform:scale(.85)}50%{opacity:1;transform:scale(1.6)}60%{opacity:.9;transform:scale(1.1)}to{opacity:0;transform:scale(2.2)}}.sigil-motes{position:absolute;top:50%;left:50%;width:0;height:0}.sigil-mote{position:absolute;top:0;left:0;border-radius:50%;background:radial-gradient(circle,var(--frieren-gold-bright),var(--frieren-gold));box-shadow:0 0 8px var(--frieren-glow),0 0 14px #c8ab5e66;opacity:0;will-change:transform,opacity}.active .sigil-mote{animation:moteDrift 1.05s ease-out forwards;animation-delay:calc(.9s + var(--d, 0ms))}@keyframes moteDrift{0%{opacity:0;transform:translate(0) scale(.3)}25%{opacity:1;transform:translate(calc(var(--mx) * .4),calc(var(--my) * .4)) scale(1)}to{opacity:0;transform:translate(var(--mx),calc(var(--my) - 40px)) scale(.2)}}.page-content{transition:opacity 1s cubic-bezier(.25,.46,.45,.94),transform 1s cubic-bezier(.25,.46,.45,.94),filter 1s cubic-bezier(.25,.46,.45,.94)}.page-content.hidden{opacity:0;transform:translateY(16px) scale(.98);filter:blur(6px) brightness(.85)}.page-content.visible{opacity:1;transform:none;filter:none}@media (max-width: 768px){.sigil-stage{width:min(86vmin,460px);height:min(86vmin,460px)}.sigil-rune{font-size:13px}}@media (max-width: 480px){.sigil-rune{font-size:12px}.grimoire-veil{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}@media (prefers-reduced-motion: reduce){.grimoire-veil,.sigil-svg,.sigil-layer,.sigil-stroke,.sigil-tick,.sigil-rune,.sigil-core,.sigil-mote{animation:none!important}.frieren-transition-overlay.active .grimoire-veil{opacity:1;animation:veilFadeReduced .5s ease-in-out forwards!important}@keyframes veilFadeReduced{0%{opacity:0}50%{opacity:.6}to{opacity:0}}.page-content{transition:opacity .3s ease!important}}:root{--frieren-sage: #57775C;--frieren-sky: #495C91;--frieren-mist: #222831;--frieren-earth: #7C7163;--frieren-twilight: #AABDD6;--frieren-gold: #C8AB5E;--frieren-shadow: rgba(73, 92, 145, .2)}._footer_17wet_11{font-family:Zen Old Mincho,serif;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:30px 4%;box-sizing:border-box;border-top:1px solid rgba(200,171,94,.3);color:var(--frieren-twilight);background:#1a1f2880;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative}._footer_17wet_11:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--frieren-gold),transparent);opacity:.5}._footerLinks_17wet_40{display:flex;gap:20px;justify-content:flex-start}._footerLinks_17wet_40 a{line-height:0}._footerLinks_17wet_40 img,._footerLinks_17wet_40 ._footerIconSvg_17wet_51{height:28px;width:28px;opacity:.7;transition:opacity .3s ease,transform .3s ease}._footerLinks_17wet_40 ._footerIconSvg_17wet_51{display:block;color:var(--frieren-twilight)}._footerLinks_17wet_40 a:hover img,._footerLinks_17wet_40 a:hover ._footerIconSvg_17wet_51{opacity:1;transform:translateY(-3px)}._footerHeading_17wet_69{font-size:1rem;text-align:center;color:var(--frieren-twilight)}._copyright_17wet_75{font-size:.9rem;text-align:right;font-style:italic;opacity:.8;color:var(--frieren-twilight)}._footerHeading_17wet_69 p,._copyright_17wet_75 p{margin:0}@media screen and (max-width: 768px){._footer_17wet_11{flex-direction:column;justify-content:center;gap:25px;padding:40px 5%}._footerLinks_17wet_40,._footerHeading_17wet_69,._copyright_17wet_75{text-align:center;justify-content:center}}@media screen and (max-width: 500px){._footer_17wet_11{padding:25px 4%;gap:20px}._footerLinks_17wet_40{gap:15px}._footerLinks_17wet_40 img,._footerLinks_17wet_40 ._footerIconSvg_17wet_51{height:24px;width:24px}._footerHeading_17wet_69{font-size:.9rem}._copyright_17wet_75{font-size:.8rem;text-align:center}}:root{--frieren-sage: #57775C;--frieren-sky: #495C91;--frieren-mist: #1a1f28;--frieren-earth: #7C7163;--frieren-twilight: #AABDD6;--frieren-gold: #C8AB5E;--frieren-shadow: rgba(73, 92, 145, .2);--frieren-glow: rgba(200, 171, 94, .4);--frieren-forest: #4a5d4f;--frieren-moonlight: #d4e3f0;--frieren-parchment: #2a2520}body{background:linear-gradient(135deg,var(--frieren-mist) 0%,#1e2329 50%,var(--frieren-mist) 100%);background-attachment:fixed;margin:0;padding:0;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(87,119,92,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(73,92,145,.1) 0%,transparent 50%);pointer-events:none;z-index:0}li{list-style:none}.App{font-family:Poppins,sans-serif;background-color:transparent;color:var(--frieren-twilight);width:100%;max-width:100vw;overflow-x:hidden;transition:background-color .35s ease-in-out;position:relative;z-index:1}h2{font-family:Cinzel,serif;color:var(--frieren-gold);text-shadow:0 0 10px var(--frieren-glow);letter-spacing:.05em}h1{font-family:Cinzel,serif;color:var(--frieren-gold);text-shadow:0 0 15px var(--frieren-glow);letter-spacing:.03em}[data-theme=dark]{--primary-background: var(--frieren-sage);--primary-text-color: var(--frieren-mist);--secondary-text-color: var(--frieren-sky);--card-background: var(--frieren-twilight);--card-2-background: var(--frieren-earth);--card-3-background: var(--frieren-gold);--card-text-color: var(--frieren-mist);--accent-text-color: var(--frieren-gold);--hover-text-color: var(--frieren-twilight);--toggle-bg: var(--frieren-twilight);--icon-color: var(--frieren-mist);--record-border: var(--frieren-shadow);--green: var(--frieren-sage);--light-green: var(--frieren-sage);--sage-green: var(--frieren-sage);--beige: var(--frieren-earth);--black: #000000;--grey: #808080;--dark-purple: #311b92;--cyan: var(--frieren-sky);--cherry-blossom: #ffc0cb;--toggle-bg-2: var(--frieren-sky)}#tsparticles{z-index:0}.toggleContainer{display:flex;align-items:left}.toggle{visibility:hidden}.toggle+label{position:relative;display:block;cursor:pointer;color:var(--frieren-twilight);box-shadow:0 2px 5px var(--frieren-shadow)}.toggle+label:before{content:"";height:40px;width:80px;border-radius:40px;background:linear-gradient(180deg,var(--frieren-sky),var(--frieren-twilight));margin-right:5px;transition:background-color .35s ease-in-out,transform .25s ease-in-out}.toggle+label:after{content:"";height:32px;width:32px;border-radius:40px;background-color:var(--frieren-twilight);position:absolute;left:5px;box-shadow:0 5px 5px var(--frieren-shadow)}.toggle:checked+label:after{left:75px;transform:translate(-100%);background:linear-gradient(180deg,var(--frieren-sky),var(--frieren-gold))}label{width:80px;height:40px;position:relative;display:block;background:linear-gradient(180deg,var(--frieren-sky),var(--frieren-twilight));border-radius:50px;cursor:pointer}label:after{content:"";width:30px;height:30px;position:absolute;top:4px;left:4px;background:linear-gradient(180deg,var(--frieren-gold),#ffc0cb);border-radius:30px}input{width:0;height:0;visibility:hidden}input:checked+label{background:linear-gradient(170deg,#311b92,var(--frieren-sky))}input:checked+label:after{left:75px;transform:translate(-100%);background:linear-gradient(180deg,var(--frieren-sky),var(--frieren-sage))}label,label:after{transition:.3s}label:active:after{width:50px}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--frieren-mist);border-radius:8px}body::-webkit-scrollbar-thumb{background:var(--frieren-gold);border-radius:8px;border:2px solid var(--frieren-mist);transition:background .3s ease-in-out}body::-webkit-scrollbar-thumb:hover{background:var(--frieren-gold);box-shadow:0 0 10px var(--frieren-glow)}body{scrollbar-width:thin;scrollbar-color:var(--frieren-gold) var(--frieren-mist)}.classes-container::-webkit-scrollbar,.video-grid-container::-webkit-scrollbar{height:8px;width:8px}.classes-container::-webkit-scrollbar-track,.video-grid-container::-webkit-scrollbar-track{background:var(--frieren-twilight);border-radius:4px}.classes-container::-webkit-scrollbar-thumb,.video-grid-container::-webkit-scrollbar-thumb{background:var(--frieren-gold);border-radius:4px;border:1px solid var(--frieren-twilight)}.classes-container::-webkit-scrollbar-thumb:hover,.video-grid-container::-webkit-scrollbar-thumb:hover{background:var(--frieren-twilight)}.loader:empty{position:absolute;top:calc(50% - 4em);left:calc(50% - 4em);width:6em;height:6em;border-radius:50%;border:.5em solid var(--frieren-shadow);border-top-color:var(--frieren-gold);animation:loading 4s infinite linear}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes slide1{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes slideDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes primary{0%{left:10%}to{left:-90%}}@keyframes secondary{0%{left:110%}to{left:10%}}@keyframes primary2{0%{left:0%}to{left:-100%}}@keyframes secondary2{0%{left:100%}to{left:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}