:root{--color-bg: #FCFBFA;--color-surface: #FFFFFF;--color-text-main: #1A1A1A;--color-text-muted: #666666;--color-accent-primary: #8C7046;--color-accent-hover: #6E5632;--color-accent-light: rgba(140, 112, 70, .1);--color-border: #E8E5DF;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--spacing-section: 7rem;--spacing-block: 2rem;--border-radius: 12px;--transition: all .4s cubic-bezier(.25, .8, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.2;color:var(--color-text-main)}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:var(--font-sans)}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}.text-center{text-align:center}.section-title{font-size:2.75rem;margin-bottom:1.25rem;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 3rem;font-weight:300}.section{padding:var(--spacing-section) 0;position:relative;scroll-margin-top:80px}.section-white{background-color:var(--color-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1.125rem 2.5rem;font-size:.95rem;font-weight:600;border-radius:50px;transition:var(--transition);text-transform:uppercase;letter-spacing:.08em}.btn-primary{background-color:var(--color-accent-primary);color:#fff;box-shadow:0 4px 15px #8c704633}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 25px #8c70464d}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-main);background:transparent}.btn-outline:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:var(--color-accent-light)}.btn-block{width:100%}.btn-small{padding:.75rem 1.75rem;font-size:.85rem}.site-header{position:fixed;top:0;left:0;width:100%;background:#fcfbfad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid rgba(140,112,70,.15);padding:1rem 0;transition:var(--transition)}.header-container{display:flex;justify-content:space-between;align-items:center}.header-logo{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;color:var(--color-accent-primary);letter-spacing:-.02em}.header-nav{display:flex;gap:2.5rem}.header-nav a{font-size:.9rem;font-weight:500;color:var(--color-text-main);text-transform:uppercase;letter-spacing:.08em;position:relative}.header-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0%;height:2px;background:var(--color-accent-primary);transition:var(--transition)}.header-nav a:hover:after{width:100%}.header-nav a:hover{color:var(--color-accent-primary)}.bg-glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;opacity:.5;pointer-events:none}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#8c704626,#fcfbfa00 70%);top:-100px;right:-100px}.orb-2{width:600px;height:600px;background:radial-gradient(circle,#c8b4961a,#fcfbfa00 70%);top:40%;left:-200px}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.hero-section{min-height:90vh;display:flex;align-items:center;padding-top:8rem;padding-bottom:4rem;background:radial-gradient(circle at top left,var(--color-bg) 0%,#F5F3ED 100%);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.hero-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:800px}.badge{display:inline-block;padding:.4rem 1.2rem;background:var(--color-accent-light);color:var(--color-accent-primary);border-radius:30px;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem}.hero-author{font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:1.5rem;display:block}.hero-title{font-size:5rem;margin-bottom:1.5rem;line-height:1.05;letter-spacing:-.02em}.title-highlight{color:var(--color-accent-primary);font-style:italic;font-weight:400}.hero-description{font-size:1.25rem;color:var(--color-text-muted);max-width:550px;margin-bottom:3rem;font-weight:400;line-height:1.6}.hero-actions{display:flex;gap:1.5rem;justify-content:flex-start;margin-bottom:4rem}.hero-stats{display:flex;justify-content:flex-start;gap:4rem;border-top:1px solid rgba(0,0,0,.06);padding-top:3rem}.stat-item{display:flex;flex-direction:column}.stat-val{font-family:var(--font-serif);font-size:2.75rem;color:var(--color-accent-primary);line-height:1;margin-bottom:.5rem}.stat-lbl{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.lecturer-photo-container{position:relative;width:100%;max-width:450px;display:flex;justify-content:center;align-items:center}.lecturer-photo-container:before{content:"";position:absolute;top:-20px;right:-20px;width:100%;height:100%;border:2px solid var(--color-accent-primary);border-radius:24px;z-index:0;opacity:.3}.lecturer-photo{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:24px;box-shadow:0 30px 60px #00000026}.about-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.abstract-art-container{position:relative;width:100%;max-width:360px;margin:0 auto;display:flex;justify-content:center;align-items:center}.abstract-bg{position:absolute;top:-15%;left:-15%;width:130%;height:130%;z-index:0;animation:float-bg 8s ease-in-out infinite;opacity:.8}@keyframes float-bg{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}.mushaf-art{position:relative;z-index:1;width:100%;height:auto;object-fit:contain;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.art-quote{position:absolute;bottom:20px;right:-20px;z-index:2;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000000d;font-family:var(--font-serif);font-style:italic;font-size:1.1rem;max-width:250px;border-left:3px solid var(--color-accent-primary)}.about-text p{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:1.5rem}.highlight-box{background:var(--color-bg);padding:2rem;border-radius:var(--border-radius);margin-top:2.5rem;border:1px solid var(--color-border)}.highlight-title{font-family:var(--font-sans);font-size:1.125rem;margin-bottom:1rem}.custom-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--color-text-muted)}.custom-list li:before{content:"❖";position:absolute;left:0;color:var(--color-accent-primary);font-size:.8rem;top:4px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.format-card{background:var(--color-surface);padding:3rem 2rem;border-radius:var(--border-radius);border:1px solid var(--color-border);text-align:center;transition:var(--transition)}.format-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000008;border-color:var(--color-accent-primary)}.format-icon{font-size:2.5rem;margin-bottom:1.5rem}.format-card h3{font-size:1.35rem;margin-bottom:1rem}.format-card p{color:var(--color-text-muted);font-size:.95rem}.accordion-wrapper{max-width:850px;margin:0 auto}.accordion-item{border-bottom:1px solid var(--color-border);margin-bottom:1rem}.accordion-header{width:100%;display:flex;align-items:center;padding:1.5rem 0;text-align:left;transition:var(--transition)}.accordion-header:hover .accordion-title{color:var(--color-accent-primary)}.accordion-number{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-border);width:50px;transition:var(--transition)}.accordion-item.open .accordion-number{color:var(--color-accent-primary)}.accordion-title{font-family:var(--font-serif);font-size:1.35rem;flex-grow:1;transition:var(--transition)}.accordion-icon{font-size:1.5rem;color:var(--color-accent-primary);width:30px;text-align:right}.accordion-body{overflow:hidden;transition:max-height .4s ease-in-out}.lesson-list{padding:0 0 2rem 50px}.lesson-list li{padding:.75rem 0;color:var(--color-text-muted);display:flex;align-items:center;border-bottom:1px dashed var(--color-border)}.lesson-list li:last-child{border-bottom:none}.lesson-dot{width:6px;height:6px;background:var(--color-accent-primary);border-radius:50%;margin-right:15px;opacity:.5}.author-content{display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:center;background:var(--color-surface);padding:4rem;border-radius:20px;border:1px solid var(--color-border)}.author-visual{position:relative;height:100%}.author-photo{position:relative;z-index:2;width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #00000026;object-fit:cover;aspect-ratio:4/5}.author-shape{position:absolute;top:-15px;left:-15px;width:100%;height:100%;border:2px solid var(--color-accent-primary);border-radius:20px;z-index:1;opacity:.3}.author-name-large{position:absolute;bottom:-20px;right:-40px;font-family:var(--font-serif);font-size:5rem;color:var(--color-bg);text-shadow:-1px -1px 0 var(--color-border),1px -1px 0 var(--color-border),-1px 1px 0 var(--color-border),1px 1px 0 var(--color-border);opacity:.5;writing-mode:vertical-rl;transform:rotate(180deg)}.author-name{font-size:2rem;color:var(--color-accent-primary);margin-bottom:1.5rem}.author-info p{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:1rem}.author-highlight{font-weight:500;color:var(--color-text-main);border-left:3px solid var(--color-accent-primary);padding-left:1rem;margin-top:2rem;font-size:1.1rem}.pricing-wrapper{display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:center}.pricing-desc{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:3rem}.start-date-box{display:inline-flex;flex-direction:column;padding:1.5rem 2rem;background:var(--color-bg);border-left:4px solid var(--color-accent-primary);border-radius:0 var(--border-radius) var(--border-radius) 0}.date-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.5rem}.date-value{font-family:var(--font-serif);font-size:2rem;color:var(--color-accent-primary);line-height:1}.pricing-card{background:var(--color-bg);padding:3rem;border-radius:20px;border:1px solid var(--color-border);position:relative}.pricing-card.featured{background:var(--color-surface);border-color:var(--color-accent-primary);box-shadow:0 20px 50px #8c70461a}.pricing-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.pricing-header h3{font-size:1.5rem;margin-bottom:1rem}.pricing-header .price{font-family:var(--font-serif);font-size:4rem;color:var(--color-accent-primary);line-height:1}.pricing-features{margin-bottom:3rem}.pricing-features li{padding:.75rem 0;color:var(--color-text-main);display:flex;align-items:center}.pricing-features li:before{content:"✓";color:var(--color-accent-primary);margin-right:12px;font-weight:700}.site-footer{padding:3rem 0;border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;flex-direction:column}.footer-brand .logo-text{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-accent-primary);margin-bottom:.25rem}.footer-copyright{color:var(--color-text-muted);font-size:.85rem}.footer-socials{display:flex;gap:1rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-bg);color:var(--color-accent-primary);transition:var(--transition);border:1px solid var(--color-border)}.social-icon svg{width:20px;height:20px}.social-icon:hover{background:var(--color-accent-primary);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #8c704633}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background:var(--color-accent-primary);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #8c70464d;z-index:1000;transition:var(--transition)}.scroll-to-top:hover{background:var(--color-accent-hover);transform:translateY(-5px);box-shadow:0 15px 30px #8c704666}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--color-surface);padding:3rem;border-radius:20px;width:90%;max-width:450px;position:relative;transform:translateY(30px) scale(.95);transition:var(--transition);box-shadow:0 25px 50px #0003;text-align:center}.modal-overlay.active .modal-content{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;font-size:2rem;color:var(--color-text-muted);line-height:1;transition:var(--transition)}.modal-close:hover{color:var(--color-accent-primary);transform:rotate(90deg)}.modal-title{font-size:1.75rem;margin-bottom:.5rem;font-family:var(--font-serif)}.modal-subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:.95rem}.modal-options{display:flex;flex-direction:column;gap:1rem}.modal-btn{padding:1.25rem;font-size:1.1rem;letter-spacing:.05em;font-weight:500;display:flex;justify-content:center;align-items:center}.modal-icon{font-weight:600}@media (max-width: 992px){.hero-title{font-size:3.5rem}.hero-wrapper,.about-wrapper,.author-content,.pricing-wrapper{grid-template-columns:1fr;gap:3rem}.format-grid{grid-template-columns:1fr}.author-content{padding:2rem}.hero-actions,.hero-stats{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-content{text-align:center}.lecturer-photo-container{max-width:400px}}@media (max-width: 768px){:root{--spacing-section: 4rem}.hero-section{padding-top:6rem;min-height:80vh}.hero-title{font-size:2.75rem}.hero-actions{flex-direction:column}.hero-stats{flex-direction:column;gap:2rem;text-align:center}.header-nav{display:none}.footer-container{flex-direction:column;text-align:center;gap:1.5rem}.scroll-to-top{bottom:1rem;right:1rem;width:40px;height:40px;font-size:1.25rem}}