.luminous-card-container{box-sizing:border-box;scroll-behavior:smooth;--sz:clamp(17px, min(2%, 3%), 24px);font-size:var(--sz);background:radial-gradient(circle at 50% 30%,#2a2a2a 0%,#131313 64%);place-items:center;min-width:100%;min-height:100%;margin:0;padding:0;font-family:Aeonik Pro Regular,sans-serif;display:grid;overflow:hidden}.luminous-card-container *{box-sizing:border-box}.luminous-card{color:#fff;background:radial-gradient(circle at 50% 0,#3a3a3a 0%,#1a1a1a 64%);border-radius:1.8rem;flex-direction:column;justify-content:end;width:18rem;height:24rem;padding:1rem;transition:all .4s ease-in-out,translate .4s ease-out;display:flex;position:relative;box-shadow:inset 0 1.01rem .2rem -1rem #fff0,inset 0 -1.01rem .2rem -1rem #0000,0 -1.02rem .2rem -1rem #fff0,0 1rem .2rem -1rem #0000,0 0 0 1px #fff3,0 4px 4px #0004,0 0 0 1px #333}.luminous-card:before{content:"";--offset:1rem;width:calc(100% + 2 * var(--offset));height:calc(100% + 2 * var(--offset));left:calc(-1 * var(--offset));right:calc(-1 * var(--offset));top:calc(-1 * var(--offset));bottom:calc(-1 * var(--offset));--ax:4rem;clip-path:polygon(var(--ax) 0, 0 0, 0 var(--ax), var(--ax) var(--ax), var(--ax) calc(100% - var(--ax)), 0 calc(100% - var(--ax)), 0 100%, var(--ax) 100%, var(--ax) calc(100% - var(--ax)), calc(100% - var(--ax)) calc(100% - var(--ax)), calc(100% - var(--ax)) 100%, 100% 100%, 100% calc(100% - var(--ax)), calc(100% - var(--ax)) calc(100% - var(--ax)), calc(100% - var(--ax)) var(--ax), 100% var(--ax), 100% 0, calc(100% - var(--ax)) 0, calc(100% - var(--ax)) var(--ax), var(--ax) var(--ax));border-radius:2.6rem;margin:auto;transition:all .4s ease-in-out;display:block;position:absolute;box-shadow:inset 0 0 0 .06rem #fff2}.luminous-card:hover{translate:0 -.2rem}.luminous-card:hover:before{--offset:.5rem;--ax:8rem;border-radius:2.2rem;box-shadow:inset 0 0 0 .08rem #fff1}.luminous-light-layer{width:100%;height:100%;transform-style:preserve-3d;perspective:400px;pointer-events:none;position:absolute;top:0;left:0}.luminous-slit{background:#121212;width:64%;height:1.2rem;margin:auto;transition:all .4s ease-in-out;position:absolute;inset:0;transform:rotateX(-76deg);box-shadow:0 0 4px #fff0}.luminous-lumen{pointer-events:none;perspective:400px;opacity:0;width:100%;height:100%;margin:auto;transition:opacity .4s ease-in-out;position:absolute;inset:0}.luminous-lumen .min{opacity:.4;background:linear-gradient(#fff0,#fffa);width:70%;height:3rem;margin:auto;position:absolute;inset:0 0 2.5rem;transform:rotateX(-42deg)}.luminous-lumen .mid{filter:blur(1rem);opacity:.8;background:linear-gradient(#fff0,#fffa);border-radius:100% 100% 0 0;width:74%;height:13rem;margin:auto;position:absolute;inset:0 0 10em;transform:rotateX(-42deg)}.luminous-lumen .hi{filter:blur(1rem);opacity:.6;background:linear-gradient(#fff0,#fffa);border-radius:100% 100% 0 0;width:50%;height:13rem;margin:auto;position:absolute;inset:0 0 12em;transform:rotateX(22deg)}.luminous-darken{pointer-events:none;perspective:400px;opacity:.5;width:100%;height:100%;margin:auto;transition:opacity .4s ease-in-out;position:absolute;inset:0}.luminous-darken>*{transition:opacity .4s ease-in-out}.luminous-darken .sl{filter:blur(.2rem);opacity:.1;background:linear-gradient(#000,#0000);border-radius:0 0 100% 100%;width:64%;height:10rem;margin:auto;position:absolute;inset:9.6em 0 0;transform:rotateX(-22deg)}.luminous-darken .ll{filter:blur(.8rem);opacity:.4;background:linear-gradient(#000a,#0000);border-radius:0 0 100% 100%;width:62%;height:10rem;margin:auto;position:absolute;inset:11em 0 0;transform:rotateX(22deg)}.luminous-darken .slt{opacity:.6;background:linear-gradient(#0005,#0000);border-radius:0 0 100% 100%;width:.5rem;height:4rem;margin:auto;position:absolute;inset:3.9em 11.5rem 0 0;transform:skewY(42deg)}.luminous-darken .srt{opacity:.6;background:linear-gradient(#0005,#0000);border-radius:0 0 100% 100%;width:.5rem;height:4rem;margin:auto;position:absolute;inset:3.9em 0 0 11.5rem;transform:skewY(-42deg)}.luminous-content{z-index:1;position:relative}.luminous-icon{filter:drop-shadow(0 -1.2rem 1px #0000);width:fit-content;margin:auto;transition:filter .4s ease-in-out;position:absolute;top:-13rem;left:0;right:0}.luminous-bottom{position:relative}.luminous-title{color:#fff;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.luminous-description{color:#aaa;border-bottom:1px solid #fff1;max-width:100%;margin:0;padding-bottom:.6rem;font-size:.8rem;font-weight:400}.luminous-toggle-input{display:none}.luminous-toggle{cursor:pointer;background:#000;border-radius:.6rem;width:4.8rem;height:2rem;transition:all .4s ease-in-out;position:absolute;bottom:0;right:0;box-shadow:inset 0 -8px 8px .3rem #0004,inset 0 0 1px .3rem #ddd,inset 0 -2px 1px .3rem #fff,inset 0 1px 2px .3rem #0006,inset 0 0 1px .8rem #aaa}.luminous-toggle:before{content:"";background:#000;border-radius:.2rem;width:3.4rem;height:.68rem;margin:auto;transition:all .4s ease-in-out;display:block;position:absolute;inset:0}.luminous-handle{pointer-events:none;background:#aaa;border-radius:.2rem;width:40%;height:30%;margin:auto;transition:all .4s ease-in-out;position:absolute;top:0;bottom:.04rem;left:.68rem;box-shadow:inset 0 1px 4px #fff,inset 0 -1px 1px #000a,0 0 1px 1px #0003,1px 3px 6px 1px #000a}.luminous-toggle-input:checked~.luminous-content .luminous-toggle .luminous-handle{transform:translate(1.58rem)}.luminous-toggle-label{pointer-events:none;text-align:center;color:#999;opacity:0;margin:auto;font-size:.6rem;font-weight:100;transition:opacity .4s ease-in-out;position:absolute;bottom:calc(100% + .4rem);left:0;right:0}.luminous-toggle:hover .luminous-toggle-label{opacity:1}.luminous-toggle:not(.luminous-toggle-input:checked~.luminous-content .luminous-toggle):hover .luminous-handle{transform:translate(.2rem)}.luminous-toggle-input:checked~.luminous-card{box-shadow:inset 0 1.01rem .1rem -1rem #fffa,inset 0 -4rem 3rem -3rem #000a,0 -1.02rem .2rem -1rem #fffa,0 1rem .2rem -1rem #000,0 0 0 1px #fff2,0 4px 4px #0004,0 0 0 1px #333}.luminous-toggle-input:checked~.luminous-card .luminous-slit{background:#fff;box-shadow:0 0 4px #fff}.luminous-toggle-input:checked~.luminous-card .luminous-lumen{opacity:.5}.luminous-toggle-input:checked~.luminous-card .luminous-darken{opacity:.8}.luminous-toggle-input:checked~.luminous-card .luminous-darken .sl{opacity:.2}.luminous-toggle-input:checked~.luminous-card .luminous-darken .ll,.luminous-toggle-input:checked~.luminous-card .luminous-darken .slt,.luminous-toggle-input:checked~.luminous-card .luminous-darken .srt{opacity:1}.luminous-toggle-input:checked~.luminous-card .luminous-icon{filter:drop-shadow(0 -1.2rem 2px #0003)brightness(1.64)}.luminous-toggle-input:checked~.luminous-card .luminous-toggle:before{background:#fffc;box-shadow:0 0 .3rem .2rem #fff7}.luminous-toggle-input:checked~.luminous-card .luminous-handle{box-shadow:inset 0 1px 12px #fff,inset 0 -1px 1px #fffa,0 0 2px 1px #4443,1px 3px 6px 1px #0004}