:root{--primary-gradient:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 50%,#06b6d4 100%);--dark-gradient:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);--accent-gradient:linear-gradient(90deg,#06b6d4 0%,#8b5cf6 100%);--color-ocean-deep:#1e3a8a;--color-sky-bright:#3b82f6;--color-cyan-vivid:#06b6d4;--color-purple-mystic:#8b5cf6;--color-slate-dark:#0f172a;--color-gold-accent:#fbbf24;--shadow-glow:0 4px 24px rgba(59,130,246,.2);--shadow-deep:0 20px 60px rgba(15,23,42,.5);--shadow-float:0 8px 32px rgba(6,182,212,.15);--transition-smooth:cubic-bezier(.4,0,.2,1);--border-radius-lg:16px;--border-radius-xl:24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Poppins",sans-serif;color:#1e293b;line-height:1.7;overflow-x:hidden}.navbar{background:rgba(15,23,42,.95)!important;backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.3);border-bottom:1px solid rgba(59,130,246,.2);position:sticky;top:0;z-index:100}.logo-text{font-size:1.75rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;text-shadow:0 0 30px rgba(59,130,246,.5);position:relative;transition:all 0.4s var(--transition-smooth)}.logo-text::after{content:"VibeCast Studio";position:absolute;left:0;top:0;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transition:opacity 0.4s ease}.logo-text:hover::after{opacity:1}.logo-text:hover{transform:scale(1.08);filter:brightness(1.3)}.navbar-item{font-weight:500;color:#cbd5e1!important;transition:all 0.3s var(--transition-smooth);position:relative;padding:1rem 1.25rem}.navbar-item::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:var(--primary-gradient);transition:width 0.3s ease;border-radius:2px}.navbar-item:hover::before,.navbar-item.is-active::before{width:80%}.navbar-item:hover{color:#ffffff!important;background:rgba(59,130,246,.1)}.navbar-item.is-active{color:#ffffff!important;font-weight:600}@media screen and (max-width:1023px){.navbar-menu{background:rgba(15,23,42,.98);backdrop-filter:blur(20px)}}.hero-gradient{background:var(--primary-gradient);position:relative;overflow:hidden;min-height:600px}.hero-gradient::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:50px 50px;animation:particleMove 20s linear infinite}@keyframes particleMove{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.hero-gradient::after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 4s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.hero.is-primary{background:var(--primary-gradient)}.button.is-primary{background:var(--primary-gradient);border:none;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(59,130,246,.4);transition:all 0.4s var(--transition-smooth);transform-style:preserve-3d}.button.is-primary::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left 0.5s ease}.button.is-primary:hover::before{left:100%}.button.is-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 30px rgba(59,130,246,.6)}.button.is-primary:active{transform:translateY(-1px) scale(1.01)}.cta-button{padding:1.75rem 3.5rem;font-size:1.25rem;border-radius:var(--border-radius-lg)}.cta-button-outline{border:2px solid #fff;background:transparent;backdrop-filter:blur(10px)}.cta-button-outline:hover{background:#fff;color:var(--color-ocean-deep)!important;transform:translateY(-3px)}.card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-float);transition:all 0.5s var(--transition-smooth);overflow:hidden;border:1px solid rgba(59,130,246,.15);background:#fff;position:relative}.card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform 0.5s ease}.card:hover::before{transform:scaleX(1)}.card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-deep);border-color:rgba(59,130,246,.4)}.feature-card{height:100%;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)}.feature-card .icon{transition:all 0.4s var(--transition-smooth)}.feature-card:hover .icon{transform:scale(1.2) rotate(10deg);color:var(--color-cyan-vivid);filter:drop-shadow(0 4px 8px rgba(6,182,212,.4))}.game-card{height:100%}.game-card .card-image{overflow:hidden;position:relative}.game-card .card-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(30,58,138,.7) 100%);opacity:0;transition:opacity 0.4s ease}.game-card:hover .card-image::after{opacity:1}.game-card .card-image img{transition:transform 0.6s var(--transition-smooth)}.game-card:hover .card-image img{transform:scale(1.15)}.event-card-detail{position:relative;height:100%}.event-badge{position:absolute;top:1rem;right:1rem;z-index:10}.event-badge .tag{box-shadow:0 4px 12px rgba(0,0,0,.2)}.blog-card{height:100%;display:flex;flex-direction:column}.blog-card .card-content{flex-grow:1;display:flex;flex-direction:column}.blog-card .content{flex-grow:1}.blog-card .card-image{position:relative;overflow:hidden}.blog-card .card-image img{transition:transform 0.5s ease}.blog-card:hover .card-image img{transform:scale(1.12)}.featured-article{border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-glow)}.cta-section{background:var(--primary-gradient);padding:6rem 1.5rem;position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);animation:pulse 10s infinite alternate}@keyframes pulse{0%{transform:scale(.8) rotate(0deg);opacity:.5}100%{transform:scale(1.2) rotate(180deg);opacity:.8}}.footer{padding:4rem 1.5rem 2rem;background:var(--dark-gradient)}.footer a{color:#cbd5e1;transition:all 0.3s ease;position:relative;display:inline-block}.footer a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width 0.3s ease}.footer a:hover::after{width:100%}.footer a:hover{color:var(--color-cyan-vivid);transform:translateX(4px)}.cookie-consent{position:fixed;bottom:2rem;right:2rem;max-width:420px;background:var(--dark-gradient);color:#fff;padding:1.75rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-deep);border:1px solid rgba(6,182,212,.3);z-index:999;display:none;animation:slideInRight 0.6s var(--transition-smooth)}@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.cookie-consent.show{display:block}.cookie-content p{margin-bottom:1rem;font-size:.9rem;line-height:1.6}.cookie-buttons{display:flex;gap:.75rem}.cookie-buttons .button{flex:1;font-weight:600}@media screen and (max-width:768px){.cookie-consent{right:1rem;left:1rem;bottom:1rem;max-width:none}}.game-modal-content{max-width:95vw;max-height:95vh;border-radius:var(--border-radius-xl);overflow:hidden}.game-modal-content .box{padding:2.5rem;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);box-shadow:var(--shadow-deep);border-radius:var(--border-radius-xl)}.game-modal-content .delete{background:rgba(239,68,68,.9);transition:all 0.3s ease}.game-modal-content .delete:hover{background:rgba(239,68,68,1);transform:scale(1.1)}.iframe-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.faq-card{margin-bottom:1rem;border-left:4px solid transparent;transition:all 0.3s ease}.faq-card:hover{border-left-color:var(--color-sky-bright)}.faq-card .card-header{cursor:pointer;transition:all 0.3s ease;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.05) 100%)}.faq-card .card-header:hover{background:linear-gradient(90deg,rgba(59,130,246,.1) 0%,rgba(6,182,212,.1) 100%)}.faq-card .card-header .icon{transition:transform 0.3s ease}.faq-card .card-header.active .icon{transform:rotate(180deg);color:var(--color-sky-bright)}.faq-content{max-height:0;overflow:hidden;transition:max-height 0.5s var(--transition-smooth)}.faq-content.is-active{max-height:2000px}.contact-info-card{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid rgba(59,130,246,.2)}.contact-item{padding:1.25rem;background:#fff;border-radius:12px;border-left:4px solid var(--color-sky-bright);box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all 0.3s ease}.contact-item:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.contact-item a{color:var(--color-ocean-deep);font-weight:500}.contact-item a:hover{color:var(--color-cyan-vivid)}.input:focus,.textarea:focus,.select select:focus{border-color:var(--color-sky-bright);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.tag{transition:all 0.3s ease;font-weight:500}.tag:hover{transform:scale(1.08);box-shadow:0 4px 8px rgba(0,0,0,.15)}@media screen and (max-width:768px){.hero-gradient{min-height:500px}.hero.is-large .hero-body{padding:4rem 1.5rem}.title.is-1{font-size:2.25rem}.cta-button{padding:1.25rem 2.5rem;font-size:1.1rem}.featured-article .columns{flex-direction:column}}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{animation:fadeInUp 0.8s ease-out}.card.is-loading{animation:pulse-loading 1.5s infinite}@keyframes pulse-loading{0%,100%{opacity:1}50%{opacity:.7}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}a:focus,button:focus,input:focus{outline:3px solid var(--color-cyan-vivid);outline-offset:2px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}@media print{.navbar,.footer,.cookie-consent,.button,.modal{display:none!important}}