*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#333}#root{min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}.header{position:fixed;top:0;left:0;width:100%;background:#1a1a1a;z-index:1000;box-shadow:0 2px 10px #0000004d}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;max-width:1400px;margin:0 auto}.nav-right{display:flex;align-items:center;gap:1rem}.logo{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;transition:color .3s ease}.logo:hover{color:#c9a961}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s;border-radius:2px}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-menu li a{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease;padding:.5rem 0;position:relative}.nav-menu li a:hover,.nav-menu li a.active{color:#c9a961}.nav-menu li a.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#c9a961}.nav-menu li a.admin-link{background:#c9a96126;border:1.5px solid rgba(201,169,97,.4);padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.9rem;letter-spacing:.5px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-menu li a.admin-link:hover{background:#c9a96140;border-color:#c9a961;transform:translateY(-2px);box-shadow:0 4px 12px #c9a96133;color:#f0e5d0}.nav-menu li a.admin-link.active{background:linear-gradient(135deg,#c9a9614d,#c9a96133);border-color:#c9a961;box-shadow:0 2px 8px #c9a9614d}.nav-menu li a.admin-link.active:after{display:none}.language-switch{background:#c9a961;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.language-switch:hover{background:#b89650;transform:translateY(-2px)}.mobile-lang{display:none}.desktop-lang-item{display:flex}@media (max-width: 768px){.menu-toggle{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:#1a1a1a;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:2rem 0}.nav-menu.active{left:0}.nav-menu li a.active:after{display:none}.mobile-lang{display:block}.desktop-lang-item{display:none}}@media (min-width: 769px){.language-switch{margin-left:1rem}}.footer{background:#1a1a1a;color:#fff;padding:3rem 0 1rem;margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:#c9a961;margin-bottom:.5rem;font-size:1.5rem}.footer-section h4{color:#c9a961;margin-bottom:1rem;font-size:1.2rem}.footer-section p{color:#ccc;line-height:1.6}.social-links{display:flex;flex-direction:column;gap:.5rem}.social-links a{color:#ccc;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#c9a961}.footer-bottom{text-align:center;padding:1.5rem 5%;border-top:1px solid #333;color:#888;font-size:.9rem}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.social-links{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1rem}}.home{min-height:100vh}.hero{height:80vh;background:linear-gradient(#1a1a1a99,#1a1a1a99),url(/images/DSC02745.JPG) center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;background-attachment:fixed}.hero-content h1{font-size:4rem;margin-bottom:1rem;animation:fadeInUp .8s ease}.hero-subtitle{font-size:1.5rem;color:#c9a961;margin-bottom:2rem;animation:fadeInUp .8s ease .2s;animation-fill-mode:both}.hero-buttons{display:flex;gap:1rem;justify-content:center;animation:fadeInUp .8s ease .4s;animation-fill-mode:both}.btn{padding:.75rem 2rem;text-decoration:none;border-radius:5px;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary{background:#c9a961;color:#1a1a1a}.btn-secondary{background:transparent;color:#fff;border:2px solid #c9a961}.btn-secondary:hover{background:#c9a961;color:#1a1a1a}.btn-outline{background:transparent;color:#c9a961;border:2px solid #c9a961}.btn-outline:hover{background:#c9a961;color:#1a1a1a}.btn-text{color:#c9a961;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-text:hover{color:#b89650;transform:translate(5px)}.container{max-width:1200px;margin:0 auto;padding:0 5%}.featured-event{padding:5rem 0;background:#f8f8f8}.featured-event h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#1a1a1a}.event-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 20px #0000001a;text-align:center;max-width:600px;margin:0 auto}.event-card h3{font-size:1.8rem;margin-bottom:1rem;color:#1a1a1a}.event-venue{font-size:1.2rem;color:#666;margin-bottom:.5rem}.event-date{font-size:1.1rem;color:#c9a961;margin-bottom:2rem}.about-preview{padding:5rem 0;background:#1a1a1a;color:#fff}.about-content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:1.5rem;color:#c9a961}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;color:#ccc}.featured-music{padding:5rem 0;background:#f8f8f8}.featured-music h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#1a1a1a}.album-preview{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;max-width:800px;margin:0 auto}.album-info h3{font-size:2rem;margin-bottom:1rem;color:#1a1a1a}.album-info p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#666}.cta{padding:5rem 0;background:linear-gradient(135deg,#c9a961,#b89650);text-align:center;color:#1a1a1a}.cta h2{font-size:2.5rem;margin-bottom:1rem}.cta p{font-size:1.2rem;margin-bottom:2rem}.cta .btn-primary{background:#1a1a1a;color:#c9a961}.cta .btn-primary:hover{background:#2d2d2d}.gallery-preview{padding:5rem 0;background:#fff}.gallery-preview h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#1a1a1a}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto 2rem}.gallery-cta{text-align:center;margin-top:2rem}.gallery-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;align-items:center}.featured-event h2,.about-text h2,.featured-music h2,.cta h2{font-size:2rem}.gallery-grid{grid-template-columns:1fr}}.about{padding:2rem 0 4rem;min-height:calc(100vh - 80px)}.about .container{max-width:1000px;margin:0 auto;padding:0 5%}.about h1{font-size:3rem;text-align:center;margin-bottom:3rem;color:#1a1a1a}.about-hero{display:flex;justify-content:center;margin-bottom:3rem}.profile-image{width:100%;max-width:500px;height:auto;border-radius:10px;box-shadow:0 10px 30px #0003}.bio-section{margin-bottom:4rem}.bio-content h2{font-size:2rem;color:#c9a961;margin-bottom:1.5rem}.short-bio{font-size:1.3rem;line-height:1.8;color:#333;margin-bottom:2rem;font-weight:500}.full-bio p{font-size:1.1rem;line-height:1.8;color:#555;white-space:pre-line}.achievements-section{margin-bottom:4rem}.achievements-section h2{font-size:2rem;color:#c9a961;margin-bottom:2rem;text-align:center}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.achievement-card{background:#f8f8f8;padding:1.5rem;border-radius:8px;border-left:4px solid #c9a961}.achievement-card h3{font-size:1.2rem;color:#1a1a1a;margin-bottom:.5rem}.achievement-card p{color:#666;line-height:1.6;margin-bottom:.5rem}.year{display:inline-block;background:#c9a961;color:#fff;padding:.2rem .8rem;border-radius:15px;font-size:.9rem;font-weight:600}.education-section{margin-bottom:4rem}.education-section h2{font-size:2rem;color:#c9a961;margin-bottom:2rem;text-align:center}.education-list{display:flex;flex-direction:column;gap:1.5rem}.education-item{background:#fff;border:1px solid #e0e0e0;padding:1.5rem;border-radius:8px;transition:box-shadow .3s ease}.education-item:hover{box-shadow:0 5px 15px #0000001a}.education-item h3{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem}.education-item p{color:#666;margin-bottom:.5rem}.connect-section{text-align:center;padding:3rem 0;background:#f8f8f8;border-radius:10px;margin-top:4rem}.connect-section h2{font-size:2rem;color:#c9a961;margin-bottom:2rem}.social-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.social-links a{padding:.8rem 1.5rem;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:5px;transition:all .3s ease}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:1.2rem;color:#666}@media (max-width: 768px){.about h1{font-size:2rem}.bio-content h2,.achievements-section h2,.education-section h2,.connect-section h2{font-size:1.5rem}.short-bio{font-size:1.1rem}.full-bio p{font-size:1rem}.achievements-grid{grid-template-columns:1fr}.social-links{flex-direction:column;align-items:center}.social-links a{width:200px;text-align:center}}.events{padding:2rem 0 4rem;min-height:calc(100vh - 80px)}.events .container{max-width:1200px;margin:0 auto;padding:0 5%}.events h1{font-size:3rem;text-align:center;margin-bottom:3rem;color:#1a1a1a}.filter-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.filter-tabs button{padding:.75rem 1.5rem;background:#f0f0f0;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;color:#666;transition:all .3s ease}.filter-tabs button:hover{background:#e0e0e0}.filter-tabs button.active{background:#c9a961;color:#fff}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.event-card{background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex}.event-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.event-date-badge{background:#c9a961;color:#fff;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px}.event-date-badge .month{font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.event-date-badge .day{font-size:2rem;font-weight:700;line-height:1}.event-details{padding:1.5rem;flex:1}.event-details h3{font-size:1.5rem;color:#1a1a1a;margin-bottom:.5rem}.event-details .venue{font-size:1.1rem;color:#666;margin-bottom:.3rem;font-weight:600}.event-details .time{font-size:1rem;color:#888;margin-bottom:.3rem}.event-details .date{font-size:.95rem;color:#888;margin-bottom:1rem}.event-details .description{color:#555;line-height:1.6;margin-bottom:1rem}.ticket-link{display:inline-block;padding:.6rem 1.5rem;background:#c9a961;color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:all .3s ease}.ticket-link:hover{background:#b89650;transform:translate(5px)}.no-events{text-align:center;padding:3rem;background:#f8f8f8;border-radius:10px}.no-events p{font-size:1.2rem;color:#666}@media (max-width: 768px){.events h1{font-size:2rem}.filter-tabs{flex-direction:column;align-items:center}.filter-tabs button{width:200px}.events-grid{grid-template-columns:1fr}.event-card{flex-direction:column}.event-date-badge{flex-direction:row;gap:1rem;width:100%;padding:1rem}}.gallery{padding:2rem 0 4rem;min-height:calc(100vh - 80px)}.gallery .container{max-width:1200px;margin:0 auto;padding:0 5%}.gallery h1{font-size:3rem;text-align:center;margin-bottom:1rem;color:#1a1a1a}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.gallery-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;cursor:pointer;background:#000;aspect-ratio:4/3}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}.gallery-item:hover img{transform:scale(1.05);opacity:.8}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .image-overlay{opacity:1}.view-icon{font-size:2rem;color:#fff;background:#c9a961e6;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000e6;align-items:center;justify-content:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;max-width:90%;max-height:90vh;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-content img{width:100%;height:auto;max-height:90vh;object-fit:contain;border-radius:10px}.close{position:absolute;top:-40px;right:0;color:#fff;font-size:3rem;font-weight:300;cursor:pointer;transition:color .3s ease;z-index:1001}.close:hover{color:#c9a961}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem}}@media (max-width: 768px){.gallery h1{font-size:2rem}.page-subtitle{font-size:1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.view-icon{font-size:1.5rem;width:40px;height:40px}.close{top:10px;right:20px;font-size:2.5rem}.modal-content{max-width:95%;max-height:80vh}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.gallery-item{aspect-ratio:1}}.music{padding:2rem 0 4rem;min-height:calc(100vh - 80px)}.music .container{max-width:1200px;margin:0 auto;padding:0 5%}.music h1{font-size:3rem;text-align:center;margin-bottom:1rem;color:#1a1a1a}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem}.album-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.album-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.album-cover{width:100%;padding-top:100%;position:relative;overflow:hidden;background:#f0f0f0}.album-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.placeholder-cover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a961,#b89650);color:#fff;font-size:1.2rem;font-weight:600}.album-info{padding:1.5rem}.album-info h3{font-size:1.5rem;color:#1a1a1a;margin-bottom:.5rem}.release-year{color:#c9a961;font-weight:600;margin-bottom:1rem}.description{color:#666;line-height:1.6;margin-bottom:1.5rem}.music-links{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.music-link{padding:.5rem 1rem;border-radius:5px;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease}.music-link.spotify{background:#1db954;color:#fff}.music-link.spotify:hover{background:#1aa34a}.music-link.apple{background:#000;color:#fff}.music-link.apple:hover{background:#333}.music-link.youtube{background:red;color:#fff}.music-link.youtube:hover{background:#c00}.music-link.bandcamp{background:#629aa0;color:#fff}.music-link.bandcamp:hover{background:#4a7a7f}.track-list{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.track-list h4{font-size:1.1rem;color:#1a1a1a;margin-bottom:1rem}.track-list ol{padding-left:1.5rem}.track-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:#555}.track-title{flex:1}.track-duration{color:#888;font-size:.9rem}.no-albums{text-align:center;padding:3rem;background:#f8f8f8;border-radius:10px}.no-albums p{font-size:1.2rem;color:#666}.streaming-section{margin-bottom:3rem}.streaming-section h2{font-size:2rem;margin-bottom:1.5rem;color:#1a1a1a;text-align:center}.streaming-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.streaming-link-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#c9a961,#b89650);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;box-shadow:0 3px 10px #0000001a}.streaming-link-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0003;background:linear-gradient(135deg,#b89650,#a78540)}.streaming-icon{font-size:1.2rem}.etudes-section{margin-bottom:4rem;padding:3rem 0;background:linear-gradient(180deg,#fafafa,#fff);border-radius:15px}.etudes-section h2{font-size:2.5rem;margin-bottom:.5rem;color:#1a1a1a;text-align:center;font-weight:700}.etudes-section>p{text-align:center;color:#666;margin-bottom:3rem;font-size:1.1rem}.etudes-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:0}.etude-item{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 2rem;background:#fff;border-bottom:1px solid #e5e5e5;transition:all .3s ease;position:relative;cursor:pointer}.etude-item:first-child{border-top:1px solid #e5e5e5;border-top-left-radius:10px;border-top-right-radius:10px}.etude-item:last-child{border-bottom:1px solid #e5e5e5;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.etude-item:hover{background:#f8f8f8;padding-left:2.5rem}.etude-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:all .3s ease}.etude-item:hover:before{background:linear-gradient(135deg,#c9a961,#b89650)}.etude-number{min-width:30px;font-size:.9rem;color:#999;font-weight:600}.play-button{width:45px;height:45px;border:none;background:#fff;color:#c9a961;border:2px solid #c9a961;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease;flex-shrink:0}.play-button:hover{background:linear-gradient(135deg,#c9a961,#b89650);color:#fff;border-color:transparent;transform:scale(1.05)}.play-button.playing{background:linear-gradient(135deg,#c9a961,#b89650);color:#fff;border-color:transparent;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #c9a961b3}70%{box-shadow:0 0 0 10px #c9a96100}to{box-shadow:0 0 #c9a96100}}.etude-title{flex:1;font-size:1.05rem;color:#333;font-weight:500}.etude-duration{color:#999;font-size:.9rem;font-weight:500}.albums-section{margin-top:2rem;margin-bottom:3rem;padding:3rem 0;background:#f8f8f8;border-radius:15px}.albums-section h2{font-size:2.5rem;margin-bottom:1rem;color:#1a1a1a;text-align:center;font-weight:700}.album-showcase{max-width:800px;margin:0 auto;text-align:center}.album-info-main{padding:2rem}.album-description{font-size:1.2rem;color:#666;margin-bottom:2rem;text-align:center}.videos-section{margin-top:3rem;padding:3rem 0}.videos-section h2{font-size:2.5rem;margin-bottom:.5rem;color:#1a1a1a;text-align:center;font-weight:700}.videos-section>p{text-align:center;color:#666;margin-bottom:3rem;font-size:1.1rem}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.music h1{font-size:2rem}.page-subtitle{font-size:1rem}.albums-grid{grid-template-columns:1fr}.music-links{flex-direction:column}.music-link{text-align:center}.etudes-section{padding:2rem 0}.etudes-section h2{font-size:2rem}.etudes-grid{width:95%}.etude-item{padding:1rem 1.5rem;gap:1rem}.etude-item:hover{padding-left:2rem}.play-button{width:40px;height:40px;font-size:1rem}.etude-title{font-size:.95rem}.etude-number{min-width:25px;font-size:.85rem}.streaming-links{flex-direction:column;align-items:center}.streaming-link-btn{width:250px;justify-content:center}.videos-section h2{font-size:2rem}.videos-grid{grid-template-columns:1fr;gap:1.5rem}.video-item{margin:0 1rem}}.videos{padding:2rem 0 4rem;min-height:calc(100vh - 80px)}.videos .container{max-width:1200px;margin:0 auto;padding:0 5%}.videos h1{font-size:3rem;text-align:center;margin-bottom:1rem;color:#1a1a1a}.category-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.category-filters button{padding:.75rem 1.5rem;background:#f0f0f0;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;color:#666;transition:all .3s ease}.category-filters button:hover{background:#e0e0e0}.category-filters button.active{background:#c9a961;color:#fff}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.video-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;overflow:hidden}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-thumbnail:hover .thumbnail-image{transform:scale(1.05)}.video-thumbnail .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:transform .3s ease;opacity:.9}.video-thumbnail:hover .play-button{transform:translate(-50%,-50%) scale(1.1);opacity:1}.video-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:2rem 1rem 1rem;margin:0;font-size:1.1rem;font-weight:600}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;transition:opacity .3s ease}.video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);z-index:1}.loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #c9a961;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-loading p{color:#666;font-size:.9rem;margin:0}.video-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.video-thumbnail{display:block;position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:#000}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease}.video-card:hover .play-overlay{opacity:1}.play-button{width:60px;height:60px;background:#c9a961e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;transition:transform .3s ease}.video-card:hover .play-button{transform:scale(1.1)}.video-info{padding:1.5rem}.video-info h3{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem;line-height:1.4}.video-info .description{color:#666;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.category-badge{background:#f0f0f0;padding:.3rem .8rem;border-radius:15px;text-transform:capitalize;font-weight:600;color:#666}.publish-date{color:#888}.no-videos{text-align:center;padding:3rem;background:#f8f8f8;border-radius:10px}.no-videos p{font-size:1.2rem;color:#666}@media (max-width: 768px){.videos h1{font-size:2rem}.page-subtitle{font-size:1rem}.category-filters{flex-direction:column;align-items:center}.category-filters button{width:200px}.videos-grid{grid-template-columns:1fr}}.teaching{padding:2rem 0 4rem;min-height:calc(100vh - 80px)}.teaching .container{max-width:1200px;margin:0 auto;padding:0 5%}.teaching h1{font-size:3rem;text-align:center;margin-bottom:1rem;color:#1a1a1a}.teaching-hero{background:linear-gradient(#c9a961e6,#b89650e6),url(/images/danielayalafoto3.avif) center/cover no-repeat;padding:3rem;border-radius:10px;margin-bottom:4rem;color:#fff;position:relative}.hero-content h2{font-size:2rem;margin-bottom:1rem}.hero-content p{font-size:1.1rem;line-height:1.8}.teaching-section{margin-bottom:4rem}.teaching-section h2{font-size:2rem;color:#c9a961;margin-bottom:2rem;text-align:center}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.lesson-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.lesson-card:hover{transform:translateY(-5px)}.lesson-card h3{font-size:1.5rem;color:#1a1a1a;margin-bottom:1rem}.lesson-card p{color:#666;line-height:1.6;margin-bottom:1.5rem}.lesson-card ul{list-style:none;padding:0}.lesson-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#555}.lesson-card li:before{content:"✓";position:absolute;left:0;color:#c9a961;font-weight:700}.masterclass-info{background:#f8f8f8;padding:2rem;border-radius:10px}.masterclass-info>p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:2rem}.masterclass-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.topic{text-align:center}.topic h3{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem}.topic p{color:#666;line-height:1.6}.online-courses{background:#fff;padding:2rem;border-radius:10px;border:2px solid #c9a961}.online-courses>p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:2rem;text-align:center}.course-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.feature{text-align:center}.feature h4{font-size:1.2rem;color:#c9a961;margin-bottom:.5rem}.feature p{color:#666;font-size:.95rem}.testimonials{background:#1a1a1a;padding:3rem;border-radius:10px;color:#fff}.testimonials h2{color:#c9a961}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial{background:#ffffff0d;padding:1.5rem;border-radius:8px;border-left:3px solid #c9a961}.testimonial p{font-style:italic;line-height:1.6;margin-bottom:1rem;color:#ccc}.testimonial cite{display:block;text-align:right;color:#c9a961;font-size:.9rem}.cta-section{text-align:center;padding:3rem;background:#f8f8f8;border-radius:10px;margin-top:4rem}.cta-section h2{font-size:2rem;color:#1a1a1a;margin-bottom:1rem}.cta-section p{font-size:1.1rem;color:#666;margin-bottom:2rem}.btn{display:inline-block;padding:.75rem 2rem;text-decoration:none;border-radius:5px;font-weight:600;transition:all .3s ease}.btn-primary{background:#c9a961;color:#fff}.btn-primary:hover{background:#b89650;transform:translateY(-2px)}@media (max-width: 768px){.teaching h1{font-size:2rem}.page-subtitle{font-size:1rem}.teaching-hero{padding:2rem}.hero-content h2,.teaching-section h2{font-size:1.5rem}.lessons-grid,.masterclass-topics,.course-features,.testimonials-grid{grid-template-columns:1fr}}.contact{padding:2rem 0 4rem;min-height:calc(100vh - 80px)}.contact .container{max-width:1200px;margin:0 auto;padding:0 5%}.contact h1{font-size:3rem;text-align:center;margin-bottom:1rem;color:#1a1a1a}.page-subtitle{text-align:center;font-size:1.2rem;color:#666;margin-bottom:3rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info h2{font-size:2rem;color:#c9a961;margin-bottom:1rem}.contact-info>p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:2rem}.contact-method{padding:1.5rem;background:#f8f8f8;border-radius:8px;border-left:3px solid #c9a961}.contact-method h3{font-size:1.2rem;color:#1a1a1a;margin-bottom:.5rem}.contact-method p{color:#666;line-height:1.6}.contact-method p a{color:#c9a961;text-decoration:none;font-weight:500;transition:color .3s ease}.contact-method p a:hover{color:#b89650;text-decoration:underline}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-links a{padding:.5rem 1rem;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:5px;font-size:.9rem;transition:all .3s ease}.social-links a:hover{background:#c9a961;color:#1a1a1a;transform:translateY(-2px)}.contact-form-section h2{font-size:2rem;color:#c9a961;margin-bottom:1.5rem}.contact-form{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 5px 20px #0000001a;position:relative;z-index:1}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s ease;font-family:inherit;pointer-events:auto;user-select:text;-webkit-user-select:text;background-color:#fff!important;color:#1a1a1a!important;position:relative;z-index:10;-webkit-text-fill-color:#1a1a1a!important}.form-group input::placeholder,.form-group textarea::placeholder{color:#999!important;opacity:1!important;-webkit-text-fill-color:#999!important}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#c9a961;background-color:#fff!important;color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group textarea{resize:vertical;min-height:120px}.btn{display:inline-block;padding:.75rem 2rem;text-decoration:none;border-radius:5px;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:#c9a961;color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:#b89650;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.success-message{background:#4caf50;color:#fff;padding:1rem;border-radius:5px;margin-bottom:1rem;text-align:center}.error-message{background:#f44336;color:#fff;padding:1rem;border-radius:5px;margin-bottom:1rem;text-align:center}@media (max-width: 768px){.contact h1{font-size:2rem}.page-subtitle{font-size:1rem}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-form-section{order:-1}.form-row{grid-template-columns:1fr}.social-links{flex-direction:column}.social-links a{text-align:center}}.shop{max-width:1200px;margin:0 auto;padding:80px 20px 40px}.shop-header{text-align:center;margin-bottom:60px}.shop-header h1{font-size:3rem;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shop-header p{font-size:1.2rem;color:#666}.shop-section{margin-bottom:60px}.shop-section h2{font-size:2rem;margin-bottom:30px;color:#333;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.product-image{width:100%;height:250px;overflow:hidden;background:#f5f5f5}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:20px}.product-info h3{font-size:1rem;margin-bottom:15px;color:#333;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-button{width:100%;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:opacity .3s ease}.product-button:hover{opacity:.9}@media (max-width: 768px){.shop{padding:60px 15px 30px}.shop-header h1{font-size:2rem}.shop-header p{font-size:1rem}.shop-section h2{font-size:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.product-image{height:180px}.product-info{padding:15px}.product-info h3{font-size:.9rem}.product-button{padding:10px 15px;font-size:.9rem}}.blog-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:80vh}.blog-header{text-align:center;margin-bottom:3rem}.blog-header h1{font-size:3rem;margin-bottom:1rem;color:var(--text-primary, #333)}.blog-subtitle{font-size:1.2rem;color:var(--text-secondary, #666)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.blog-card-image{width:100%;height:200px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;color:#777}.blog-card-title{font-size:1.5rem;margin-bottom:.75rem;color:#222;line-height:1.3}.blog-card-excerpt{color:#555;line-height:1.6;margin-bottom:1rem;flex:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #eee}.blog-views{font-size:.85rem;color:#888}.blog-read-more{color:#007bff;font-weight:600}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:3rem}.pagination-btn{padding:.75rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease}.pagination-btn:hover:not(:disabled){background:#0056b3}.pagination-btn:disabled{background:#ccc;cursor:not-allowed}.pagination-info{font-size:1rem;color:#555}.blog-loading,.blog-error{text-align:center;padding:3rem;font-size:1.2rem}.blog-error{color:#dc3545}@media (max-width: 768px){.blog-page{padding:1rem}.blog-header h1{font-size:2rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-pagination{flex-direction:column;gap:1rem}}.blog-post-page{max-width:800px;margin:0 auto;padding:2rem;min-height:80vh}.back-link{display:inline-block;margin-bottom:2rem;color:#007bff;text-decoration:none;font-weight:500;transition:color .3s ease}.back-link:hover{color:#0056b3}.blog-post{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 2px 12px #0000001a}.blog-post-header{margin-bottom:2rem;text-align:center;padding-bottom:2rem;border-bottom:2px solid #eee}.blog-post-title{font-size:2.5rem;margin-bottom:1rem;color:#222;line-height:1.2}.blog-post-meta{display:flex;justify-content:center;align-items:center;gap:.75rem;font-size:.95rem;color:#666;margin-bottom:.5rem}.post-separator{color:#ccc}.blog-post-author{color:#888;font-style:italic}.blog-post-cover{width:100%;max-height:400px;overflow:hidden;border-radius:8px;margin-bottom:2rem}.blog-post-cover img{width:100%;height:100%;object-fit:cover}.blog-post-content{font-size:1.1rem;line-height:1.8;color:#333}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content p:last-child{margin-bottom:0}.blog-post-loading,.blog-post-error{text-align:center;padding:3rem}.blog-post-error{color:#dc3545}.blog-post-error h2{margin-bottom:1rem}@media (max-width: 768px){.blog-post-page{padding:1rem}.blog-post{padding:2rem 1.5rem}.blog-post-title{font-size:1.8rem}.blog-post-meta{flex-direction:column;gap:.25rem}.post-separator{display:none}.blog-post-content{font-size:1rem}}.login-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);position:relative}.login-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(201,169,97,.1) 0%,transparent 70%);pointer-events:none}.login-container{background:#1a1a1af2;border:2px solid rgba(201,169,97,.3);padding:3rem;border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 20px #c9a9611a;width:100%;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.login-title{text-align:center;margin-bottom:2rem;color:#c9a961;font-size:2rem;font-weight:700;letter-spacing:1px}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{padding:1rem;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#c9a961;font-size:.95rem;letter-spacing:.5px}.form-group input{padding:.75rem;border:2px solid rgba(201,169,97,.3);background:#ffffff0d;border-radius:6px;font-size:1rem;color:#fff;transition:all .3s ease}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus{outline:none;border-color:#c9a961;background:#ffffff14;box-shadow:0 0 0 3px #c9a9611a}.login-btn{padding:1rem;background:linear-gradient(135deg,#c9a961,#b89650);color:#1a1a1a;border:none;border-radius:6px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;box-shadow:0 4px 15px #c9a9614d}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c9a96166;background:linear-gradient(135deg,#d4b56f,#c9a961)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 480px){.login-container{padding:2rem 1.5rem}.login-title{font-size:1.5rem}}.dashboard-page{max-width:1400px;margin:0 auto;padding:2rem;min-height:80vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #eee}.dashboard-header h1{font-size:2.5rem;color:#333}.dashboard-user-info{display:flex;align-items:center;gap:1rem}.logout-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.logout-btn:hover{background:#c82333}.migrate-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 2px 4px #667eea33}.migrate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.migrate-btn:active{transform:translateY(0)}.migrate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab-btn{padding:.75rem 1.5rem;background:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.tab-btn.active{background:#007bff;color:#fff;border-color:#007bff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.add-btn{padding:.75rem 1.5rem;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.add-btn:hover{background:#218838}.post-form{background:#f8f9fa;padding:2rem;border-radius:8px;margin-bottom:2rem}.post-form h3,.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto}.submit-btn{padding:.75rem 2rem;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600}.submit-btn:hover{background:#0056b3}.posts-list,.messages-list{display:flex;flex-direction:column;gap:1rem}.post-item{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:flex-start}.post-item-content h3{margin-bottom:.5rem;color:#333}.post-excerpt{color:#666;margin-bottom:1rem;line-height:1.5}.post-meta{display:flex;gap:1rem;font-size:.9rem;color:#888}.status{padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.85rem}.status.published{background:#d4edda;color:#155724}.status.draft{background:#fff3cd;color:#856404}.post-actions{display:flex;gap:.5rem;flex-shrink:0}.edit-btn{padding:.5rem 1rem;background:#ffc107;color:#333;border:none;border-radius:4px;cursor:pointer;font-weight:600}.edit-btn:hover{background:#e0a800}.delete-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.delete-btn:hover{background:#c82333}.message-item{background:#fff;padding:1.5rem;border-radius:8px;border-left:4px solid #dee2e6}.message-item.unread{border-left-color:#007bff;background:#f8f9ff}.message-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.message-email{margin-left:1rem;color:#666;font-size:.9rem}.message-date{color:#888;font-size:.9rem}.message-subject{font-weight:600;margin-bottom:.5rem;color:#555}.message-content{margin-bottom:1rem;line-height:1.6;color:#333}.message-actions{display:flex;gap:.5rem}.mark-read-btn{padding:.5rem 1rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.mark-read-btn:hover{background:#0056b3}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#666}@media (max-width: 768px){.dashboard-page{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.post-item{flex-direction:column}.post-actions{width:100%;justify-content:flex-end;margin-top:1rem}.form-row{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}