:root{--bg-dark:#121110;--bg-card:#1e1c1a;--text-light:#FFFFFF;--text-muted:#A19B95;--primary:#C5A059;--primary-hover:#DFBE7E;--primary-muted:rgba(197,160,89,0.6);--accent:#8b1c1c;--card-border:rgba(255,255,255,0.05);--card-border-hover:rgba(197,160,89,0.35);--font-heading:'Cormorant Garamond',serif;--font-display:'Outfit',sans-serif;--font-body:'Outfit',sans-serif;--transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg-dark);overflow-x:hidden;width:100%}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-light);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}.section-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.noise-overlay{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:0.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.hero-section{position:relative;height:80vh;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem 1.5rem;overflow:hidden;z-index:5}.hero-bg-wrapper{position:absolute;inset:0;z-index:1;background-color:var(--bg-dark)}.hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;transition:opacity 1.5s ease;z-index:1}.hero-bg-video-container{width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out;z-index:2}.hero-bg-video-container.active{opacity:1}.hero-bg-video-container video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient( to bottom,rgba(18,17,16,0.82) 0%,rgba(18,17,16,0.35) 30%,rgba(18,17,16,0.85) 80%,rgba(18,17,16,1) 100% );z-index:3;pointer-events:none}.navbar{width:100%;max-width:1240px;margin:0 auto;position:relative;z-index:10}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.nav-logo{display:flex;align-items:center;gap:0.4rem;text-decoration:none;color:var(--text-light);letter-spacing:0.15em;font-size:1.15rem;padding:0.45rem 1.1rem;background:rgba(18,17,16,0.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(197,160,89,0.35);border-radius:50px;box-shadow:0 4px 20px rgba(0,0,0,0.6);transition:var(--transition)}.nav-logo:hover{border-color:var(--primary);background:rgba(18,17,16,0.85);box-shadow:0 6px 25px rgba(0,0,0,0.8)}.logo-bold{font-family:var(--font-display);font-weight:800;color:#FFFFFF;text-shadow:0 2px 6px rgba(0,0,0,0.8)}.logo-serif{font-family:var(--font-heading);font-style:italic;color:#F4D68B;font-weight:600;text-shadow:0 2px 6px rgba(0,0,0,0.8)}.nav-links{display:flex;gap:2.5rem}.nav-item{font-family:var(--font-display);font-size:0.75rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;text-decoration:none;color:var(--text-light);opacity:0.9;transition:var(--transition);position:relative;padding:0.5rem 0;text-shadow:0 2px 8px rgba(0,0,0,0.8)}.nav-item::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:var(--primary);transition:var(--transition);transform:translateX(-50%)}.nav-item:hover{opacity:1;color:var(--primary-hover)}.nav-item:hover::after{width:80%}.nav-socials{display:flex;gap:0.75rem}.social-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background-color:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.1);color:var(--text-light);transition:var(--transition);text-decoration:none}.social-btn:hover{background-color:rgba(197,160,89,0.1);border-color:var(--primary);color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(197,160,89,0.15)}.scroll-indicator{position:absolute;bottom:5.5rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(18,17,16,0.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(197,160,89,0.35);color:var(--primary-hover);text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,0.6);animation:bounceArrow 2s infinite ease-in-out;transition:var(--transition)}.scroll-indicator:hover{background:rgba(18,17,16,0.9);border-color:var(--primary);color:#FFFFFF;box-shadow:0 6px 25px rgba(197,160,89,0.4)}@keyframes bounceArrow{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(9px)}60%{transform:translateX(-50%) translateY(4px)}}.drawer-container{max-width:600px;margin:0 auto;background:rgba(18,17,16,0.85);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:2rem 1.75rem;position:relative;z-index:10;margin-top:-50px;box-shadow:0 20px 50px rgba(0,0,0,0.65);transition:var(--transition)}.drawer-handle{width:48px;height:4px;background-color:rgba(255,255,255,0.2);border-radius:2px;margin:0 auto 2rem auto}.profile-header{text-align:center;margin-bottom:1.5rem}.profile-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:0.5rem;letter-spacing:-0.01em;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.profile-subtitle{font-family:var(--font-display);font-size:1.05rem;font-weight:400;color:var(--text-light);opacity:0.85;letter-spacing:0.02em}.profile-divider{height:1px;background:linear-gradient(to right,rgba(197,160,89,0) 0%,rgba(197,160,89,0.25) 50%,rgba(197,160,89,0) 100%);margin-bottom:2.25rem}.section-courses{background-color:var(--bg-dark);padding:0 0 6rem 0;position:relative;overflow:visible;z-index:10}.section-courses::after{content:'';position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(139,28,28,0.06) 0%,rgba(18,17,16,0) 70%);filter:blur(50px);pointer-events:none;z-index:0}.courses-list{display:flex;flex-direction:column;gap:1.25rem;max-width:680px;margin:0 auto;position:relative;z-index:1}.course-list-item{display:flex;align-items:center;background-color:var(--bg-card);border:1px solid var(--card-border);border-radius:16px;padding:1rem 1.15rem;text-decoration:none;transition:var(--transition);gap:1.15rem;position:relative;overflow:hidden}.course-list-item:hover{transform:translateY(-3px);border-color:var(--card-border-hover);box-shadow:0 12px 30px rgba(0,0,0,0.4)}.course-list-img-wrapper{width:68px;height:68px;border-radius:10px;overflow:hidden;flex-shrink:0;background-color:rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center}.course-list-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s var(--transition)}.course-list-img.contain-bg{object-fit:contain;padding:6px;background-color:rgba(255,255,255,0.02)}.course-list-item:hover .course-list-img{transform:scale(1.08)}.course-list-content{flex-grow:1;text-align:left;display:flex;flex-direction:column;justify-content:center}.course-list-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-light);margin-bottom:0.25rem;line-height:1.3;transition:var(--transition)}.course-list-item:hover .course-list-title{color:var(--primary)}.course-list-text{font-family:var(--font-display);font-size:0.85rem;font-weight:300;color:var(--text-muted);line-height:1.45;margin:0}.course-list-chevron{color:var(--text-muted);opacity:0.5;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.course-list-item:hover .course-list-chevron{color:var(--primary);opacity:1;transform:translateX(4px)}.course-list-item.featured{background:linear-gradient(135deg,rgba(139,28,28,0.35) 0%,rgba(30,28,26,0.95) 100%);border:1.5px solid var(--primary);box-shadow:0 10px 30px rgba(139,28,28,0.15);padding-top:1.75rem}.course-list-item.featured:hover{box-shadow:0 15px 40px rgba(139,28,28,0.25),0 0 20px rgba(197,160,89,0.2);border-color:var(--primary-hover)}.course-list-badge{position:absolute;top:0;left:0;background-color:var(--primary);color:#121110;font-family:var(--font-display);font-size:0.55rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;padding:0.25rem 0.65rem;border-bottom-right-radius:8px;z-index:2;box-shadow:2px 2px 8px rgba(0,0,0,0.25)}.course-list-item.featured::before{content:'';position:absolute;inset:-1.5px;border-radius:18px;border:1.5px solid var(--primary);opacity:0;pointer-events:none;animation:featuredPulse 2.5s infinite ease-in-out}@keyframes featuredPulse{0%{transform:scale(1);opacity:0.5}50%{transform:scale(1.015,1.03);opacity:0}100%{transform:scale(1);opacity:0}}.site-footer{background-color:#0d0c0b;padding:3.5rem 0;border-top:1px solid rgba(197,160,89,0.03);position:relative;z-index:1}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.copyright{font-family:var(--font-display);font-size:0.8rem;font-weight:300;color:var(--text-muted);opacity:0.65;letter-spacing:0.02em}.footer-links{display:flex;gap:2rem}.footer-links a{font-family:var(--font-display);font-size:0.8rem;color:var(--text-muted);text-decoration:none;transition:var(--transition);opacity:0.7}.footer-links a:hover{color:var(--primary);opacity:1}.fade-in{opacity:0;transform:translateY(25px);animation:slideUp 1.2s cubic-bezier(0.16,1,0.3,1) forwards}.navbar.fade-in{animation-delay:0.15s}.hero-content .hero-title{animation-delay:0.35s}.hero-content .hero-subtitle{animation-delay:0.5s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.nav-links{display:none}}@media (max-width:480px){body{padding:0}.hero-section{height:58dvh;padding:1.5rem 1rem}.scroll-indicator{bottom:3.8rem;width:38px;height:38px}.hero-bg-image,.hero-bg-video-container video{object-position:center 28% !important}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0.5rem 0}.nav-logo{font-size:0.95rem;padding:0.35rem 0.85rem;gap:0.3rem}.nav-socials{justify-content:flex-end}.social-btn{width:38px;height:38px}.drawer-container{width:100%;border-radius:28px 28px 0 0;margin-top:-36px;padding:1.75rem 1.15rem 3.5rem 1.15rem;border-left:none;border-right:none;border-bottom:none}.profile-title{font-size:2.1rem}.profile-subtitle{font-size:0.95rem}.profile-divider{margin-bottom:1.75rem}.section-courses{padding:0}.courses-list{gap:1rem;padding:0}.course-list-item{padding:0.9rem 1rem;gap:1rem;border-radius:14px}.course-list-img-wrapper{width:68px;height:68px;border-radius:8px}.course-list-title{font-size:0.95rem;margin-bottom:0.15rem}.course-list-text{font-size:0.75rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-list-chevron svg{width:16px;height:16px}.footer-container{flex-direction:column;gap:1.5rem;text-align:center}}