:root{--color-primary: #d4af37;--color-secondary: #8b4513;--color-accent: #ff6b35;--color-dark: #1a1a2e;--color-darker: #0f0f1e;--color-light: #f8f0e3;--color-purple: #9b4f96;--color-teal: #2a9d8f;font-family:Georgia,Times New Roman,serif;line-height:1.6;font-weight:400;color:var(--color-light);background:linear-gradient(135deg,var(--color-darker) 0%,var(--color-dark) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-attachment:fixed}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Georgia,serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase}h1{font-size:3.5em;line-height:1.1;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2.5em;color:var(--color-primary);margin:1em 0 .5em}h3{font-size:1.8em;color:var(--color-accent);margin:.8em 0 .4em}a{font-weight:500;color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-accent)}button{border-radius:4px;border:2px solid var(--color-primary);padding:.8em 1.5em;font-size:1em;font-weight:600;font-family:inherit;background:linear-gradient(135deg,var(--color-secondary),var(--color-dark));color:var(--color-light);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}button:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}p{margin:.5em 0;line-height:1.7}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-darker)}::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.header{background:linear-gradient(135deg,#1a1a2ef2,#0f0f1ef2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--color-primary);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px #00000080}.header-container{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo h1{font-size:2.5em;margin:0;text-shadow:2px 2px 8px rgba(212,175,55,.5)}.tagline{font-size:.9em;color:var(--color-accent);font-style:italic;margin:0;letter-spacing:.1em}.navigation ul{list-style:none;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.navigation button{padding:.6em 1.2em;font-size:.9em;background:transparent;border:1px solid var(--color-secondary);color:var(--color-light)}.navigation button:hover,.navigation button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-color:var(--color-primary)}@media (max-width: 768px){.header-container{flex-direction:column;align-items:center;text-align:center}.navigation ul{justify-content:center}.navigation button{padding:.5em .8em;font-size:.8em}.logo h1{font-size:2em}}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a2ee6,#8b45134d,#1a1a2ee6)}.hero-content{max-width:900px;text-align:center;position:relative;z-index:10}.hero-title{font-size:4em;margin-bottom:.5em;text-shadow:3px 3px 12px rgba(0,0,0,.7);animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:1.5em;color:var(--color-accent);font-style:italic;margin-bottom:2em;animation:fadeInUp 1.2s ease-out}.hero-description{font-size:1.1em;line-height:1.8;color:var(--color-light);animation:fadeInUp 1.4s ease-out}.hero-description p{margin-bottom:1.5em}.hero-patterns{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;opacity:.1}.pattern-circle{position:absolute;border:2px solid var(--color-primary);border-radius:50%;animation:pulse 4s infinite ease-in-out}.pattern-circle:nth-child(1){width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.pattern-circle:nth-child(2){width:400px;height:400px;bottom:10%;right:10%;animation-delay:1s}.pattern-circle:nth-child(3){width:250px;height:250px;top:50%;right:20%;animation-delay:2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.2}}@media (max-width: 768px){.hero{min-height:60vh;padding:3rem 1.5rem}.hero-title{font-size:2.5em}.hero-subtitle{font-size:1.2em}.hero-description{font-size:1em}.pattern-circle{display:none}}.music-player-section{padding:4rem 2rem;background:linear-gradient(135deg,#0f0f1ecc,#1a1a2ecc)}.section-container{max-width:1200px;margin:0 auto}.section-intro{text-align:center;max-width:800px;margin:0 auto 3rem;font-size:1.1em;color:var(--color-light);opacity:.9}.now-playing{background:linear-gradient(135deg,var(--color-secondary),var(--color-dark));border:2px solid var(--color-primary);border-radius:12px;padding:2rem;margin-bottom:3rem;box-shadow:0 8px 32px #d4af3733}.now-playing-info h3{color:var(--color-primary);margin-bottom:1rem;text-align:center}.track-details{text-align:center;margin-bottom:1.5rem}.track-title{font-size:1.8em;font-weight:700;color:var(--color-light);margin-bottom:.3em}.track-artist{font-size:1.2em;color:var(--color-accent);margin-bottom:.2em}.track-album{font-size:1em;color:var(--color-light);opacity:.7;font-style:italic}.playback-controls{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.playback-controls button{flex-shrink:0;min-width:120px}.progress-bar{flex:1;height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .3s ease}.duration{color:var(--color-light);font-size:.9em;min-width:60px;text-align:right}.track-list{background:#0f0f1e99;border-radius:12px;padding:2rem;border:1px solid var(--color-secondary)}.track-list h3{margin-bottom:1.5rem;color:var(--color-primary)}.track-list ul{list-style:none}.track-list li{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:.5rem;background:#1a1a2e99;border-radius:8px;border:1px solid transparent;transition:all .3s ease}.track-list li:hover{background:#8b45134d;border-color:var(--color-secondary);transform:translate(5px)}.track-list li.active{background:linear-gradient(135deg,#d4af3733,#ff6b3533);border-color:var(--color-primary)}.track-info{display:flex;align-items:center;gap:1rem;flex:1}.track-number{font-size:1.2em;font-weight:700;color:var(--color-primary);min-width:30px}.track-text{flex:1}.track-text .track-title{font-size:1.1em;margin:0}.track-meta{font-size:.9em;color:var(--color-light);opacity:.7;margin:0}.track-duration{color:var(--color-accent);font-size:.9em;margin:0 1rem}.play-button{padding:.5em 1em;min-width:60px;font-size:1.2em}.streaming-note{margin-top:2rem;text-align:center;opacity:.6;font-size:.9em}@media (max-width: 768px){.music-player-section{padding:3rem 1rem}.now-playing{padding:1.5rem}.playback-controls{flex-direction:column}.playback-controls button,.progress-bar{width:100%}.track-info{flex-direction:column;align-items:flex-start;gap:.5rem}.track-list li{flex-direction:column;gap:1rem}.play-button{width:100%}}.art-gallery-section{padding:4rem 2rem;background:linear-gradient(135deg,#1a1a2ecc,#0f0f1ecc)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:3rem 0}.art-card{background:linear-gradient(135deg,#8b45134d,#1a1a2ecc);border:2px solid var(--color-secondary);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.art-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:0 12px 40px #d4af374d}.art-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--color-dark),var(--color-secondary));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.art-placeholder:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.2) 0%,transparent 70%);animation:artGlow 3s infinite ease-in-out}.art-icon{font-size:4em;opacity:.6;z-index:1}.art-info{padding:1.5rem}.art-info h3{font-size:1.3em;color:var(--color-primary);margin:0 0 .5em}.artist{color:var(--color-accent);font-weight:600;margin:0 0 .3em}.year{color:var(--color-light);opacity:.7;font-size:.9em;margin:0}.art-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(135deg,var(--color-dark),var(--color-darker));border:3px solid var(--color-primary);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:2rem;animation:slideUp .3s ease}.modal-art{margin-bottom:2rem}.modal-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--color-secondary),var(--color-dark));border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.modal-placeholder:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(212,175,55,.3) 0%,transparent 70%);animation:artGlow 3s infinite ease-in-out}.art-icon-large{font-size:8em;opacity:.6;z-index:1}.modal-info h2{margin-top:0}.modal-artist{font-size:1.3em;color:var(--color-accent);font-weight:600;margin:.5em 0}.modal-year{color:var(--color-light);opacity:.7;margin:.3em 0 1em}.modal-description{font-size:1.1em;line-height:1.7;color:var(--color-light)}.gallery-note{margin-top:2rem;text-align:center;opacity:.6;font-size:.9em}@keyframes artGlow{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}@media (max-width: 768px){.art-gallery-section{padding:3rem 1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.modal-content{padding:1.5rem}.art-icon-large{font-size:6em}}.forum-section{padding:4rem 2rem;background:linear-gradient(135deg,#0f0f1ecc,#1a1a2ecc)}.forum-posts{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.forum-post{background:linear-gradient(135deg,#1a1a2ecc,#0f0f1ecc);border:2px solid var(--color-secondary);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.forum-post:hover{border-color:var(--color-primary);transform:translate(8px);box-shadow:0 8px 32px #d4af3733}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-author{display:flex;align-items:center;gap:.5rem}.author-icon{font-size:1.2em}.author-name{color:var(--color-accent);font-weight:600}.post-timestamp{color:var(--color-light);opacity:.6;font-size:.9em}.post-title{font-size:1.3em;color:var(--color-primary);margin:0 0 .5em;line-height:1.3}.post-preview{color:var(--color-light);opacity:.9;line-height:1.6;margin:0 0 1em}.post-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-secondary);padding-top:1rem}.reply-count{color:var(--color-light);opacity:.7;font-size:.9em}.view-button{padding:.5em 1em;font-size:.9em}.post-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;animation:fadeIn .3s ease}.post-modal .modal-content{background:linear-gradient(135deg,var(--color-dark),var(--color-darker));border:3px solid var(--color-primary);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:2rem;animation:slideUp .3s ease}.close-button{position:absolute;top:1rem;right:1rem;background:var(--color-secondary);border:2px solid var(--color-primary);width:40px;height:40px;border-radius:50%;font-size:1.5em;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1}.modal-content-text{font-size:1.1em;line-height:1.8;color:var(--color-light);margin:1.5rem 0}.reply-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--color-secondary)}.reply-section h3{color:var(--color-primary);margin-bottom:1rem}.demo-note{color:var(--color-light);opacity:.7;font-style:italic}.forum-note{margin-top:2rem;text-align:center;opacity:.6;font-size:.9em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.forum-section{padding:3rem 1rem}.forum-post{padding:1rem}.post-header{flex-direction:column;align-items:flex-start;gap:.5rem}.post-footer{flex-direction:column;gap:1rem;align-items:flex-start}.view-button{width:100%}.post-modal .modal-content{padding:1.5rem}}.footer{background:linear-gradient(135deg,var(--color-darker),var(--color-dark));border-top:3px solid var(--color-primary);padding:3rem 2rem 1rem;margin-top:4rem}.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.8em}.footer-section h4{color:var(--color-accent);margin-bottom:.8rem;font-size:1.2em}.footer-section p{color:var(--color-light);opacity:.8;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--color-light);text-decoration:none;transition:color .3s ease;opacity:.8}.footer-section a:hover{color:var(--color-primary);opacity:1}.footer-bottom{border-top:1px solid var(--color-secondary);padding-top:1.5rem;text-align:center}.footer-bottom p{color:var(--color-light);opacity:.6;font-size:.9em;margin:0}@media (max-width: 768px){.footer{padding:2rem 1rem 1rem}.footer-container{grid-template-columns:1fr;gap:1.5rem}.footer-section h3{font-size:1.5em}}.app{width:100%;min-height:100vh}main{width:100%}