@tailwind base;@tailwind components;@tailwind utilities;:root{--background: 0 0% 4%;--foreground: 0 0% 100%;--primary: 180 100% 50%;--primary-foreground: 0 0% 4%;--secondary: 0 0% 12%;--secondary-foreground: 0 0% 100%;--accent: 180 100% 60%;--accent-foreground: 0 0% 4%;--muted: 0 0% 8%;--muted-foreground: 0 0% 75%;--card: 0 0% 8%;--card-foreground: 0 0% 100%;--border: 0 0% 20%;--input: 0 0% 15%;--ring: 180 100% 50%;--destructive: 0 62% 30%;--destructive-foreground: 0 0% 100%;--gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(180 100% 60%));--gradient-hero: linear-gradient(135deg, hsl(var(--foreground)) 0%, hsl(var(--primary)) 50%, hsl(var(--accent)) 100%);--shadow-glow: 0 10px 30px hsl(var(--primary) / .3);--shadow-hover: 0 20px 40px hsl(var(--primary) / .4);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@font-face{font-family:Dystopian;src:url(/fonts/Dystopian-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}body{font-family:Montserrat,sans-serif;background:hsl(var(--background));color:hsl(var(--foreground));overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,.hero-title-main,.section-title,.artist-name,.logo{font-family:Dystopian,Montserrat,sans-serif}.app{will-change:transform;transform:translateZ(0)}img{max-width:100%;height:auto;display:block}button,a{touch-action:manipulation}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero{contain:layout style paint;content-visibility:auto}.header{contain:layout style;content-visibility:auto}.artists-grid{content-visibility:auto;contain-intrinsic-size:1000px}.about{content-visibility:auto;contain-intrinsic-size:800px}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:hsl(var(--background));display:flex;align-items:center;justify-content:center;z-index:9999;contain:strict}.loading-logo-image{width:120px;height:auto}@media (max-width: 768px){.hero-bg{will-change:auto;transform:none!important}.custom-cursor{display:none}.hero-video-element{transform:none!important}.hero-video-element{transform:translateZ(0)}.hero-title-main{font-size:clamp(1.5rem,6vw,3rem)}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:hsl(var(--background) / .95);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid hsl(var(--border));transition:var(--transition-smooth)}.header-scrolled{box-shadow:var(--shadow-glow);background:hsl(var(--background) / .98);border-bottom-color:hsl(var(--primary) / .2)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.header .container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{z-index:1001;cursor:pointer;transition:var(--transition-smooth)}.logo-image{height:125px;width:auto}.desktop-nav{display:flex;gap:40px;align-items:center}.nav-link{color:hsl(var(--foreground));text-decoration:none;font-weight:500;font-size:15px;letter-spacing:.5px;transition:var(--transition-smooth);text-transform:uppercase;cursor:pointer;background:none;border:none;padding:12px 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:hsl(var(--primary));transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover{color:hsl(var(--primary))}.contact-btn{background:var(--gradient-primary);padding:12px 24px;border-radius:30px;color:hsl(var(--primary-foreground))!important;font-weight:600;border:none;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-glow)}.contact-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.contact-btn:after{display:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:hsl(var(--background));overflow:hidden;padding-top:80px}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-video-element{width:100%;height:100%;object-fit:cover;opacity:.4}.hero-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:hsl(var(--background) / .7)}.hero-content{position:relative;z-index:3;text-align:center;max-width:1000px;margin:0 auto;padding:60px 24px}.hero-title{margin-bottom:40px}.hero-title-main{display:block;font-size:clamp(3rem,10vw,7rem);font-weight:900;letter-spacing:-4px;background:var(--gradient-hero);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;text-shadow:0 0 40px hsl(var(--primary) / .3)}.hero-title-sub{display:block;font-size:clamp(1rem,3vw,1.8rem);font-weight:300;color:hsl(var(--muted-foreground));letter-spacing:3px;text-transform:uppercase;margin-bottom:24px}.hero-description{font-size:18px;color:hsl(var(--muted-foreground));line-height:1.8;max-width:700px;margin:40px auto}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:50px auto}.stat{text-align:center;cursor:pointer;padding:24px 16px;border-radius:16px;transition:var(--transition-smooth);background:hsl(var(--card) / .5);border:1px solid hsl(var(--border));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat:hover{transform:translateY(-8px);border-color:hsl(var(--primary) / .3);box-shadow:var(--shadow-glow);background:hsl(var(--card) / .8)}.stat-number{display:block;font-size:2.5rem;font-weight:900;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.stat-label{font-size:13px;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:1px;font-weight:500}.hero-buttons{display:flex;flex-direction:column;gap:20px;justify-content:center;margin-top:50px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border:none;border-radius:50px;font-weight:600;font-size:15px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:var(--transition-smooth);cursor:pointer;min-width:220px;width:100%;max-width:320px;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:hsl(var(--primary-foreground));box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.btn-secondary{background:transparent;color:hsl(var(--foreground));border:2px solid hsl(var(--border))}.btn-secondary:hover{background:hsl(var(--secondary));border-color:hsl(var(--primary));transform:translateY(-3px)}.artists{padding:100px 0;background:hsl(var(--background));position:relative}.section-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;text-align:center;margin-bottom:80px;background:var(--gradient-hero);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.artists-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:60px}.artist-card{background:hsl(var(--card));border-radius:24px;border:1px solid hsl(var(--border));overflow:hidden;transition:var(--transition-smooth);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.artist-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.artist-image{position:relative;width:100%;height:300px;overflow:hidden}.artist-photo{width:100%;height:100%;object-fit:cover;object-position:center top;transition:var(--transition-smooth)}.artist-info{padding:24px;text-align:center}.artist-name{font-size:1.8rem;font-weight:800;margin-bottom:12px;color:hsl(var(--foreground));text-transform:uppercase;letter-spacing:1px}.artist-stats{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.artist-stats span{font-size:13px;color:hsl(var(--muted-foreground));font-weight:500}.artist-social{display:flex;gap:16px;margin-bottom:24px;justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;transition:var(--transition-smooth);text-decoration:none}.social-link.youtube{background:red;color:#fff}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-link.spotify{background:#1db954;color:#fff}.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px hsla(var(--primary),.3)}.artist-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.btn-artist{padding:14px 20px;border:none;border-radius:12px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;text-align:center;min-width:220px}.btn-profile{background:var(--gradient-primary);color:hsl(var(--primary-foreground))}.btn-contract{background:hsl(var(--secondary));color:#000;border:1px solid hsl(var(--border))}.btn-artist:hover{transform:translateY(-2px);box-shadow:0 8px 25px hsla(var(--primary),.3)}.about{padding:100px 0;background:hsl(var(--background));position:relative}.about-content{max-width:1000px;margin:0 auto;text-align:center}.about-text p{font-size:18px;line-height:1.8;color:hsl(var(--muted-foreground));margin-bottom:24px}.about-text strong{color:hsl(var(--primary));font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:50px}.service{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;background:hsl(var(--card) / .5);border:1px solid hsl(var(--border));border-radius:16px;transition:var(--transition-smooth);cursor:pointer}.service:hover{transform:translateY(-5px);border-color:hsl(var(--primary) / .3);box-shadow:var(--shadow-glow);background:hsl(var(--card) / .8)}.service span{font-weight:600;color:hsl(var(--foreground));margin-top:12px}.contact{padding:100px 0;background:hsl(var(--background));text-align:center}.social-buttons{display:flex;justify-content:center;gap:30px;margin-top:40px;flex-wrap:wrap}.social-button{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:50px;text-decoration:none;font-weight:600;transition:var(--transition-smooth);border:none;cursor:pointer;font-size:15px}.social-button.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.social-button.whatsapp{background:#25d466;color:#fff}.social-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px hsla(var(--primary),.4)}.footer{background:hsl(var(--secondary));padding:60px 0 40px;text-align:center;border-top:1px solid hsl(var(--border))}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo-image{height:60px;width:auto}.footer-content p{color:hsl(var(--muted-foreground));font-size:14px}.footer-social{display:flex;gap:15px}.footer-social a{color:hsl(var(--muted-foreground));transition:var(--transition-smooth)}.footer-social a:hover{color:hsl(var(--primary))}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;z-index:1001;padding:5px}.hamburger{width:28px;height:24px;position:relative;transform:rotate(0);transition:.3s ease-in-out;cursor:pointer}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:hsl(var(--foreground));border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:10px}.hamburger span:nth-child(3){top:20px}.hamburger.active span:nth-child(1){top:10px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){opacity:0;left:-60px}.hamburger.active span:nth-child(3){top:10px;transform:rotate(-135deg)}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:hsl(var(--background) / .98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--border));padding:30px 24px;display:flex;flex-direction:column;gap:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stat{padding:16px 12px}.stat-number{font-size:1.8rem}.stat-label{font-size:12px}.btn{min-width:200px;font-size:14px;padding:14px 24px}.hero-title-main{font-size:clamp(2.5rem,8vw,4.5rem);letter-spacing:-2px}.hero-title-sub{font-size:clamp(.9rem,2.5vw,1.4rem);letter-spacing:2px}.hero-description{font-size:16px;margin:30px 0}.hero-buttons{gap:16px;margin-top:40px}.container{padding:0 16px}.hero-content{padding:40px 16px}.artists-grid{grid-template-columns:1fr;gap:30px;margin-top:40px}.artist-card{max-width:400px;margin:0 auto}.artist-image{height:250px}.artist-info{padding:20px}.artist-name{font-size:1.5rem}.artist-buttons{gap:10px}.btn-artist{padding:12px 16px;font-size:12px}.services-grid{grid-template-columns:1fr;gap:20px}.service{padding:20px 16px}.social-buttons{flex-direction:column;align-items:center;gap:15px}.social-button{width:100%;max-width:300px;justify-content:center}.about-text p{font-size:16px}.section-title{font-size:clamp(2rem,6vw,3rem);margin-bottom:40px}.artists,.about,.contact{padding:60px 0}}.loading-placeholder,.embed-loading{display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:hsl(var(--foreground));font-size:.875rem;min-height:150px}.component-skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hero-video-element{will-change:transform;transform:translateZ(0)}.artist-card{contain:layout style paint;will-change:transform}.section-title{contain:layout}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.hero-video-element{transform:translateZ(0);-webkit-transform:translateZ(0)}.artist-card{will-change:auto}}