* {margin:0;padding:0;box-sizing:border-box}:root {--primary-color:#ff4444;--secondary-color:#00d4ff;--accent-color:#ffd700;--dark-bg:#0a0a0a;--dark-card:#1a1a1a;--text-primary:#ffffff;--text-secondary:#b3b3b3;--gradient-1:linear-gradient(135deg,#ff4444 0%,#ff8844 100%);--gradient-2:linear-gradient(135deg,#00d4ff 0%,#0088ff 100%);--gradient-3:linear-gradient(135deg,#ff4444 0%,#0088ff 100%)}body:not(.loaded)>*:not(#loadingScreen):not(.video-background):not(.navbar):not(.footer) {opacity:0}body.loaded>* {opacity:1;transition:opacity 0.3s ease}#main-content {position:relative;z-index:1}.page-section {display:none;animation:fadeIn 0.4s ease}.page-section.active {display:block}@keyframes fadeIn {from {opacity:0;transform:translateY(10px)}to {opacity:1;transform:translateY(0)}}.loading-screen {position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a1a 0%,#1a0a2a 50%,#0a0a1a 100%);display:flex;justify-content:center;align-items:center;z-index:10002;opacity:1 !important;transition:opacity 0.5s ease,visibility 0.5s ease}.loading-screen.hidden {opacity:0 !important;visibility:hidden;pointer-events:none}.loading-content {text-align:center;animation:fadeInUp 1s ease}.loading-logo {width:120px;height:120px;margin-bottom:30px;animation:pulse 2s ease-in-out infinite}.loading-title {font-size:3rem;font-weight:900;margin-bottom:30px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:5px}.loading-spinner {margin:30px auto}.spinner {width:60px;height:60px;margin:0 auto;border:4px solid rgba(255,68,68,0.1);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-text {font-size:1.2rem;color:var(--text-secondary);margin-top:20px;margin-bottom:30px}.loading-bar {width:300px;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;margin:0 auto;overflow:hidden}.loading-progress {height:100%;background:var(--gradient-1);width:0%;transition:width 0.3s ease;border-radius:2px}@keyframes spin {0% {transform:rotate(0deg)}100% {transform:rotate(360deg)}}body {font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;padding-bottom:100px}.container {max-width:1200px;margin:0 auto;padding:0 20px}.video-background {position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:linear-gradient(135deg,#0a0a1a 0%,#1a0a2a 50%,#0a0a1a 100%);opacity:1 !important}.video-background video {width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(1.2);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:scale(1.02)}.video-overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:radial-gradient( circle at center 40%,transparent 0%,transparent 20%,rgba(10,10,26,0.3) 28%,rgba(10,10,26,0.6) 35%,rgba(10,10,26,0.85) 42%,rgba(10,10,26,0.95) 50%,rgba(10,10,26,0.98) 60%,#0a0a1a 70% )}.video-overlay::after {content:'';position:absolute;top:65vh;left:0;width:100%;height:calc(100% - 65vh);background:linear-gradient( to bottom,rgba(10,10,26,0) 0%,rgba(10,10,26,0.5) 10%,rgba(10,10,26,0.85) 25%,rgba(10,10,26,0.98) 50%,#0a0a1a 70% );pointer-events:none}.animated-background {position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(-45deg,#0a0a1a 0%,#1a0a2a 25%,#2a0a1a 50%,#1a1a3a 75%,#0a0a1a 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite}.animated-background::before {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,68,68,0.1) 0%,transparent 50%);animation:rotate 30s linear infinite}.animated-background::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,68,68,0.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,0.05) 0%,transparent 50%);animation:pulse-slow 20s ease-in-out infinite}@keyframes gradientShift {0% {background-position:0% 50%}50% {background-position:100% 50%}100% {background-position:0% 50%}}@keyframes rotate {0% {transform:rotate(0deg)}100% {transform:rotate(360deg)}}@keyframes pulse-slow {0%,100% {opacity:0.5}50% {opacity:1}}.navbar {position:fixed;top:0;width:100%;background:rgba(10,10,26,0.95);backdrop-filter:blur(10px);z-index:1000;padding:15px 0;box-shadow:0 2px 20px rgba(255,68,68,0.1);opacity:1 !important}.nav-container {max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo {display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:bold;color:var(--text-primary);letter-spacing:2px;text-decoration:none}.logo img {height:45px;width:45px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(255,68,68,0.3));transition:transform 0.3s ease}.logo img:hover {transform:rotate(360deg)}.nav-menu {display:flex;gap:30px;list-style:none}.nav-menu a {color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color 0.3s;position:relative}.nav-menu a::after {content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-1);transition:width 0.3s}.nav-menu a:hover,.nav-menu a.active {color:var(--text-primary)}.nav-menu a:hover::after,.nav-menu a.active::after {width:100%}.burger {display:none;flex-direction:column;gap:5px;cursor:pointer}.burger span {width:25px;height:3px;background:var(--text-primary);transition:all 0.3s}.hero {min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 20px 80px;position:relative;z-index:1;background:linear-gradient( to bottom,transparent 0%,transparent 60%,rgba(10,10,26,0.3) 70%,rgba(10,10,26,0.7) 80%,rgba(10,10,26,0.95) 90%,#0a0a1a 100% )}.hero-content h1 {font-size:6rem;font-weight:900;margin-bottom:20px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.8))}.tagline {font-size:2rem;margin-bottom:15px;color:var(--text-primary);animation:fadeInUp 1s ease 0.2s backwards;text-shadow:0 2px 8px rgba(0,0,0,0.9),0 4px 16px rgba(0,0,0,0.7)}.subtitle {font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto 40px;animation:fadeInUp 1s ease 0.4s backwards;text-shadow:0 2px 6px rgba(0,0,0,0.8),0 3px 12px rgba(0,0,0,0.6)}.cta-buttons {display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease 0.6s backwards}.btn {padding:15px 40px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform 0.3s;display:inline-block}.btn-primary {background:var(--gradient-1);color:white;box-shadow:0 5px 20px rgba(255,68,68,0.4)}.btn-primary:hover {transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,68,68,0.6)}.btn-secondary {background:transparent;border:2px solid var(--primary-color);color:var(--text-primary)}.btn-secondary:hover {background:var(--gradient-1);transform:translateY(-3px)}.btn-large {padding:18px 50px;font-size:1.1rem}.scroll-indicator {position:absolute;bottom:150px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:5px}.scroll-indicator span {width:3px;height:15px;background:var(--text-secondary);animation:scroll 1.5s infinite}.scroll-indicator span:nth-child(2) {animation-delay:0.2s}.scroll-indicator span:nth-child(3) {animation-delay:0.4s}@media (max-width:768px) {.scroll-indicator {bottom:100px}}.about-section,.genres-section,.tech-section,.story-section,.values-section,.streaming-section,.music-section,.playlists-section,.subscribe-section {padding:100px 20px;position:relative;z-index:1}.section-header {text-align:center;margin-bottom:60px}.section-header h2 {font-size:3rem;margin-bottom:20px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider {width:80px;height:4px;background:var(--gradient-1);margin:0 auto;border-radius:2px}.about-content {max-width:900px;margin:0 auto}.about-text {background:rgba(26,26,26,0.8);backdrop-filter:blur(10px);padding:50px;border-radius:20px;border:1px solid rgba(255,68,68,0.2)}.lead {font-size:1.5rem;font-weight:600;margin-bottom:30px;color:var(--text-primary)}.about-text p {font-size:1.1rem;margin-bottom:20px;color:var(--text-secondary)}.genres-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.genre-card {background:rgba(26,26,26,0.8);backdrop-filter:blur(10px);padding:40px;border-radius:20px;text-align:center;border:1px solid rgba(255,68,68,0.1);transition:all 0.3s}.genre-card:hover {transform:translateY(-10px);border-color:rgba(255,68,68,0.5);box-shadow:0 10px 40px rgba(255,68,68,0.2)}.genre-icon {font-size:3rem;margin-bottom:20px}.genre-card h3 {font-size:1.5rem;margin-bottom:15px;color:var(--text-primary)}.genre-card p {color:var(--text-secondary)}.tech-content {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tech-text h2 {font-size:2.5rem;margin-bottom:30px;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-text p {font-size:1.1rem;margin-bottom:20px;color:var(--text-secondary)}.tech-visual {position:relative;height:400px;display:flex;justify-content:center;align-items:center}.pulse-circle {position:absolute;width:200px;height:200px;border:3px solid var(--primary-color);border-radius:50%;animation:pulse 3s infinite}.pulse-circle.delay-1 {animation-delay:1s}.pulse-circle.delay-2 {animation-delay:2s}.cta-section {text-align:center;padding:100px 20px;background:linear-gradient(135deg,rgba(255,68,68,0.1) 0%,rgba(0,136,255,0.1) 100%)}.cta-section h2 {font-size:3rem;margin-bottom:20px}.cta-section p {font-size:1.3rem;color:var(--text-secondary);margin-bottom:40px}.page-header {padding:150px 20px 80px;text-align:center;min-height:40vh;display:flex;align-items:center;justify-content:center}.page-header h1,.page-header .page-title {font-size:4rem;margin-bottom:20px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p {font-size:1.3rem;color:var(--text-secondary)}.music-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.music-card {background:rgba(26,26,26,0.8);backdrop-filter:blur(10px);border-radius:15px;overflow:hidden;border:1px solid rgba(255,68,68,0.1);transition:all 0.3s;cursor:pointer}.music-card:hover {transform:translateY(-10px);border-color:rgba(255,68,68,0.5);box-shadow:0 10px 40px rgba(255,68,68,0.3)}.music-cover {position:relative;aspect-ratio:1;overflow:hidden}.music-cover img {width:100%;height:100%;object-fit:cover}.play-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 0.3s}.music-card:hover .play-overlay {opacity:1}.play-overlay.overlay-hidden {opacity:0 !important}.play-btn-large {width:70px;height:70px;border-radius:50%;border:none;background:var(--gradient-1);color:white;cursor:pointer;transition:transform 0.3s;display:flex;align-items:center;justify-content:center}.play-btn-large:hover {transform:scale(1.1)}.play-btn-large .play-icon,.play-btn-large .pause-icon {width:28px;height:28px;pointer-events:none}.play-btn-large .pause-icon {display:none}.music-info {padding:20px}.music-info h3 {font-size:1.3rem;margin-bottom:8px;color:var(--text-primary)}.artist {color:var(--text-secondary);margin-bottom:5px}.genre {color:var(--text-secondary);font-size:0.9rem}.playlists-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.playlist-card {background:rgba(26,26,26,0.8);backdrop-filter:blur(10px);padding:40px;border-radius:15px;border:1px solid rgba(255,68,68,0.1);transition:all 0.3s;cursor:pointer}.playlist-card:hover {transform:translateY(-5px);border-color:rgba(255,68,68,0.5);box-shadow:0 10px 30px rgba(255,68,68,0.2)}.playlist-card h3 {font-size:1.5rem;margin-bottom:15px}.playlist-card p {color:var(--text-secondary);margin-bottom:15px}.playlist-count {display:inline-block;padding:8px 15px;background:rgba(255,68,68,0.2);border-radius:20px;font-size:0.9rem}.story-content {max-width:900px;margin:0 auto}.story-block {background:rgba(26,26,26,0.8);backdrop-filter:blur(10px);padding:50px;border-radius:20px;border:1px solid rgba(255,68,68,0.2);margin-bottom:40px}.story-block h2 {font-size:2rem;margin-bottom:20px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-block p {font-size:1.1rem;color:var(--text-secondary);margin-bottom:15px}.feature-list {list-style:none;padding-left:0;margin:20px 0}.feature-list li {padding:15px 0;border-bottom:1px solid rgba(255,68,68,0.1);font-size:1.1rem;color:var(--text-secondary)}.feature-list li:last-child {border-bottom:none}.feature-list strong {color:var(--text-primary);font-weight:600}.contact-section {padding:100px 0}.contact-info-center {max-width:700px;margin:0 auto;text-align:center}.contact-info-center h3 {font-size:2.5rem;margin-bottom:20px;color:var(--text-primary)}.contact-info-center p {color:var(--text-secondary);line-height:1.8;margin-bottom:50px;font-size:1.2rem}.social-links h4,.contact-details h4 {font-size:1.5rem;margin-bottom:25px;color:var(--primary-color)}.social-icons {display:flex;gap:25px;margin-bottom:50px;justify-content:center}.social-icon {width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(255,68,68,0.1);border:1px solid rgba(255,68,68,0.2);border-radius:50%;color:var(--primary-color);transition:all 0.3s ease}.social-icon:hover {background:var(--primary-color);color:var(--dark-bg);transform:translateY(-5px) scale(1.1);box-shadow:0 10px 30px rgba(255,68,68,0.4)}.social-icon svg {width:28px;height:28px}.contact-details {margin-top:40px;padding:40px;background:rgba(255,255,255,0.03);border-radius:20px;border:1px solid rgba(255,68,68,0.1);backdrop-filter:blur(10px)}.contact-details p {margin-bottom:10px;font-size:1.1rem}.contact-details a {color:var(--secondary-color);text-decoration:none;transition:color 0.3s ease;font-size:1.2rem;font-weight:600}.contact-details a:hover {color:var(--primary-color)}@media (max-width:768px) {.contact-info-center h3 {font-size:2rem}.social-icons {gap:20px}.social-icon {width:50px;height:50px}.social-icon svg {width:24px;height:24px}}.impressum-section {padding:100px 0}.impressum-content {max-width:900px;margin:0 auto}.impressum-block {background:rgba(255,255,255,0.03);padding:40px;margin-bottom:30px;border-radius:15px;border:1px solid rgba(255,68,68,0.1);backdrop-filter:blur(10px)}.impressum-block h2 {color:var(--primary-color);margin-bottom:20px;font-size:1.8rem}.impressum-block h3 {color:var(--secondary-color);margin-top:25px;margin-bottom:15px;font-size:1.3rem}.impressum-block p {line-height:1.8;margin-bottom:15px;color:var(--text-secondary)}.impressum-block a {color:var(--secondary-color);text-decoration:none;transition:color 0.3s ease}.impressum-block a:hover {color:var(--primary-color)}.impressum-block strong {color:var(--text-primary)}.values-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-card {background:rgba(26,26,26,0.8);backdrop-filter:blur(10px);padding:40px;border-radius:20px;text-align:center;border:1px solid rgba(255,68,68,0.1);transition:all 0.3s}.value-card:hover {transform:translateY(-10px);border-color:rgba(255,68,68,0.5);box-shadow:0 10px 40px rgba(255,68,68,0.2)}.value-icon {font-size:3rem;margin-bottom:20px}.value-card h3 {font-size:1.5rem;margin-bottom:15px}.value-card p {color:var(--text-secondary)}.platforms-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.platform-card {background:rgba(26,26,26,0.8);backdrop-filter:blur(10px);padding:40px;border-radius:20px;text-align:center;border:1px solid rgba(255,68,68,0.1);transition:all 0.3s;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;align-items:center}.platform-card:hover {transform:translateY(-10px);box-shadow:0 10px 40px rgba(255,68,68,0.3)}.platform-icon {margin-bottom:20px;color:var(--text-secondary);transition:color 0.3s}.platform-card.spotify:hover .platform-icon {color:#1DB954}.platform-card.youtube:hover .platform-icon {color:#FF0000}.platform-card.apple:hover .platform-icon {color:#FA243C}.platform-card.amazon:hover .platform-icon {color:#00A8E1}.platform-card.deezer:hover .platform-icon {color:#FF0092}.platform-card.tidal:hover .platform-icon {color:#000000}.platform-card h3 {font-size:1.5rem;margin-bottom:10px}.platform-card p {color:var(--text-secondary);font-size:0.9rem}.subscribe-content {text-align:center;max-width:600px;margin:0 auto}.subscribe-content h2 {font-size:2.5rem;margin-bottom:20px}.subscribe-content p {font-size:1.2rem;color:var(--text-secondary);margin-bottom:30px}.subscribe-form {display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.subscribe-form input {flex:1;min-width:250px;padding:15px 25px;border:1px solid rgba(255,68,68,0.3);border-radius:50px;background:rgba(26,26,26,0.8);color:var(--text-primary);font-size:1rem}.subscribe-form input:focus {outline:none;border-color:var(--primary-color)}.footer {background:rgba(10,10,26,0.95);padding:50px 20px 30px;border-top:1px solid rgba(255,68,68,0.2);opacity:1 !important;position:relative;z-index:1}.footer-content {display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:30px}.footer-logo {display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:bold}.footer-logo img {height:40px;width:40px;object-fit:contain}.footer-links {display:flex;gap:30px;flex-wrap:wrap}.footer-links a {color:var(--text-secondary);text-decoration:none;transition:color 0.3s}.footer-links a:hover {color:var(--text-primary)}.footer-bottom {text-align:center;padding-top:30px;border-top:1px solid rgba(255,68,68,0.1);color:var(--text-secondary)}.footer-legal {margin-top:10px;font-size:0.9rem}.footer-legal a {color:var(--text-secondary);text-decoration:none;transition:color 0.3s ease}.footer-legal a:hover {color:var(--primary-color)}.footer-legal {margin-top:10px;font-size:0.9rem}.footer-legal a {color:var(--text-secondary);text-decoration:none;transition:color 0.3s ease}.footer-legal a:hover {color:var(--primary-color)}.back-to-top {position:fixed;bottom:100px;right:30px;width:50px;height:50px;background:var(--gradient-1);border:none;border-radius:50%;color:white;cursor:pointer;box-shadow:0 4px 20px rgba(255,68,68,0.4);z-index:998;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.back-to-top.show {opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover {transform:translateY(-5px);box-shadow:0 6px 30px rgba(255,68,68,0.6)}.back-to-top:active {transform:translateY(-2px)}.back-to-top svg {width:24px;height:24px}audio {display:none;width:0;height:0;opacity:0;position:absolute;pointer-events:none}audio::-webkit-media-controls {display:none !important;-webkit-appearance:none}audio::-webkit-media-controls-panel {display:none !important}audio::-webkit-media-controls-play-button {display:none !important}audio::-webkit-media-controls-start-playback-button {display:none !important}audio::-webkit-media-controls-enclosure {display:none !important}audio::-webkit-media-controls-timeline {display:none !important}audio::-webkit-media-controls-current-time-display {display:none !important}audio::-webkit-media-controls-time-remaining-display {display:none !important}audio::-webkit-media-controls-mute-button {display:none !important}audio::-webkit-media-controls-toggle-closed-captions-button {display:none !important}audio::-webkit-media-controls-volume-slider {display:none !important}.audio-player {position:fixed;bottom:0;left:0;right:0;background:rgba(10,10,26,0.98);backdrop-filter:blur(20px);padding:10px 15px;box-shadow:0 -5px 30px rgba(0,0,0,0.5);z-index:999;border-top:1px solid rgba(255,68,68,0.3)}.player-content {max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:20px}.player-content>* {flex-shrink:0}.track-info {width:200px}.player-controls {margin:0 15px}.player-progress {flex:1;min-width:200px}.player-volume {width:120px}.track-info {display:flex;align-items:center;gap:10px;min-width:0}.album-cover {width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.track-details {overflow:hidden;min-width:0}.track-title {font-weight:600;font-size:0.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist {color:var(--text-secondary);font-size:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls {display:flex;gap:10px;align-items:center;justify-content:center}.control-btn {background:transparent;border:none;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all 0.3s;padding:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.control-btn:hover {color:var(--primary-color);transform:scale(1.1)}.play-btn {width:38px;height:38px;border-radius:50%;background:var(--gradient-1);display:flex;align-items:center;justify-content:center;font-size:0.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;color:var(--text-primary)}.play-btn:hover {transform:scale(1.1);color:white}.player-progress {display:flex;align-items:center;gap:8px}.time {font-size:0.7rem;color:var(--text-secondary);min-width:35px}.progress-bar {flex:1;height:4px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,0.1);border-radius:2px;outline:none;cursor:pointer}.progress-bar::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer}.progress-bar::-moz-range-thumb {width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none}.player-volume {display:flex;align-items:center;gap:8px;justify-content:flex-end}.volume-bar {width:80px;height:4px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,0.1);border-radius:2px;outline:none;cursor:pointer}.volume-bar::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer}.volume-bar::-moz-range-thumb {width:12px;height:12px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none}@keyframes fadeInUp {from {opacity:0;transform:translateY(30px)}to {opacity:1;transform:translateY(0)}}@keyframes scroll {0%,100% {opacity:0.3}50% {opacity:1}}@keyframes pulse {0% {transform:scale(1);opacity:0.8}50% {transform:scale(1.5);opacity:0.3}100% {transform:scale(2);opacity:0}}.glitch {position:relative}.glitch::before,.glitch::after {content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch::before {left:2px;text-shadow:-2px 0 #ff00ff;clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch::after {left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(85px,550px,140px,0);animation:glitch-anim 2s infinite linear alternate-reverse}@keyframes glitch-anim {0% {clip:rect(10px,9999px,60px,0)}20% {clip:rect(80px,9999px,20px,0)}40% {clip:rect(50px,9999px,100px,0)}60% {clip:rect(90px,9999px,30px,0)}80% {clip:rect(20px,9999px,70px,0)}100% {clip:rect(60px,9999px,40px,0)}}@media (max-width:968px) {.nav-menu {position:fixed;left:-100%;top:70px;flex-direction:column;background:rgba(10,10,26,0.98);width:100%;text-align:center;transition:0.3s;padding:30px;gap:20px}.nav-menu.active {left:0}.burger {display:flex}.hero-content h1 {font-size:3.5rem}.tagline {font-size:1.5rem}.tech-content {grid-template-columns:1fr}.tech-visual {display:none}.audio-player {padding:8px 10px}.player-content {display:grid;grid-template-columns:1fr auto;gap:10px}.track-info {width:auto;grid-column:1;grid-row:1;gap:8px}.album-cover {width:35px;height:35px}.track-title {font-size:0.75rem}.track-artist {font-size:0.65rem}.player-controls {margin:0;grid-column:2;grid-row:1;gap:8px}.control-btn {font-size:0.9rem;padding:4px}.play-btn {width:35px;height:35px;font-size:0.85rem}.player-progress {width:auto;min-width:0;grid-column:1 / -1;grid-row:2;gap:6px}.time {font-size:0.65rem;min-width:32px}.progress-bar {height:3px}.player-volume {display:none}.page-header h1,.page-header .page-title {font-size:2.5rem}.section-header h2 {font-size:2rem}}@media (max-width:600px) {.hero-content h1 {font-size:2.5rem}.tagline {font-size:1.2rem}.subtitle {font-size:1rem}.cta-buttons {flex-direction:column;align-items:center;width:100%}.btn {width:100%;max-width:300px;text-align:center}.about-text {padding:30px}.story-block {padding:30px}.subscribe-form {flex-direction:column}.subscribe-form input {width:100%}.footer-content {flex-direction:column;text-align:center}.footer-links {justify-content:center}.play-overlay {opacity:1}}.artist-section {padding:80px 0;background:var(--dark-bg);border-bottom:1px solid rgba(255,255,255,0.05)}.artist-section:nth-child(even) {background:var(--dark-card)}.artist-fsk18 {border:2px solid rgba(255,0,0,0.3);position:relative}.artist-fsk18::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff0000,#ff4444,#ff0000);animation:fskPulse 3s ease-in-out infinite}@keyframes fskPulse {0%,100% {opacity:0.5}50% {opacity:1}}.fsk-badge {position:absolute;top:10px;right:10px;background:#ff0000;color:white;padding:5px 15px;border-radius:20px;font-weight:900;font-size:0.9rem;box-shadow:0 5px 20px rgba(255,0,0,0.5)}.fsk-badge-small {background:#ff0000;color:white;padding:2px 8px;border-radius:10px;font-size:0.7rem;font-weight:900;margin-left:5px;-webkit-text-fill-color:white}.fsk-warning {background:rgba(255,0,0,0.1);border:2px solid rgba(255,0,0,0.3);border-radius:10px;padding:15px;margin:20px 0;color:#ff6666;font-weight:600}.artist-header {display:grid;grid-template-columns:250px 1fr;gap:50px;margin-bottom:60px;align-items:start}.artist-image {position:relative}.artist-avatar {width:250px;height:250px;object-fit:cover;border-radius:50%;border:3px solid var(--primary-color);box-shadow:0 10px 40px rgba(255,68,68,0.3)}.music-card.fsk18-blur .track-cover {filter:blur(15px);transition:filter 0.3s ease}.music-card.fsk18-blur.verified .track-cover {filter:blur(0)}.artist-info {padding-top:20px}.artist-name {font-size:3rem;font-weight:900;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.artist-genre {font-size:1.1rem;color:var(--secondary-color);margin-bottom:20px;font-weight:600}.artist-bio {font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:30px}.artist-links {display:flex;gap:15px;flex-wrap:wrap}.artist-link {padding:12px;border-radius:12px;text-decoration:none;font-weight:600;transition:transform 0.3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}.streaming-icon {width:28px;height:28px;flex-shrink:0}.artist-link span {display:none}.streaming-cta-buttons .artist-link span {display:inline;margin-left:8px}.artist-link:hover {transform:translateY(-2px);background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);box-shadow:0 8px 24px rgba(0,0,0,0.4)}.artist-tracks h3 {font-size:2rem;margin-bottom:30px;color:var(--text-primary)}.music-filter-section {padding:30px 0;background:var(--dark-card)}.filter-buttons {display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.filter-btn {padding:12px 30px;border:2px solid var(--primary-color);background:transparent;color:var(--text-primary);border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.filter-btn:hover {background:var(--primary-color);transform:translateY(-2px)}.filter-btn.active {background:var(--gradient-1);border-color:transparent;box-shadow:0 5px 20px rgba(255,68,68,0.4)}.preview-badge {position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(255,68,68,0.9);color:white;padding:5px 12px;border-radius:15px;font-size:0.75rem;font-weight:600;opacity:0;transition:opacity 0.3s ease}.music-card:hover .preview-badge {opacity:1}.streaming-cta-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease}.streaming-cta-overlay.active {opacity:1;visibility:visible;pointer-events:all}.streaming-cta-content {background:var(--dark-card);border:2px solid var(--primary-color);border-radius:20px;padding:50px;max-width:600px;text-align:center;animation:slideUp 0.4s ease}@keyframes slideUp {from {transform:translateY(30px)}to {transform:translateY(0)}}.streaming-cta-content h3 {font-size:2rem;margin-bottom:15px;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.streaming-cta-content p {font-size:1.2rem;color:var(--text-secondary);margin-bottom:30px}.streaming-cta-buttons {display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.cta-btn {padding:15px 30px;border-radius:25px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:10px}.cta-btn span {font-size:1.3rem}.age-verification-modal {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.3s ease,visibility 0.3s ease}.age-verification-modal.active {opacity:1;visibility:visible;pointer-events:all}.age-verification-content {background:var(--dark-card);border:2px solid #ff0000;border-radius:20px;padding:50px;max-width:600px;text-align:center;animation:slideUp 0.4s ease}.age-verification-icon {font-size:4rem;margin-bottom:20px}.age-verification-content h2 {font-size:2rem;margin-bottom:15px;background:linear-gradient(135deg,#ff0000,#ff4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.age-verification-content p {font-size:1.2rem;color:var(--text-secondary);margin-bottom:20px}.age-verification-buttons {display:flex;gap:15px;justify-content:center;margin:30px 0}.age-btn {padding:15px 40px;border-radius:25px;border:none;font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform 0.3s ease}.age-btn.age-yes {background:linear-gradient(135deg,#ff0000,#ff4444);color:white}.age-btn.age-yes:hover {transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,0,0,0.5)}.age-btn.age-no {background:var(--secondary-bg);color:var(--text-primary)}.age-btn.age-no:hover {transform:translateY(-3px);background:var(--dark-card)}.age-disclaimer {font-size:0.9rem !important;color:var(--text-tertiary) !important;margin-top:20px}.cta-btn.spotify {background:#1DB954;color:white}.cta-btn.apple {background:linear-gradient(135deg,#FA243C,#FA5C43);color:white}.cta-btn.youtube {background:#FF0000;color:white}.cta-btn:hover {transform:scale(1.05);box-shadow:0 10px 30px rgba(255,255,255,0.3)}.cta-close {padding:12px 40px;background:transparent;border:2px solid var(--text-secondary);color:var(--text-secondary);border-radius:25px;font-size:1rem;cursor:pointer;transition:transform 0.3s ease,border-color 0.3s ease,color 0.3s ease}.cta-close:hover {border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05)}@media (max-width:968px) {.artist-header {grid-template-columns:1fr;gap:30px;text-align:center}.artist-avatar {width:200px;height:200px;margin:0 auto}.artist-name {font-size:2.5rem}.artist-links {justify-content:center}.streaming-cta-content {padding:30px 20px;margin:20px}.streaming-cta-content h3 {font-size:1.5rem}.streaming-cta-buttons {flex-direction:column}.streaming-cta-buttons .artist-link {width:100%}.streaming-cta-buttons .artist-link span {display:inline !important}.cta-btn {width:100%}}@media (max-width:600px) {.artist-section {padding:30px 0}.artist-avatar {width:120px;height:120px}.artist-name {font-size:1.8rem}.artist-bio {font-size:0.95rem;line-height:1.5}.artist-header {gap:20px}.filter-buttons {gap:8px}.filter-btn {padding:8px 16px;font-size:0.85rem}.music-grid {display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.music-card {border-radius:10px;width:160px;flex-shrink:0}.music-info {padding:10px}.music-info h3 {font-size:1rem;margin-bottom:4px}.track-title {font-size:0.9rem;margin-bottom:4px}.track-artist,.artist,.genre {font-size:0.75rem}.track-duration {font-size:0.9rem}.artist-link {padding:8px 12px;font-size:0.85rem}.streaming-icon {width:18px;height:18px}}.latest-release-section {padding:100px 0;background:linear-gradient(180deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.95) 100%)}.latest-release-content {margin-top:60px}.release-card {background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:20px;backdrop-filter:blur(10px);transition:all 0.3s ease;max-width:850px;margin:0 auto}.release-card:hover {background:rgba(255,255,255,0.08);transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.5)}.release-video {position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px}.release-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:none}.age-verification-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.verification-content {text-align:center;padding:40px}.verification-content .fsk18-icon {width:100px;height:100px;margin:0 auto 20px;background:red;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:bold;color:white}.verification-content h3 {font-size:1.8rem;margin-bottom:15px}.verification-content p {font-size:1.1rem;margin-bottom:30px;opacity:0.8}.verify-age-btn {background:var(--accent-color);color:var(--text-color);padding:15px 40px;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.verify-age-btn:hover {background:var(--hover-color);transform:scale(1.05)}.fsk18-content {filter:blur(20px);pointer-events:none}@media (max-width:768px) {.latest-release-section {padding:60px 0}.release-card {padding:15px;max-width:100%}.verification-content {padding:20px}.verification-content .fsk18-icon {width:80px;height:80px;font-size:1.5rem}.verification-content h3 {font-size:1.4rem}.verify-age-btn {padding:12px 30px;font-size:1rem}}.cookie-consent-banner {position:fixed;bottom:0;left:0;right:0;background:rgba(26,26,26,0.98);backdrop-filter:blur(10px);padding:25px;box-shadow:0 -4px 20px rgba(0,0,0,0.3);z-index:10000;transform:translateY(100%);transition:transform 0.4s ease;border-top:2px solid var(--primary-color)}.cookie-consent-banner.show {transform:translateY(0)}.cookie-consent-content {max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.cookie-consent-text {flex:1;min-width:300px}.cookie-consent-text h3 {color:var(--primary-color);margin-bottom:10px;font-size:1.2rem}.cookie-consent-text p {color:var(--text-secondary);line-height:1.6;margin-bottom:5px}.cookie-consent-small {font-size:0.9rem}.cookie-consent-small a {color:var(--secondary-color);text-decoration:underline}.cookie-consent-buttons {display:flex;gap:15px;flex-wrap:wrap}.cookie-btn {padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:1rem}.cookie-btn-essential {background:transparent;color:var(--text-primary);border:2px solid var(--text-secondary)}.cookie-btn-essential:hover {background:var(--text-secondary);color:var(--dark-bg)}.cookie-btn-all {background:var(--gradient-1);color:white}.cookie-btn-all:hover {transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,68,68,0.4)}.cookie-consent-settings {background:transparent;border:none;color:var(--secondary-color);cursor:pointer;font-size:0.9rem;padding:10px;transition:color 0.3s ease}.cookie-consent-settings:hover {color:var(--accent-color)}.cookie-settings-modal {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.cookie-settings-modal.show {opacity:1;pointer-events:all}.cookie-settings-content {background:var(--dark-card);border-radius:15px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 50px rgba(255,68,68,0.3)}.cookie-settings-header {display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:1px solid rgba(255,255,255,0.1)}.cookie-settings-header h2 {color:var(--primary-color)}.cookie-close-btn {background:transparent;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.cookie-close-btn:hover {color:var(--primary-color);transform:rotate(90deg)}.cookie-settings-body {padding:25px}.cookie-category {margin-bottom:25px;padding:20px;background:rgba(255,255,255,0.03);border-radius:10px}.cookie-category-header {display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.cookie-category h3 {color:var(--text-primary);margin-bottom:8px;display:flex;align-items:center;gap:8px}.cookie-category p {color:var(--text-secondary);font-size:0.95rem;line-height:1.5}.cookie-category-details {margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,0.05)}.cookie-category-details p {margin-bottom:8px}.cookie-switch {position:relative;display:inline-block;width:54px;height:28px;flex-shrink:0}.cookie-switch input {opacity:0;width:0;height:0}.cookie-slider {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#555;border-radius:28px;transition:0.3s}.cookie-slider:before {position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:white;border-radius:50%;transition:0.3s}.cookie-switch input:checked + .cookie-slider {background:var(--gradient-1)}.cookie-switch input:checked + .cookie-slider:before {transform:translateX(26px)}.cookie-switch input:disabled + .cookie-slider {background-color:var(--primary-color);opacity:0.6;cursor:not-allowed}.cookie-settings-footer {padding:25px;border-top:1px solid rgba(255,255,255,0.1);display:flex;justify-content:flex-end;gap:15px}.cookie-toast {position:fixed;bottom:30px;right:30px;background:var(--dark-card);padding:15px 25px;border-radius:10px;border-left:4px solid var(--primary-color);box-shadow:0 4px 20px rgba(0,0,0,0.3);z-index:10002;opacity:0;transform:translateY(20px);transition:all 0.3s ease;pointer-events:none}.cookie-toast.show {opacity:1;transform:translateY(0)}.cookie-toast p {color:var(--text-primary);margin:0}@media (max-width:768px) {.cookie-consent-content {flex-direction:column;align-items:stretch;gap:20px}.cookie-consent-buttons {flex-direction:column}.cookie-btn {width:100%}.cookie-settings-content {width:95%;max-height:90vh}.cookie-settings-header,.cookie-settings-body,.cookie-settings-footer {padding:20px}.cookie-toast {right:15px;left:15px;bottom:15px}}