:root{--temp-color:#7c3aed;--temp-light:#f3eeff;--temp-dark:#5b21b6;--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 #7c3aed4d}.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 h3{color:var(--primary);margin:40px 0 16px;font-size:1.4rem}.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}.principles-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin:40px 0;display:grid}.principle-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200);transition:var(--transition);padding:32px}.principle-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.principle-card .number{background:var(--temp-light);width:48px;height:48px;color:var(--temp-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.principle-card h3{color:var(--primary);margin-bottom:12px;font-size:18px}.principle-card p{color:var(--gray-600);margin-bottom:0;font-size:15px}.classroom-section{background:var(--white);margin:60px 0;padding:60px 0}.classroom-section .container{max-width:900px}.classroom-section h2{text-align:center;margin-bottom:40px}.seating-visual{background:var(--temp-light);border-radius:var(--radius-lg);text-align:center;margin:30px 0;padding:40px}.seating-visual h4{color:var(--temp-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;font-size:16px}.classroom-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:500px;margin:0 auto;display:grid}.desk-group{background:var(--white);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:16px 12px}.desk-group .icon{margin-bottom:8px;font-size:24px}.desk-group span{color:var(--gray-600);font-size:12px;display:block}.desk-group.colerico{border-top:3px solid #e63946}.desk-group.sanguineo{border-top:3px solid #f4a261}.desk-group.melancolico{border-top:3px solid #457b9d}.desk-group.flematico{border-top:3px solid #2a9d8f}.teacher-desk{background:var(--primary);color:var(--white);border-radius:var(--radius);grid-column:span 4;margin-top:16px;padding:12px;font-size:14px;font-weight:500}.stages-section{margin:60px 0}.stage-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200);gap:32px;margin-bottom:24px;padding:32px;display:flex}.stage-card:nth-child(2n){flex-direction:row-reverse}.stage-icon{background:var(--temp-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex}.stage-content{flex:1}.stage-content h3{color:var(--temp-color);margin-bottom:8px;font-size:20px}.stage-content .age{color:var(--gray-500);margin-bottom:12px;font-size:14px}.stage-content p{color:var(--gray-600);margin-bottom:0;font-size:15px}.approach-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin:40px 0;display:grid}.approach-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200);overflow:hidden}.approach-header{align-items:center;gap:12px;padding:20px 24px;display:flex}.approach-header .icon{font-size:28px}.approach-header h3{margin:0;font-size:18px}.approach-card.colerico .approach-header{background:#ffeaea}.approach-card.sanguineo .approach-header{background:#fff4e6}.approach-card.melancolico .approach-header{background:#e8f4f8}.approach-card.flematico .approach-header{background:#e6f7f5}.approach-card.colerico .approach-header h3{color:#e63946}.approach-card.sanguineo .approach-header h3{color:#f4a261}.approach-card.melancolico .approach-header h3{color:#457b9d}.approach-card.flematico .approach-header h3{color:#2a9d8f}.approach-body{padding:24px}.approach-body p{color:var(--gray-600);margin-bottom:16px;font-size:15px}.approach-body ul{margin:0;padding:0;list-style:none}.approach-body li{color:var(--gray-700);border-bottom:1px solid var(--gray-100);padding:8px 0 8px 20px;font-size:14px;position:relative}.approach-body li:before{content:"→";color:var(--temp-color);position:absolute;left:0}.approach-body li:last-child{border-bottom:none}.footer .container{max-width:1200px}@media (width<=768px){.nav-links,.header .btn{display:none}.principles-grid,.approach-grid{grid-template-columns:1fr}.quote-block{padding:24px}.stage-card,.stage-card:nth-child(2n){text-align:center;flex-direction:column}.classroom-grid{grid-template-columns:repeat(2,1fr)}.teacher-desk{grid-column:span 2}.hero{padding:120px 0 60px}}