*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#2c3e50;--secondary:#3498db;--accent:#e74c3c;--light:#ecf0f1;--dark:#2c3e50;--shadow:0 4px 12px rgba(0,0,0,0.1)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);color:#333;min-height:100vh;display:flex;flex-direction:column}.site-header{background:linear-gradient(135deg,var(--primary),var(--dark));color:white;padding:1rem 0;box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:white}.logo-link img{width:50px;height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}.logo-text{font-size:1.5rem;font-weight:bold;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.main-nav{display:flex;gap:2rem;align-items:center}.main-nav a{color:white;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:4px;transition:all 0.3s ease}.main-nav a:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px)}.breadcrumbs{background:rgba(255,255,255,0.9);padding:12px 0;border-bottom:1px solid #ddd;font-size:0.9rem}.breadcrumbs .container{justify-content:flex-start;gap:10px}.breadcrumbs a{color:var(--secondary);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{color:#666}main{flex:1;padding:2rem 0}.content-wrapper{background:white;border-radius:15px;padding:2.5rem;box-shadow:var(--shadow);margin:20px auto;max-width:1000px;position:relative;overflow:hidden}.content-wrapper::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--secondary),var(--accent))}.hero{text-align:center;padding:3rem 1rem}.hero-title{font-size:3rem;color:var(--primary);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.1)}.hero-subtitle{font-size:1.3rem;color:#666;max-width:800px;margin:0 auto 2rem;line-height:1.6}.highlight-box{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border-left:5px solid var(--accent);padding:1.5rem;border-radius:8px;margin:2rem 0;font-style:italic}.funny-text{font-size:1.2rem;color:#d63031;text-align:center;margin:2rem 0;padding:1rem;background:#ffeaa7;border-radius:10px;border:2px dashed #e17055}.author-card{display:flex;align-items:center;gap:2rem;background:#f8f9fa;padding:2rem;border-radius:10px;margin:2rem 0;border:1px solid #dee2e6}.author-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid white;box-shadow:var(--shadow)}.author-info{flex:1}.variants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.variant-card{background:white;border-radius:10px;padding:1.5rem;text-decoration:none;color:var(--dark);box-shadow:var(--shadow);transition:all 0.3s ease;border:2px solid transparent;text-align:center}.variant-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15);border-color:var(--secondary)}.variant-card h3{color:var(--primary);margin-bottom:0.5rem}.variant-number{display:inline-block;background:var(--secondary);color:white;width:40px;height:40px;line-height:40px;border-radius:50%;margin-bottom:1rem;font-weight:bold}.math-content{font-size:1.1rem;line-height:1.8;padding:1rem}.math-content p{margin-bottom:1rem}.math-content ul{margin-left:2rem;margin-bottom:1.5rem}.easter-notification{position:fixed;bottom:20px;right:20px;background:var(--accent);color:white;padding:10px 20px;border-radius:20px;box-shadow:var(--shadow);animation:slideIn 0.5s ease;display:none;z-index:1000}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.site-footer{background:var(--dark);color:white;padding:2rem 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.disclaimer{font-size:0.9rem;color:#bbb;text-align:center;width:100%;margin-top:1rem}@media(max-width:768px){.container{flex-direction:column;gap:1rem}.main-nav{flex-wrap:wrap;justify-content:center}.hero-title{font-size:2rem}.author-card{flex-direction:column;text-align:center}.variants-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.content-wrapper{padding:1.5rem;margin:10px}}