*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;overflow-x:hidden;background-color:#f0f0f0}.background-section{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50%;background-size:cover;opacity:1;transition:all 1s ease;z-index:-1}.glassmorphic-wrapper{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:3rem 1.5rem;text-align:center}.glassmorphic-container{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:2.5rem;max-width:48rem;width:100%;margin:4rem auto 0;border:1px solid hsla(0,0%,100%,.2)}.glassmorphic-title{font-size:3rem;font-weight:800;color:#fff;text-shadow:0 4px 6px rgba(0,0,0,.1);letter-spacing:-.025em}.glassmorphic-description{margin-top:2rem;font-size:1.125rem;color:hsla(0,0%,100%,.7);line-height:1.75rem}.scrolling-text{margin-top:.5rem;font-size:1.125rem;font-weight:500;color:#fff;overflow:hidden;position:relative;white-space:nowrap}.scrolling-content{position:absolute;left:100%}@keyframes scrollText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.search-bar{position:relative;margin-top:2rem}.search-input{width:100%;padding:1rem 3rem 1rem 1rem;border-radius:9999px;border:none;outline:none;background:#fff;color:#333;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:box-shadow .3s}.search-input::placeholder{color:#999}.search-input:focus{box-shadow:0 4px 12px rgba(0,0,0,.2)}.search-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;outline:none;color:#666;transition:color .3s}.search-button:hover{color:#333}.search-icon{width:1.5rem;height:1.5rem}.tabs-section{display:flex;justify-content:center;margin-top:2.5rem;gap:1rem}.tab-button{cursor:pointer;padding:.75rem 2rem;border-radius:9999px;transition:all .3s;font-weight:500;font-size:1.125rem;letter-spacing:.025em;box-shadow:0 1px 2px rgba(0,0,0,.05);font-family:Inter,sans-serif}.tab-button.active{background:#000304;color:#fff}.tab-button:not(.active){background:#fff;color:#1f2937}.tab-box{background:hsla(0,0%,100%,.362);backdrop-filter:blur(10px);border-radius:.5rem;padding:1.5rem;border:1px solid rgba(229,231,235,.3);transition:background .3s;margin-top:2rem}.tab-box:hover{background:hsla(0,0%,100%,.3)}.tab-list{list-style-type:disc;list-style-position:inside}.tab-list,.tab-paragraph{color:#000;line-height:1.75rem;font-size:1.125rem}@media (max-width:768px){.tabs-section{flex-direction:column;gap:1rem}.tab-button{padding:.75rem 1.5rem;font-size:1rem}.glassmorphic-container{padding:1.5rem}}@media (max-width:480px){.glassmorphic-title{font-size:2rem}.glassmorphic-description,.search-input{font-size:1rem}.search-input{padding:1rem}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in 1s ease-in-out forwards}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-xl:hover{box-shadow:0 15px 30px rgba(0,0,0,.3)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}:root{--primary-color:#3498db;--secondary-color:#9b59b6}@media (min-width:768px){.grid-cols-1{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid-cols-1{grid-template-columns:repeat(4,minmax(0,1fr))}}.text-white{text-shadow:1px 1px 2px rgba(0,0,0,.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes glowing{0%{box-shadow:0 0 10px rgba(58,129,247,.3)}50%{box-shadow:0 0 25px rgba(58,129,247,.6)}to{box-shadow:0 0 10px rgba(58,129,247,.3)}}.animate-title{animation:fadeIn 1s ease-in-out}.flip-card{width:300px;height:350px;perspective:1000px;animation:floating 5s ease-in-out infinite}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s ease-in-out;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg) scale(1.05)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;border-radius:20px;backface-visibility:hidden;padding:20px;text-align:center}.flip-card-back,.flip-card-front{display:flex;align-items:center;justify-content:center}.flip-card-front{background:linear-gradient(135deg,rgba(58,129,247,.6),rgba(198,62,247,.6));color:#fff;font-weight:700}.flip-card-back{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transform:rotateY(180deg)}.glow-border{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:20px;background:linear-gradient(45deg,rgba(58,129,247,.5),rgba(198,62,247,.5));filter:blur(8px);opacity:.5;z-index:-1;animation:glowing 2s infinite alternate}.announcements-container{background:linear-gradient(135deg,#fff,#f0f9ff);padding:2rem;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1);text-align:center;animation:fadeInUp 1s ease-in-out;max-width:900px;margin:0 auto}.announcements-title{font-size:2rem;font-weight:700;color:#007bff;margin-bottom:1rem;text-shadow:1px 1px 3px rgba(0,0,0,.2);animation:glow 1.5s infinite alternate}.announcement-card{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);padding:1.2rem;margin:10px 0;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;font-size:1.1rem;font-weight:500}.announcement-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.announcement-link{color:#007bff;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.announcement-link:hover{color:#ff4500;text-decoration:underline}@keyframes glow{0%{text-shadow:0 0 10px rgba(0,123,255,.8)}to{text-shadow:0 0 15px #007bff}}.counter-container{padding:2rem 2rem 1rem;max-width:1000px;margin:0 auto 20px;overflow:hidden;position:relative;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.63);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.2);animation:fadeInUp 1s ease-in-out;text-align:center}.vlabs-header{font-weight:800;color:transparent;background:linear-gradient(90deg,#000,#034152);background-clip:text;-webkit-background-clip:text;display:inline-block;transition:transform .3s ease,text-shadow .3s ease;cursor:pointer;margin-bottom:2rem}.vlabs-header:hover{transform:scale(1.05);text-shadow:0 4px 15px rgba(0,198,255,.7)}.counter-box{position:relative;width:100%;height:140px;overflow:hidden;border-radius:15px}.counter-group{display:flex;justify-content:space-between;position:absolute;width:100%;transition:transform 1s ease,opacity .8s ease}.counter-item{width:48%;padding:20px;border-radius:15px;font-size:1.2rem;font-weight:700;text-align:center;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.15);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.15);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.counter-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.2)}.counter-blue{background:linear-gradient(135deg,#007bff,#00c6ff)}.counter-green{background:linear-gradient(135deg,#28a745,#6f9)}.counter-orange{background:linear-gradient(135deg,#fd7e14,#ffb84d)}.counter-purple{background:linear-gradient(135deg,#6f42c1,#b266ff)}.slide-in-left{transform:translateX(0);opacity:1}.slide-out-left{transform:translateX(-120%);opacity:0}.slide-in-right{transform:translateX(0);opacity:1}.slide-out-right{transform:translateX(120%);opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}