@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-slide-in{animation:fadeSlideIn var(--dur-medium) var(--ease-out) var(--delay-short)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}10%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.phrase{animation:slideUp 2s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:4px solid rgba(0,0,0,.1);border-top-color:var(--accent-1);border-radius:50%;width:40px;height:40px;animation:spin var(--dur-long) linear infinite}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer{background:linear-gradient(90deg,#fff0 25%,#ffffff4d,#fff0 75%);background-size:200%;animation:shimmer var(--ani-Speed) linear infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce var(--dur-medium) var(--ease-in-out) infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.wiggle{animation:wiggle var(--ani-Speed) var(--ease-in-out)}@keyframes expand{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple{position:absolute;width:100px;height:100px;border-radius:50%;background:var(--accent-1);animation:expand var(--dur-medium) var(--ease-out)}.hover-perspective{transform:perspective(1000px) rotateY(0);transition:transform var(--tSpeed) var(--ease-in-out)}.hover-perspective:hover{transform:perspective(1000px) rotateY(10deg)}.btn-Ripple{background-color:var(--txt-1);color:var(--bg-2);box-shadow:var(--box-Shadow);border:none;padding:10px 20px;border-radius:5px;overflow:hidden;cursor:pointer;position:relative}.btn-Ripple:hover{border:var(--bord);transform:scale(1.05)}.btn-Ripple:after{content:"";position:absolute;background:var(---1-2);color:var(--bg-1);border-radius:50%;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .5s,opacity .5s}.btn-Ripple:active:after{transform:translate(-50%,-50%) scale(1);opacity:1}.btn-Gradient{background:linear-gradient(to right,#ff7e5f,#feb47b);border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.btn-Shadow{background-color:var(--accent-1);border:none;border-radius:var(--rad-Sm);padding:15px 32px;color:var(--txt-1);text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;box-shadow:0 6px 0 var(--hover);transition:all .15s ease}.btn-Shadow:hover{background-color:var(--hover)}.btn-Shadow:active{background-color:var(--color-active);transform:translateY(4px);box-shadow:0 2px 0 var(--hover)}.btn-Animated{background-color:var(--bg-2);color:var(--txt-2);border:var(--bord);padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;transition:all .3s ease}.btn-Animated:hover,.btn-Animated:active{background-color:var(--hover);color:var(--txt-1)}.btn-Ghost{background-color:transparent;border:2px solid var(--accent-1);color:var(--txt-2 );padding:var(--size-4);text-align:center;text-decoration:none;display:inline-block;cursor:pointer}.btn-Ghost:hover,.btn-Ghost :active{background-color:var(--hover);animation:pulse 1.2s infinite ease-in-out;color:var(--txt-1);box-shadow:var(--shdw-Box)}.btn-Skew{background-color:var(--accent-1);border:none;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;transform:skew(-20deg)}.btn-Pulse{background-color:var(--bg-1);border:var(--bord);color:var(--txt-2);padding:var(--size-4);text-align:center;text-decoration:underline;display:inline-block;cursor:pointer;border-radius:var(--rad-Sm);animation:ease-in-out}.btn-Pulse:hover{background-color:var(--hover);animation:pulse .5s infinite;color:var(--txt-1);box-shadow:var(--)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #0084ff99}70%{transform:scale(1.1);box-shadow:0 0 0 10px #ffd70000}to{transform:scale(1);box-shadow:0 0 #ffd70000}}.btn-Wave{background-color:var(--accent-1);border:none;border-radius:var(--rad-Sm);color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;position:relative;overflow:hidden}.btn-Wave:after{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:#ffffff4d;transition:all .5s;transform:translate(-50%,-50%) scale(0);border-radius:50%}.btn-Wave:hover:after{transform:translate(-50%,-50%) scale(1)}.btn-Magnet{position:relative;background:var(--bg-2);color:var(--txt-1);padding:var(--size-4);border-radius:var(--rad-Sm);transition:transform .2s ease}.btn-Magnet:hover{transform:translateY(-2px) scale(1.05)}.btn-Glow{background:var(--bg-1);color:var(--txt-1);padding:var(--size-4);border:2px solid var(--accent-1);border-radius:var(--rad-Sm);box-shadow:0 0 0 transparent;transition:box-shadow .3s ease}.btn-Glow:hover,.btn-Glow:focus,.btn-Glow:active{box-shadow:0 0 16px var(--accent-2)}.btn-Fill{padding:.6rem 1.6rem;font-weight:600;border:var(--bord);border-radius:var(--rad-Sm);background:var(--accent-1);color:var(--txt-1);cursor:pointer;position:relative;overflow:hidden;transition:color .3s}.btn-Fill.btn-Fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-2);transition:left .3s}.btn-Fill.btn-Fill:hover:before{left:0}.btn-Fill.btn-Fill:hover{color:var(--txt-1)}.btn-Fill:hover,.btn-Fill :active{background-color:var(--hover-2);animation:pulse 1.2s infinite ease-in-out;color:var(--txt-1);box-shadow:var(--shdw-Box)}.btn-Fill span{position:relative}:root{--bg-1: oklch(9.327% .01235 238.398);--bg-2:oklab(24.912% .01506 .0251);--txt-1: oklch(98.441% .00317 15.269);--txt-2: lch(95.95% 12.75 109.18);--accent-1: oklch(65.366% .18616 134.095);--accent-2: oklch(49.814% .23527 321.916);--accent-3: oklch(47.077% .11211 50.832);--error:oklch(75.862% .17676 60.629);--gradient: linear-gradient(to bottom right,var(--accent-1), color-mix(in srgb, var(--accent-1) 90%, var(--accent-2) 10%),var(--accent-2));--gradientFlip:linear-gradient(0deg,var(--bg-1), var(--bg-1), color-mix(in srgb, var(--bg-1) 90%, var(--accent-1) 10%),var(--accent-1));--hover: color-mix(in oklch, var(--accent-1) 80%, white 20%);--hover-2: color-mix(in oklch, var(--accent-2) 80%, white 20%);--color-active: color-mix(in oklch, var(--accent-1 ) 80%, white 25%);--border-color: color-mix(in oklch, var(--accent-1) 100%, var(--bg-1) 50%);--border-color-2: color-mix(in oklch, var(--accent-2) 100%, var(--bg-1) 50%);--shadow:color-mix(in oklch, var(--bg-1) 70%, var(--bg-1) 10%);--hallow:color-mix(in oklch, var(--accent-3) 100%, transparent 100%);--hallow-2:color-mix(in oklch, var(--txt-2) 100%, transparent 100%)}@media (prefers-color-scheme: light){:root{--bg-1: oklch(98.441% .00317 15.269);--bg-2: lch(95.95% 12.75 109.18);--txt-1: oklch(9.327% .01235 238.398);--txt-2:oklab(24.912% .01506 .0251);--error:oklch(75.862% .17676 60.629);--hover: color-mix(in oklch, var(--accent-1) 80%, var(--txt-1) 20%);--color-active: color-mix(in oklch, var(--accent-1 ) 80%, white 25%);--border-color: color-mix(in oklch, var(--accent-3) 100%, var(--txt-1) 10%);--shadow:color-mix(in oklch, var(--bg-1) 70%, var(--bg-1) 10%);--hallow:color-mix(in oklch, var(--accent-3) 100%, transparent 100%);--hallow-2:color-mix(in oklch, var(--txt-2) 100%, transparent 100%)}}@media (prefers-color-scheme: headache){:root{--bg-1: oklch(7% .01 305);--bg-2: oklch(30% .01 305);--txt-1: oklch(75% .02 305);--txt-2: oklch(75% .02 305);--accent-1: oklch(25% .1 305);--accent-2: oklch(35% .1 95);--hover: color-mix(in oklch, var(--accent-1) 80%, black 20%);--color-active: color-mix(in oklch, var(--bg-2) 90%, white 10%);--border-color: color-mix(in oklch, var(--txt-1) 60%, black 5%);--border-color-2: color-mix(in oklch, var(--accent-1) 60%, black 5%);--shadow:color-mix(in oklch, var(--bg-1) 70%, var(--bg-1) 10%);--hallow:var(--bg-2)}}@media (prefers-color-scheme: colorblind){:root{--bg-1: oklch(7% .1 305);--bg-2: oklch(30% .01 305);--txt-1: oklch(99% .003 95);--txt-2: oklch(99% .003 95);--accent-1: oklch(42% .01 305);--accent-2: oklch(65% .18 95);--hover: color-mix(in oklch, var(--accent-1) 80%, black 20%);--color-active: color-mix(in oklch, var(--bg-2) 90%, white 10%);--border-color: color-mix(in oklch, var(--txt-1) 60%, black 5%);--border-color-2: color-mix(in oklch, var(--accent-1) 60%, black 5%);--shadow:color-mix(in oklch, var(--bg-1) 70%, var(--bg-1) 10%);--hallow:var(--bg-2)}}.head_Line{position:relative;width:fit-content;margin:var(--space-Full-X);padding:var(--size-4);background:var(--bg-2);border:var(--bord);border-radius:var(--rad-Sm);font-family:var(--font-Alt)}.head_Line h1{all:unset;font-size:var(--size-6);text-transform:capitalize}.altFont{font-family:var(--font-Alt)}.glass-Box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--webkit-backdrop-filter: blur(1.5px);border:var(--bord);border-radius:var(--rad-Sm)}.glass-Box-2{background:var(--bg-2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);--webkit-backdrop-filter: blur(1px)}.classicForm{display:flex;flex-direction:column;background:var(--hallow);width:80%;max-width:80vw;padding:var(--size-7);margin:5vh auto;justify-content:center;align-items:center;text-align:center;border-radius:var(--rad-Sm);box-shadow:var(--box-Shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--size-4)}.classicForm label,.classicForm p,.classicForm button{font-size:var(--size-5);font-weight:500}.classicForm input,.classicForm textarea{width:80%;padding:var(--size-3);background:var(--bg-1);color:var(--txt-1);border:var(--bord);border-radius:var(--rad-Sm);transition:var(--transit)}.classicForm input:focus,.classicForm textarea:focus{background:var(--color-active);color:var(--txt-2)}.grid-5col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding-block:2rem}@media only screen and (max-width: 768px){.grid-5col{grid-template-columns:1fr}.grid-5col>:first-child,.grid-5col>:last-child{display:none}}.grid-content-box{padding:1rem;border-radius:8px;box-shadow:0 2px 6px #0000001a;text-align:center;border:var(--bord)}.grid-content-box h3{margin:var(--size-5)}@media only screen and (min-width: 768px){.grid-content-box{margin-bottom:1rem}}.glass-flip-grid{background-size:cover;background-position:center;background-repeat:no-repeat;padding:2rem;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;transition:background-image .5s ease;animation:fadeBg .5s ease}@media only screen and (min-width: 1440px){.glass-flip-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@keyframes fadeBg{0%{opacity:.8}to{opacity:1}}.glass-flip-card{perspective:1000px}.glass-flip-inner{position:relative;width:100%;height:160px;transform-style:preserve-3d;transition:transform .6s ease}.glass-flip-card:hover .glass-flip-inner{transform:rotateY(180deg)}.glass-front,.glass-back{position:absolute;width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:1rem;backface-visibility:hidden}@media only screen and (min-width: 768px){.glass-front,.glass-back{padding:0}:is(.glass-front,.glass-back) p{font-size:var(--size-3)}}@media only screen and (min-width: 1024px){:is(.glass-front,.glass-back) h3{font-size:var(--size-5)}:is(.glass-front,.glass-back) p{font-size:var(--size-4)}:is(.glass-front,.glass-back) li{font-size:var(--size-3)}}@media only screen and (min-width: 768px){:is(.glass-front,.glass-back) li{font-size:var(--size-4)}}.glass-front{background:var(--hallow-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.3)}.glass-back{background:var(--hallow);transform:rotateY(180deg);border:var(--bord)}.glass-back a{color:#f8e71c;text-decoration:none;font-weight:700}.grid-Main{width:90vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:var(--space-Qtr);gap:var(--size-4);justify-items:center}.grid-Main img{width:100%;height:100%;object-fit:cover;border-radius:var(--rad-Sm)}@media only screen and (min-width: 1440px){.grid-Main img{width:60%;margin-left:20%}}.grid-Main h2{height:fit-content}.grid-Main h3,.grid-Main p,.grid-Main a{margin:var(--space-Sm)}.grid-Main section a{padding:0;margin:0}.grid-Main section table{border-collapse:collapse}.grid-Main section th,.grid-Main section td{border:var(--bord);padding:.5rem;vertical-align:top}@media only screen and (min-width: 768px){.grid-Main{gap:var(--size-4)}}@media only screen and (min-width: 1024px){.grid-Main{margin:var(--space-Qtr)}.grid-Main .block-List{height:fit-content}}@media only screen and (min-width: 1440px){.grid-Main{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}.grid-Main>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.block-List{border:var(--bord);border-radius:var(--rad-Sm);background:var(--gradient);justify-content:space-between}.block-List strong{float:right}.block-List p{border-bottom:1px dashed var(--border-color);font-size:var(--size-4)}.block-List :last-child{border-bottom:none}.block-List h4{text-align:center;margin:0;padding:var(--size-4);background-color:var(--accent-2);border-top-left-radius:1rem;border-top-right-radius:1rem}@media (prefers-color-scheme: light){.block-List h4{color:var(--bg-1)}}@media only screen and (min-width: 768px){.block-List{height:fit-content}.block-List h2{margin:var(--size-4);font-size:var(--size-5)}}.block-Selection-List{border-bottom:var(--bord);display:flex;flex-direction:column;align-items:center;gap:var(--size-4);padding:var(--size-4)}.block-Selection-List p{padding:0;margin:0}.block-Selection-List .controls{display:grid;grid-template-columns:1fr;align-items:flex-start;gap:var(--size-2)}.block-Selection-List label{display:flex;align-items:center;gap:1rem;padding:var(--size-2);border:var(--bord);border-radius:var(--rad-Sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accent-1);transition:all .2s ease}.block-Selection-List label:hover{transform:scale(1.02)}.block-Selection-List label input[type=checkbox]{appearance:none;-webkit-appearance:none;margin:0;width:var(--size-5);height:var(--size-5);border:var(--bord-2);border-radius:var(--rad-Sm);position:relative;transition:all .2s ease;cursor:pointer;background:var(--bg-1)}.block-Selection-List label input[type=checkbox]:checked{background-color:var(--accent-2)}.block-Selection-List label input[type=checkbox]:checked:after{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px}.block-Selection-List .block-Selection-List article:last-child{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--size-3)}@media only screen and (min-width: 768px){.double-Block{grid-column:1 / span 2}.double-Block h2{margin:var(--size-4);padding:0 var(--size-8);font-size:var(--size-7)}}@media only screen and (min-width: 768px){.right-Block{grid-column:1 / span 2}}@media only screen and (min-width: 1440px){.right-Block{grid-column:span 1}}@media only screen and (min-width: 768px){.left-Block{grid-column:2 / span 3}}.grid-List{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--size-4);margin-top:var(--size-4)}.grid-List h2{margin:0 0 8px;font-size:var(--size-6)}.grid-List p{margin:0 0 8px}.grid-List a{color:#07c;text-decoration:underline}.grid-List>div{border-top:var(--bord-2);padding:12px;transition:background .3s ease}.grid-List>div:hover,.grid-List>div:focus{background-color:var(--txt-2);color:var(--bg-1)}.gradient-bg-depth{background:linear-gradient(135deg,rgba(255,0,0,var(--op-M)),rgba(0,0,255,var(--op-L)));height:100px;width:100px}@property --rotation{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate{0%{--rotation: 0deg}to{--rotation: 360deg}}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-Main);scroll-behavior:smooth}body{width:100vw;color:var(--txt-1);background:var(--bg-1);line-height:1.5;overflow-x:hidden;letter-spacing:.05em}a{font-weight:700;text-decoration:underline;cursor:pointer;color:var(--accent-1)}a:hover{transition:var(--transit)}h1{font-size:var(--size-8)}h2{font-size:var(--size-6);color:var(--accent-1);border-bottom:var(--bord)}h3{font-size:var(--size-5)}p{font-size:var(--size-4);text-shadow:var(--text-Shadow)}img{max-width:100vw}.alert{background:var(--accent-2)}.notice{background:var(--accent-1)}.alert,.notice{border:var(--bord);padding:1rem;font-weight:600;text-align:center;margin:var(--size-4) 0}.center-wrapper{padding:0;margin:0;display:flex;justify-content:center;align-items:center}@media (prefers-color-scheme: light){.light-White{color:var(--bg-1)}}@media (prefers-color-scheme: light){.light-Back h2,.light-Back h3,.light-Back p{background-color:color-mix(in oklch,var(--bg-1 ) 80%,transparent 25%)}}ul{list-style-type:none}:is(h1,h2,h3,h4,p,.marg_Also){margin:var(--space-Qtr)}@media (min-width: 768px){:is(h1,h2,h3,h4,p,.marg_Also){margin:var(--space-Half)}}@media (min-width: 1024px){:is(h1,h2,h3,h4,p,.marg_Also){margin:var(--space-Med)}}@media (min-width: 1440px){:is(h1,h2,h3,h4,p,.marg_Also){margin:var(--space-Lg)}}.sp-sm{padding:var(--space-Sm)}.sp-md{padding:var(--space-Half)}.sp-lg{padding:var(--space-Full)}.sp-sd{padding:var(--space-Side)}.sp-tp{padding:var(--space-Top)}.text-sm{font-size:var(--size-3)}.text-md{font-size:var(--size-4)}.text-lg{font-size:var(--size-5)}.text-xl{font-size:var(--size-6)}.bg-1{background-color:var(--bg-1)}.bg-2{background-color:var(--bg-2)}.txt-1{color:var(--txt-1)}.txt-2{color:var(--txt-2)}.accent-1{color:var(--accent-1)}.accent-2{color:var(--accent-2)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-sm{gap:var(--space-Qtr)}.gap-md{gap:var(--space-Half)}.gap-lg{gap:var(--space-Full)}.grid-center{place-items:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.border{border:var(--bord)}.border-accent{border:var(--bord-2)}.round-sm{border-radius:var(--rad-Sm)}.round-lg{border-radius:var(--rad-Lg)}.shadow{box-shadow:var(--box-Shadow)}.text-shadow{text-shadow:var(--text-Shadow)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}:root{--size-1: clamp(.2rem, .5vw, .25rem);--size-2: clamp(.4rem, .5vw, .6rem);--size-3: clamp(.6rem, 1vw, .75rem);--size-4: clamp(.75rem, 2vw, 1rem);--size-5: clamp(1rem, 2.5vw, 1.25rem);--size-6: clamp(1.2rem, 3vw, 1.5rem);--size-7: clamp(1.5rem, 5vw, 2.5rem);--size-8: clamp(2.5rem, 7vw, 3.5rem);--size-9: clamp(3rem, 8vw, 5rem);--size-10: clamp(5rem, 10vw, 7rem);--space-Top: 5vh 0;--space-Side: 0 8vw;--space-Sm: 1vh 5vw;--space-Med: 5vh 10vw;--space-Lg: 15vh 10vw;--space-Qtr: 5vh 5vw;--space-Half: 15vh 8vw;--space-Full: 20vh 15vw;--space-Full-X: 15vh 5vw 5vh 10vw;--space-Auto: 15vh auto;--rad-Sm: .5rem;--rad-Lg: 2.25rem;--bord: 2px solid var(--border-color);--bord-2: 2px solid var(--border-color-2);--glow-Box: 6px 4px 8px var(--hover), 0 4px 6px var(--hover);--glow-Txt: 0 .75px .25px var(--bg-1);--shdw-Box: 6px 4px 8px var(--shadow), 0 4px 6px var(--shadow);--shdw-Txt: 1px 2px 10px var(--shadow);--op-L:.25;--op-M:.5;--op-S:.75;--font-Main: "Poppins", sans-serif;--font-Alt: "Rubik",sans-serif;--ani-Speed: .3s;--ani-Speed-Fast: .2s;--ani-Speed-Slow: .5s;--ani-Speed-Long: 10s;--ani-Delay:1s;--ani-Delay:2s;--transit:all var(--ani-Speed-Fast) ease-in-out var(--ani-Speed)}
