:root{--temp-color:#c9a227;--temp-light:#fdf8e8;--temp-dark:#a68518;--primary:#1a1a2e;--secondary:#16213e;--gold:#c9a227;--cream:#faf8f5;--white:#fff;--gray-100:#f7f7f7;--gray-200:#e5e5e5;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, sans-serif;--shadow:0 4px 15px #00000014;--shadow-lg:0 15px 40px #0000001f;--radius:12px;--radius-lg:24px;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-sans);color:var(--gray-800);background:var(--cream);line-height:1.8}.container{max-width:900px;margin:0 auto;padding:0 24px}.nav-links a:after{content:"";background:var(--temp-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.hero{background:linear-gradient(180deg, var(--temp-light) 0%, var(--cream) 100%);text-align:center;padding:140px 0 80px}.hero-icon{background:linear-gradient(135deg, var(--temp-color) 0%, var(--temp-dark) 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;font-size:48px;display:flex;box-shadow:0 10px 40px #c9a2274d}.hero h1{color:var(--temp-color);margin-bottom:16px;font-size:clamp(2.5rem,5vw,3.5rem)}.hero-element{color:var(--gray-500);text-transform:uppercase;letter-spacing:3px;margin-bottom:24px;font-size:18px}.hero-intro{color:var(--gray-600);max-width:700px;margin:0 auto;font-size:20px}.content{padding:80px 0}.content h2{color:var(--temp-color);margin:60px 0 24px;font-size:2rem}.content h2:first-child{margin-top:0}.content p{color:var(--gray-700);margin-bottom:20px;font-size:17px}.content ul{color:var(--gray-700);margin:20px 0 30px 24px}.content li{margin-bottom:12px}.quote-block{background:var(--white);border-left:4px solid var(--temp-color);border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--shadow);margin:40px 0;padding:32px 40px}.quote-block p{font-family:var(--font-serif);color:var(--gray-800);margin-bottom:16px;font-size:19px;font-style:italic;line-height:1.7}.quote-block cite{color:var(--temp-color);font-size:14px;font-style:normal;font-weight:600}.timeline{margin:40px 0;padding:40px 0;position:relative}.timeline:before{content:"";background:var(--gray-200);width:2px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-item{align-items:center;margin-bottom:40px;display:flex;position:relative}.timeline-item:nth-child(odd){flex-direction:row-reverse}.timeline-content{background:var(--white);border-radius:var(--radius-lg);width:45%;box-shadow:var(--shadow);border:1px solid var(--gray-200);padding:28px}.timeline-item:nth-child(odd) .timeline-content{text-align:right}.timeline-date{font-family:var(--font-serif);color:var(--temp-color);margin-bottom:8px;font-size:14px;font-weight:600}.timeline-content h3{margin-bottom:8px;font-size:18px}.timeline-content p{color:var(--gray-600);margin-bottom:0;font-size:15px}.timeline-dot{background:var(--temp-color);border:3px solid var(--cream);z-index:1;border-radius:50%;width:16px;height:16px;position:absolute;left:50%;transform:translate(-50%)}.elements-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin:40px 0;display:grid}.element-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200);text-align:center;transition:var(--transition);padding:32px}.element-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.element-card .icon{margin-bottom:16px;font-size:48px}.element-card h3{margin-bottom:8px;font-size:20px}.element-card .humor{color:var(--temp-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:14px}.element-card p{color:var(--gray-600);margin-bottom:0;font-size:15px}.element-card.fire{border-top:4px solid #e63946}.element-card.air{border-top:4px solid #f4a261}.element-card.earth{border-top:4px solid #457b9d}.element-card.water{border-top:4px solid #2a9d8f}.info-section{background:var(--white);margin:60px 0;padding:60px 0}.info-section .container{max-width:900px}.info-section h2{text-align:center;margin-bottom:40px}.comparison-table{border-collapse:collapse;width:100%;margin:30px 0;font-size:15px}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--gray-200);padding:16px 20px}.comparison-table th{background:var(--gray-100);color:var(--primary);font-weight:600}.comparison-table tr:hover{background:var(--temp-light)}.footer .container{max-width:1200px}@media (width<=1024px){.timeline:before{left:20px}.timeline-item{flex-direction:column;align-items:flex-start;padding-left:50px}.timeline-item:nth-child(odd){flex-direction:column}.timeline-content{width:100%}.timeline-item:nth-child(odd) .timeline-content{text-align:left}.timeline-dot{left:20px}}@media (width<=768px){.nav-links,.header .btn{display:none}.elements-grid{grid-template-columns:1fr}.quote-block{padding:24px}.comparison-table{font-size:14px}.comparison-table th,.comparison-table td{padding:12px}.hero{padding:120px 0 60px}}