*{margin:0;padding:0;box-sizing:border-box}:root{--bg-black: #000000;--bg-card: rgba(15, 15, 15, .75);--chrome-bright: #ffffff;--chrome: #e8e8e8;--chrome-mid: #b8b8b8;--chrome-dark: #707070;--border: rgba(255, 255, 255, .15);--border-hover: rgba(255, 255, 255, .35);--shadow-sm: 0 2px 12px rgba(0, 0, 0, .9);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .95);--glow-white: 0 0 25px rgba(255, 255, 255, .25), 0 0 50px rgba(255, 255, 255, .1);--glow-silver: 0 0 35px rgba(220, 220, 220, .3);--transition: all .4s cubic-bezier(.4, 0, .2, 1)}body{font-family:Dancing Script,cursive;background:#000;color:var(--chrome-bright);overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 1000px 500px at 50% -100px,rgba(255,255,255,.12) 0%,rgba(255,255,255,.06) 20%,rgba(255,255,255,.03) 40%,transparent 70%),radial-gradient(circle 600px at 10% 10%,rgba(255,255,255,.04) 0%,transparent 60%),radial-gradient(circle 600px at 90% 10%,rgba(255,255,255,.04) 0%,transparent 60%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.02) 0%,transparent 80%);z-index:0;pointer-events:none;animation:breatheLight 12s ease-in-out infinite}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.02) 45%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.02) 55%,transparent 65%);z-index:1;pointer-events:none;animation:reflectionSweep 35s ease-in-out infinite}@keyframes breatheLight{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}@keyframes reflectionSweep{0%,to{transform:rotate(-5deg) translate(-10%)}50%{transform:rotate(5deg) translate(10%)}}#galaxyCanvas{display:none}#app{position:relative;z-index:2;min-height:100vh}.artist-header{text-align:center;padding:5rem 2rem 3.5rem;max-width:1400px;margin:0 auto}.logo-container{margin-bottom:2rem;opacity:0;animation:fadeIn 1.5s ease-out forwards;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 1.6rem;border-radius:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff1f,0 10px 40px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-logo{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 4px 15px rgba(0,0,0,.95)) drop-shadow(0 0 25px rgba(255,255,255,.12)) drop-shadow(0 0 50px rgba(255,255,255,.06));transition:var(--transition)}.site-logo:hover{filter:drop-shadow(0 8px 20px rgba(0,0,0,1)) drop-shadow(0 0 35px rgba(255,255,255,.2)) drop-shadow(0 0 70px rgba(255,255,255,.12));transform:translateY(-3px) scale(1.02)}.artist-name{font-family:Italianno,cursive;font-size:5rem;font-weight:400;background:linear-gradient(180deg,#fff,#f0f0f0 20%,#d0d0d0,#e8e8e8 80%,silver);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.95),0 0 30px rgba(255,255,255,.1);margin-bottom:.5rem;opacity:0;animation:fadeIn 2s ease-out .3s forwards;letter-spacing:2px;filter:drop-shadow(0 0 20px rgba(255,255,255,.08))}.artist-subtitle{font-size:1.4rem;color:var(--chrome-mid);font-family:Dancing Script,cursive;letter-spacing:3px;text-transform:uppercase;opacity:0;animation:fadeIn 2s ease-out .6s forwards;font-weight:400}.discography-section{padding:3rem 2rem;max-width:1400px;margin:0 auto}.discography-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;justify-items:center}.discography-card{width:100%;max-width:380px;cursor:pointer;transition:var(--transition);opacity:0;animation:fadeIn 1s ease-out .8s forwards}.card-inner{position:relative;transition:var(--transition)}.album-artwork{position:relative;border-radius:8px;overflow:hidden;margin-bottom:1.2rem;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm),inset 0 1px #ffffff14,0 0 0 1px #000c;transition:var(--transition)}.cover-image{width:100%;height:auto;display:block;transition:var(--transition)}.holo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.05) 100%),radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 50%);transition:var(--transition);pointer-events:none}.play-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;border:1px solid var(--border-hover);border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;opacity:0;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discography-card:hover .album-artwork{border-color:var(--border-hover);box-shadow:var(--shadow-lg),var(--glow-white),inset 0 1px #ffffff26,0 0 0 1px #ffffff1a;transform:translateY(-2px)}.discography-card:hover .holo-overlay{opacity:1}.discography-card:hover .play-indicator{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.discography-card:hover .cover-image{transform:scale(1.03)}.discography-card:hover{transform:translateY(-8px)}.album-info{text-align:center}.album-title{font-family:Italianno,cursive;font-size:2.2rem;margin-bottom:.3rem;background:linear-gradient(180deg,#fff,#e8e8e8,#c8c8c8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 6px rgba(0,0,0,.9);filter:drop-shadow(0 0 15px rgba(255,255,255,.06));transition:var(--transition)}.discography-card:hover .album-title{filter:drop-shadow(0 0 20px rgba(255,255,255,.15));text-shadow:0 2px 8px rgba(0,0,0,.95)}.album-year{font-size:1rem;color:var(--chrome-dark);font-family:Dancing Script,cursive;letter-spacing:1px}.album-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.album-modal.active{display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1}.album-modal-content{position:relative;z-index:1001;max-width:90vw;max-height:90vh;overflow-y:auto}.expanded-album{background:linear-gradient(135deg,#141414f2,#0f0f0ff2,#121212f2);border:1px solid var(--border);border-radius:12px;padding:3rem;position:relative;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:var(--shadow-lg),var(--glow-white),inset 0 1px #ffffff1a,0 0 0 1px #000000e6}.close-modal{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff0d;border:1px solid var(--border);color:var(--chrome);width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:var(--transition);z-index:1002;display:flex;align-items:center;justify-content:center}.close-modal:hover{background:#ffffff1a;border-color:var(--border-hover);color:var(--chrome-bright);box-shadow:var(--glow-white)}.expanded-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.expanded-artwork{text-align:center}.expanded-cover{width:100%;max-width:420px;height:auto;border-radius:8px;box-shadow:var(--shadow-lg)}.hands-container{margin-top:2rem;opacity:.9}.hands-image{width:100%;max-width:320px;height:auto;animation:tugOfWar 4s ease-in-out infinite}@keyframes tugOfWar{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.expanded-info{padding-left:2rem}.expanded-title{font-family:Italianno,cursive;font-size:3.5rem;margin-bottom:.8rem;color:var(--chrome);text-shadow:0 2px 4px rgba(0,0,0,.9)}.expanded-artist{font-size:1.8rem;margin-bottom:.4rem;color:var(--white)}.expanded-producer{font-size:1.1rem;color:var(--chrome-mid);margin-bottom:1.5rem;font-family:Dancing Script,cursive;text-transform:uppercase;letter-spacing:1px}.album-details{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1rem;color:var(--chrome-mid)}.detail-separator{color:var(--chrome-dark)}.album-description{font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;color:var(--chrome-mid)}.platform-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem}.platform-link-expanded{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;background:#ffffff08;border:1px solid var(--border);border-radius:6px;text-decoration:none;color:var(--chrome);transition:var(--transition);font-size:.85rem}.platform-link-expanded:hover{background:#ffffff0f;border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--glow-white)}.platform-icon-expanded{width:18px;height:18px}.social-links{position:fixed;top:2rem;right:2rem;z-index:1000;display:flex;gap:.8rem}body.modal-open .social-links{display:none}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid var(--border);border-radius:50%;text-decoration:none;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff14}.social-link:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0f);border-color:var(--border-hover);transform:translateY(-3px) scale(1.05);box-shadow:var(--glow-white),inset 0 1px #ffffff1f}.social-icon{width:22px;height:22px;filter:invert(1) brightness(.9);transition:var(--transition)}.social-link:hover .social-icon{filter:invert(1) brightness(1.1)}.section-transition{height:80px;position:relative;overflow:hidden}.tension-particle{position:absolute;width:4px;height:4px;background:#fff6;border-radius:50%;animation:floatParticle 6s ease-in-out infinite}.tension-particle:nth-child(1){left:15%;bottom:50%;animation-delay:0s}.tension-particle:nth-child(2){left:35%;bottom:40%;animation-delay:.8s}.tension-particle:nth-child(3){left:65%;bottom:55%;animation-delay:1.6s}.tension-particle:nth-child(4){left:85%;bottom:45%;animation-delay:2.4s}@keyframes floatParticle{0%,to{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}.social-feed{margin-top:2rem;position:relative}.feed-title{font-family:Italianno,cursive;font-size:3.5rem;text-align:center;margin-bottom:2.5rem;background:linear-gradient(180deg,#fff,#e8e8e8,#d0d0d0);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.95);filter:drop-shadow(0 0 25px rgba(255,255,255,.08))}.feed-container{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto}.video-feature{position:relative;border-radius:8px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);width:100%;transition:var(--transition);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0d}.video-feature:hover{border-color:var(--border-hover);box-shadow:var(--glow-white),inset 0 1px #ffffff1a;transform:translateY(-2px)}.video-feature iframe{width:100%;aspect-ratio:16/9;border:none}.video-info{padding:1rem}.video-info h3{font-size:1.2rem;margin-bottom:.4rem;color:var(--chrome)}.video-info p{color:var(--chrome-mid);font-size:.9rem}.shorts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.video-item{position:relative;border-radius:8px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:var(--transition)}.video-item:hover{border-color:var(--border-hover);box-shadow:var(--glow-white)}.video-item iframe{width:100%;aspect-ratio:16/9;border:none}.video-info-small{padding:.7rem}.video-info-small h4{font-size:.95rem;margin-bottom:.2rem;color:var(--chrome)}.video-info-small p{color:var(--chrome-mid);font-size:.8rem}.featured-videos-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.video-feature-card{position:relative;border-radius:8px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);transition:var(--transition)}.video-feature-card:hover{transform:translateY(-4px);box-shadow:var(--glow-white);border-color:var(--border-hover)}.video-feature-card iframe{width:100%;aspect-ratio:16/9;border:none}.video-feature-card .video-info{padding:1rem}.video-feature-card .video-info h3{font-size:1.1rem;margin-bottom:.4rem;color:var(--chrome)}.video-feature-card .video-info p{color:var(--chrome-mid);font-size:.85rem}.site-footer{background:#050505f2;padding:3rem 2rem 2rem;margin-top:5rem;border-top:1px solid var(--border)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}.footer-signup h3{font-family:Italianno,cursive;font-size:2.2rem;margin-bottom:.8rem;color:var(--chrome)}.footer-signup p{color:var(--chrome-mid);margin-bottom:1.5rem;font-size:1rem}.signup-form{margin-top:1.5rem}.input-group{display:flex;gap:0;border-radius:50px;overflow:hidden;background:#ffffff08;border:1px solid var(--border)}.input-group input{flex:1;padding:.9rem 1.3rem;border:none;background:transparent;color:var(--white);font-size:.95rem;outline:none}.input-group input::placeholder{color:var(--chrome-dark)}.input-group button{padding:.9rem 1.8rem;border:1px solid var(--border);background:linear-gradient(135deg,#ffffff14,#ffffff0a);color:var(--chrome);font-weight:700;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;position:relative;overflow:hidden}.input-group button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease}.input-group button:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:var(--border-hover);color:var(--chrome-bright);box-shadow:var(--glow-white)}.input-group button:hover:before{left:100%}.form-message{margin-top:.8rem;padding:.5rem;border-radius:4px;text-align:center;font-size:.85rem}.form-message.success{background:#00ff001a;color:#0f0;border:1px solid rgba(0,255,0,.3)}.form-message.error{background:#ff00001a;color:#f66;border:1px solid rgba(255,0,0,.3)}.footer-info{text-align:right}.copyright{color:var(--chrome-dark);margin-bottom:.8rem;font-size:.9rem}.footer-links a{color:var(--chrome-mid);text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--chrome)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal:target{display:flex;justify-content:center;align-items:center}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2.5rem;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.modal-content h3{font-family:Italianno,cursive;font-size:2.2rem;margin-bottom:1.5rem;color:var(--chrome)}.modal-text{color:var(--chrome-mid);line-height:1.6}.modal-text h4{color:var(--chrome);margin:1.2rem 0 .4rem}.modal-close{position:absolute;top:1rem;right:1.2rem;color:var(--chrome-mid);text-decoration:none;font-size:1.8rem;transition:var(--transition)}.modal-close:hover{color:var(--chrome)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.coming-soon-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden;cursor:pointer;transition:var(--transition);min-height:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.coming-soon-card:hover{transform:translateY(-6px);border-color:var(--border-hover);box-shadow:var(--glow-white)}.coming-soon-content{position:relative;z-index:2}.coming-soon-icon{font-size:3.5rem;margin-bottom:1.2rem;color:var(--chrome);filter:drop-shadow(0 0 15px rgba(255,255,255,.15))}.coming-soon-title{font-size:2.2rem;font-weight:700;margin-bottom:.8rem;color:var(--chrome)}.coming-soon-subtitle{font-size:1.1rem;color:var(--chrome-mid);margin-bottom:1.2rem;font-family:Dancing Script,cursive}.coming-soon-cta{background:#ffffff0f;border:1px solid var(--border);color:var(--chrome);padding:.8rem 1.6rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px}.coming-soon-cta:hover{background:#ffffff1a;border-color:var(--border-hover);color:var(--chrome-bright);box-shadow:var(--glow-white)}.subscription-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition)}.subscription-modal.active{opacity:1;visibility:visible}.subscription-modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2.5rem;max-width:500px;width:90%;text-align:center;position:relative}.subscription-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--chrome-mid);font-size:1.5rem;cursor:pointer;transition:var(--transition)}.subscription-modal-close:hover{color:var(--chrome)}.subscription-modal h3{font-size:2.2rem;margin-bottom:.8rem;color:var(--chrome)}.subscription-modal p{font-size:1.1rem;color:var(--chrome-mid);margin-bottom:1.5rem;line-height:1.5}.subscription-form{display:flex;flex-direction:column;gap:.8rem}.subscription-input{padding:.9rem 1.2rem;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--white);font-size:1rem;transition:var(--transition)}.subscription-input:focus{outline:none;border-color:var(--border-hover);box-shadow:var(--glow-white)}.subscription-input::placeholder{color:var(--chrome-dark)}.subscription-submit{background:#ffffff0f;border:1px solid var(--border);color:var(--chrome);padding:.9rem 1.5rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px}.subscription-submit:hover{background:#ffffff1a;border-color:var(--border-hover);color:var(--chrome-bright);box-shadow:var(--glow-white)}.subscription-submit:disabled{opacity:.5;cursor:not-allowed}.expanded-artwork-only{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem}.expanded-cover-large{max-width:90vw;max-height:80vh;width:auto;height:auto;border-radius:8px;box-shadow:var(--shadow-lg)}.album-modal.masoquistas-modal,.album-modal.confia-modal{background:#000000fa}.masoquistas-modal-content,.confia-modal-content{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.masoquistas-canvas,.confia-canvas{position:absolute;top:0;left:0;width:100vw!important;height:100vh!important;z-index:1;opacity:.1;mix-blend-mode:screen}.masoquistas-hero,.confia-hero{position:relative;z-index:10;text-align:center;width:100%;max-width:800px;padding:2rem}.dynamic-title{font-family:Italianno,cursive;font-size:clamp(2.5rem,7vw,5rem);color:var(--chrome);text-shadow:0 4px 8px rgba(0,0,0,.9);margin-bottom:1rem}.dynamic-artist{font-family:Dancing Script,cursive;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--chrome-mid);margin-bottom:.8rem}.dynamic-producer{font-size:clamp(.9rem,2vw,1.2rem);color:var(--chrome-dark);text-transform:uppercase;letter-spacing:2px;margin:1.5rem 0}.masoquistas-platforms,.confia-platforms{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.masoquistas-platform-link,.confia-platform-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff08;border:1px solid var(--border);border-radius:50%;transition:var(--transition);text-decoration:none}.masoquistas-platform-link:hover,.confia-platform-link:hover{background:#ffffff0f;border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--glow-white)}.masoquistas-platform-icon,.confia-platform-icon{width:24px;height:24px;filter:invert(1) brightness(.9)}body.modal-open{overflow:hidden;height:100vh;position:fixed;width:100%}@media (max-width: 1200px){.expanded-content{grid-template-columns:1fr;gap:2rem}.expanded-info{padding-left:0;text-align:center}}@media (max-width: 768px){.artist-name{font-size:3.6rem}.artist-subtitle{font-size:1.2rem}.site-logo{max-width:230px}.discography-grid{grid-template-columns:1fr;gap:2rem}.featured-videos-container{grid-template-columns:1fr;gap:1.2rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-info{text-align:center}.social-links{top:1rem;right:1rem}.input-group{flex-direction:column;border-radius:12px}.input-group button{border-radius:0 0 12px 12px}.expanded-album{padding:2rem;margin:1rem}.expanded-title{font-size:2.8rem}.platform-links{grid-template-columns:1fr}}@media (max-width: 480px){.artist-name{font-size:2.9rem}.artist-subtitle{font-size:1rem}.site-logo{max-width:190px}.discography-card{max-width:300px}.album-title{font-size:1.9rem}.expanded-album{padding:1.5rem}.expanded-title{font-size:2.3rem}}
