html{scroll-behavior:smooth}:root{--bg-color:#050505;--glow-1:#6a2c70;--glow-2:#3b1342;--card-border:#6a2c70;--card-front-bg:#6a2c70cc;--card-back-bg:#0a0a0ad9;--text-color:#cbd5e1;--card-text-front:#00f2ff;--card-text-back:#e9d5ff;--color-card:106, 44, 112}body.light-theme{--bg-color:#f3fdff;--glow-1:#3d7eae;--glow-2:#aacadf;--card-border:#3d7eae;--card-front-bg:#3d7eaecc;--card-back-bg:#ffffffd9;--text-color:#1d1f2c;--card-text-front:#1e40af;--card-text-back:#5b21b6;--color-card:61, 126, 174}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow-x:hidden}#matrix-canvas{z-index:-2;width:100%;height:100%;position:fixed;top:0;left:0}body:before,body:after{content:"";filter:blur(100px);z-index:-1;opacity:.3;border-radius:50%;width:500px;height:500px;animation:15s infinite alternate float;position:fixed}body:before{background:var(--glow-1);top:-100px;left:-100px}body:after{background:var(--glow-2);animation-delay:-7s;bottom:-100px;right:-100px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(100px,100px)scale(1.2)}}.container{z-index:5;max-width:1200px;margin:0 auto;padding:10px 20px 50px;position:relative}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;gap:30px;padding-top:40px;display:grid}.social-wrapper{z-index:20;position:fixed;bottom:20px;right:20px}.main_back{z-index:-2;background:linear-gradient(270deg,#6a2c70,#3b1342,#8ec5fc);border-radius:10px;width:6em;height:6em;position:absolute;transform:rotate(90deg);box-shadow:inset 0 0 180px 5px #00000080}.main{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;width:7em;display:flex;position:relative}.main .social-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #6a2c7033;border-top-left-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .4s ease-in-out;display:flex}.uiverse-logo{color:#6a2c70;opacity:0;font-size:.6em;font-weight:700;transition:all .2s ease-in-out}.main:hover .uiverse-logo{opacity:1}.main .social-btn svg,.main .social-btn i{opacity:0;fill:#fff;transition:all .2s ease-in-out}.main .social-btn:nth-child(2){border-radius:0}.main .social-btn:nth-child(3){border-top-left-radius:0;border-top-right-radius:10px}.main .social-btn:nth-child(4),.main .social-btn:nth-child(5),.main .social-btn:nth-child(6),.main .social-btn:nth-child(8){border-radius:0}.main .social-btn:nth-child(7){border-top-left-radius:0;border-bottom-left-radius:10px}.main .social-btn:nth-child(9){border-top-left-radius:0;border-bottom-right-radius:10px}.main:hover .social-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;margin:.2em;box-shadow:0 4px 30px #00000080}.main:hover svg,.main:hover i{opacity:1}.main:hover .text{opacity:0}.main .social-btn:first-child:hover{background-color:#cc39a4}.main .social-btn:nth-child(2):hover{background-color:#03a9f4}.main .social-btn:nth-child(3):hover{background-color:#ffb5d2}.main .social-btn:nth-child(4):hover{background-color:#1e1f26}.main .social-btn:nth-child(5):hover{background-image:linear-gradient(#bf66ff,#6248ff,#00ddeb)}.main .social-btn:nth-child(6):hover{background-color:#8c9eff}.main .social-btn:nth-child(7):hover{background-color:#000}.main .social-btn:nth-child(8):hover{background-color:#29b6f6}.main .social-btn:nth-child(9):hover{background-color:#ff4500}.text{color:#6a2c70;text-shadow:0 0 10px #6a2c70cc;letter-spacing:.33em;z-index:3;pointer-events:none;font-size:.7em;font-weight:700;transition:all .4s ease-in-out;position:absolute}@keyframes light-shake{0%{transform:translate(.5px,.5px)rotate(0)}25%{transform:translate(-.5px,-.5px)rotate(-.1deg)}50%{transform:translate(-.5px,.5px)rotate(.1deg)}75%{transform:translate(.5px,-.5px)rotate(-.1deg)}to{transform:translate(.5px,.5px)rotate(0)}}.is-scrolling .card{animation:.15s infinite light-shake}.scanlines{pointer-events:none;z-index:10;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05) 0 0/3px 100%;width:100%;height:100%;position:fixed;top:0;left:0}.card{perspective:1000px;background:0 0;width:100%;max-width:300px;height:200px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform 1s;position:relative;transform:translateZ(0)}.card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;width:100%;height:100%;position:absolute;transform:translateZ(0)}.card-front{background-color:var(--card-front-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:10px solid var(--card-border);color:var(--card-text-front);letter-spacing:2px;text-shadow:0 0 10px #00f2ff80;border-radius:10px;justify-content:center;align-items:center;font-size:24px;font-weight:700;animation:3s infinite alternate frame-glow;display:flex;transform:rotateY(0)}.card-back{background-color:var(--card-back-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--card-text-back);border:10px solid var(--card-border);letter-spacing:1px;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:700;animation:3s infinite alternate-reverse frame-glow;display:flex;transform:rotateY(180deg)}.card-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:15px;line-height:1.4;display:flex}.desc-text{text-shadow:0 1px 2px #00000080;margin:5px 0;font-size:14px;font-weight:400}.highlight-text{color:#bd9f67;margin-top:10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-style:italic;display:block}.hero-section{justify-content:center;align-items:center;padding:60px 0;display:flex}.logo-hero-card{background:#243137;border:1px solid #bd9f6733;border-radius:10px;place-content:center;width:300px;max-width:90vw;height:200px;transition:all .5s ease-in-out;animation:3s ease-in-out infinite pulse-glow;display:grid;position:relative;overflow:hidden;box-shadow:0 0 15px #bd9f674d}#logo-main,#logo-second{height:100%}#logo-main{color:#bd9f67;text-shadow:0 0 10px #bd9f6780;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.logo-hero-card:after{content:"";pointer-events:none;z-index:2;border:2px solid #0000;border-radius:10px;animation:10s infinite lightning-strike;position:absolute;inset:0}#logo-second{color:#bd9f67;filter:drop-shadow(0 0 8px #bd9f67);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.logo-hero-card .border{opacity:0;border:2px solid #bd9f67;transition:all .5s ease-in-out;position:absolute;inset:0;transform:rotate(10deg);box-shadow:0 0 15px #bd9f67}.logo-hero-card .bottom-text{text-transform:uppercase;color:#bd9f67;opacity:0;letter-spacing:7px;text-shadow:0 0 5px #bd9f67;background:#243137;padding:0 5px 0 8px;font-size:6px;transition:all .5s ease-in-out;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.logo-hero-card .content{flex-direction:column;justify-content:center;align-items:center;transition:all .5s ease-in-out;display:flex}.logo-hero-card .logo{justify-content:center;align-items:center;width:100px;height:40px;transition:all 1s ease-in-out;display:flex;position:relative}.logo-hero-card .logo .logo1,.logo-hero-card .logo .logo2{width:auto;height:100%;position:absolute;left:50%;transform:translate(-50%)}.logo-hero-card .logo .trail{opacity:0;width:100%;height:100%;position:absolute;right:0}.logo-hero-card .logo-bottom-text{color:#bd9f67;white-space:nowrap;opacity:0;text-shadow:0 0 15px #bd9f67;direction:ltr;border-right:2px solid #0000;width:0;margin-top:15px;font-size:11px;transition:opacity .5s ease-in-out .5s;display:inline-block;overflow:hidden}.logo-hero-card:hover{border-radius:0;animation:.3s infinite glitch-anim;transform:scale(1.1);box-shadow:0 0 30px #bd9f6766}.logo-hero-card:hover .logo{text-shadow:0 0 20px #bd9f67;transform:scale(1.2)}.logo-hero-card:hover .border{opacity:1;inset:15px;transform:rotate(0)}.logo-hero-card:hover .bottom-text{letter-spacing:3px;opacity:1;transform:translate(-50%)}.logo-hero-card:hover .content .logo-bottom-text{opacity:1;letter-spacing:1px;width:115px;animation:2s steps(19,end) .5s forwards typing,.5s step-end infinite blink}.logo-hero-card:hover .trail{animation:1s ease-in-out logo-trail}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#bd9f67}}@keyframes logo-opacity{0%{border-right:1px solid #0000}10%{border-right:1px solid #bd9f67}80%{border-right:1px solid #bd9f67}to{border-right:1px solid #0000}}@keyframes logo-trail{0%{opacity:0;background:linear-gradient(90deg,#bd9f6700 90%,#bd9f67 100%)}30%{opacity:1;background:linear-gradient(90deg,#bd9f6700 70%,#bd9f67 100%)}70%{opacity:1;background:linear-gradient(90deg,#bd9f6700 70%,#bd9f67 100%)}95%{opacity:0;background:linear-gradient(90deg,#bd9f6700 90%,#bd9f67 100%)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #bd9f674d}50%{box-shadow:0 0 35px #bd9f6799}}@keyframes lightning-strike{0%,94%,to{opacity:0}95%{opacity:1;border-color:#fff;box-shadow:inset 0 0 15px #fff,0 0 15px #fff}97%{opacity:1;border-color:#bd9f67;box-shadow:inset 0 0 20px #bd9f67,0 0 20px #bd9f67}99%{opacity:0}}@keyframes frame-glow{0%,to{border-color:var(--card-border);box-shadow:0 0 8px var(--glow-1);opacity:.8}50%{border-color:var(--glow-2);box-shadow:0 0 25px var(--glow-1);opacity:1}}@keyframes glitch-anim{0%{transform:scale(1.1)translate(0)}20%{transform:scale(1.1)translate(-3px,2px)}40%{transform:scale(1.1)translate(-3px,-2px)}60%{transform:scale(1.1)translate(3px,2px)}80%{transform:scale(1.1)translate(3px,-2px)}to{transform:scale(1.1)translate(0)}}.top-bar{z-index:100;position:absolute;top:20px;right:30px}.theme-switch{--toggle-size:20px;--container-width:5.625em;--container-height:2.5em;--container-radius:6.25em;--container-light-bg:#3d7eae;--container-night-bg:#1d1f2c;--circle-container-diameter:3.375em;--sun-moon-diameter:2.125em;--sun-bg:#ecca2f;--moon-bg:#c4c9d1;--spot-color:#959db1;--circle-container-offset:calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color:#fff;--clouds-color:#f3fdff;--back-clouds-color:#aacadf;--transition:.5s cubic-bezier(0, -.02, .4, 1.25);--circle-transition:.3s cubic-bezier(0, -.02, .35, 1.17)}.theme-switch,.theme-switch *,.theme-switch :before,.theme-switch :after{box-sizing:border-box;font-size:var(--toggle-size);margin:0;padding:0}.theme-switch__container{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 -.062em .062em #00000040,0 .062em .125em #fffffff0}.theme-switch__container:before{content:"";z-index:1;border-radius:var(--container-radius);position:absolute;inset:0;box-shadow:inset 0 .05em .187em #00000040,inset 0 .05em .187em #00000040}.theme-switch__checkbox{display:none}.theme-switch__circle-container{width:var(--circle-container-diameter);height:var(--circle-container-diameter);left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);transition:var(--circle-transition);pointer-events:none;background-color:#ffffff1a;display:flex;position:absolute;box-shadow:inset 0 0 0 3.375em #ffffff1a,inset 0 0 0 3.375em #ffffff1a,0 0 0 .625em #ffffff1a,0 0 0 1.25em #ffffff1a}.theme-switch__sun-moon-container{pointer-events:auto;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);border-radius:var(--container-radius);background-color:var(--sun-bg);filter:drop-shadow(.062em .125em .125em #00000040)drop-shadow(0 .062em .125em #00000040);transition:var(--transition);margin:auto;position:relative;overflow:hidden;box-shadow:inset .062em .062em .062em #feffef9c,inset 0 -.062em .062em #a1872a}.theme-switch__moon{background-color:var(--moon-bg);border-radius:inherit;width:100%;height:100%;transition:var(--transition);position:relative;transform:translate(100%);box-shadow:inset .062em .062em .062em #feffef9c,inset 0 -.062em .062em #969696}.theme-switch__spot{border-radius:var(--container-radius);background-color:var(--spot-color);width:.75em;height:.75em;position:absolute;top:.75em;left:.312em;box-shadow:inset 0 .0312em .062em #00000040}.theme-switch__spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__clouds{background-color:var(--clouds-color);border-radius:var(--container-radius);width:1.25em;height:1.25em;box-shadow:.937em .312em var(--clouds-color), -.312em -.312em var(--back-clouds-color), 1.437em .375em var(--clouds-color), .5em -.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -.062em var(--back-clouds-color), 2.937em .312em var(--clouds-color), 2em -.312em var(--back-clouds-color), 3.625em -.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -.312em var(--clouds-color), 3.375em -.437em var(--back-clouds-color), 4.625em -1.75em 0 .437em var(--clouds-color), 4em -.625em var(--back-clouds-color), 4.125em -2.125em 0 .437em var(--back-clouds-color);transition:all .5s cubic-bezier(0,-.02,.4,1.25);position:absolute;bottom:-.625em;left:.312em}.theme-switch__stars-container{color:var(--stars-color);width:2.75em;height:auto;transition:var(--transition);position:absolute;top:-100%;left:.312em}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;transform:translateY(-50%)}.btns-row{z-index:15;opacity:0;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:5px;animation:1s ease-out .5s forwards fadeInUp;display:flex;position:relative}.nav-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#000;border:none;border-radius:.5em;width:100%;padding:.6em .8em;font-size:1.4em;display:block;box-shadow:2px 2px 3px #000000b4}.nav-btn i{margin-left:8px}.btn-glow-container{background:linear-gradient(90deg,#03a9f4,#f441a5);border-radius:.9em;padding:3px;transition:all .4s;position:relative}.btn-glow-container:before{content:"";z-index:-1;filter:blur();border-radius:.9em;margin:auto;transition:filter .4s;position:absolute;inset:0}.btn-glow-container:hover:before{filter:blur(1.2em);background:linear-gradient(90deg,#03a9f4,#f441a5)}.btn-glow-container:active:before{filter:blur(.2em)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body.light-theme .nav-btn{color:#f3fdff;background-color:#1d1f2c}@media (width<=768px){.container{padding:10px 15px}.hero-section{padding:40px 0}.btns-row{gap:10px}.nav-btn{padding:.5em .7em;font-size:1.1rem}.carousel-section{margin-top:50px;margin-bottom:100px;transform:scale(.7)}.is-scrolling .card{animation:none}.social-wrapper{transform-origin:100% 100%;bottom:10px;right:10px;transform:scale(.8)}}.carousel-section{justify-content:center;align-items:center;height:600px;margin-top:100px;margin-bottom:200px;display:flex;position:relative}.carousel-wrapper{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.carousel-inner{--w:120px;--h:170px;--translateZ:calc((var(--w) + var(--h)) + 50px);--rotateX:-15deg;--perspective:1000px;width:var(--w);height:var(--h);transform-style:preserve-3d;transform:perspective(var(--perspective)) rotateX(var(--rotateX));animation:20s linear infinite rotating;position:absolute}@keyframes rotating{0%{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(0)}to{transform:perspective(var(--perspective)) rotateX(var(--rotateX)) rotateY(1turn)}}.carousel-item{border:2px solid rgba(var(--color-card), .8);transform:rotateY(calc((360deg / var(--quantity)) * var(--index))) translateZ(var(--translateZ));box-shadow:0 0 15px rgba(var(--color-card), .5);border-radius:12px;position:absolute;inset:0;overflow:hidden}.carousel-img{color:#fff;background:#0000 radial-gradient(circle, rgba(var(--color-card), .2) 0%, rgba(var(--color-card), .6) 80%, rgba(var(--color-card), .9) 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 0 15px #ffffffb3,0 0 5px #00000080;border:1px solid #fff3;justify-content:center;align-items:center;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.4rem;font-weight:700;transition:all .3s;display:flex}