.skip-link:focus,nav{top:0}.hero,nav ul{display:flex}body,nav a{color:var(--primary)}.skip-link,nav a{text-decoration:none}.section h2::after,.skip-link,nav a::after{position:absolute;left:0}:root{--primary:#2c3e50;--secondary:#e74c3c;--accent:#2980b9;--light:#ecf0f1;--dark:#34495e;--gradient-1:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Georgia,serif;line-height:1.8;background:var(--light);overflow-x:hidden}.skip-link{top:-40px;background:var(--secondary);color:#fff;padding:8px;z-index:100}.hero,.section h2,nav a{position:relative}.hero{min-height:100vh;align-items:center;justify-content:center;background:var(--gradient-1);overflow:hidden;padding:2rem}.card,.etymology-card{background:#fff;border-radius:12px}.hero::before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:20s linear infinite float}@keyframes float{0%{transform:translate(0,0)}100%{transform:translate(-50px,-50px)}}.hero-content{text-align:center;color:#fff;z-index:1;max-width:800px}.hero h1{font-size:clamp(3rem, 8vw, 6rem);font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:1s ease-out fadeInUp}.hero-subtitle{font-size:clamp(1.2rem, 3vw, 1.8rem);font-style:italic;opacity:.95;animation:1s ease-out .3s backwards fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}nav{position:sticky;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding:1rem;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:50}nav ul{justify-content:center;flex-wrap:wrap;gap:2rem;list-style:none}nav a{font-weight:600;transition:color .3s}nav a::after{content:"";bottom:-5px;width:0;height:2px;background:var(--accent);transition:width .3s}nav a:focus::after,nav a:hover::after{width:100%}.section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.card,.context-item,footer{padding:2rem}.section h2{font-size:clamp(2rem, 5vw, 3rem);margin-bottom:2rem;color:var(--dark);padding-bottom:1rem}.section h2::after{content:"";bottom:0;width:80px;height:4px;background:var(--gradient-2)}.section h3{font-size:clamp(1.5rem, 3vw, 2rem);margin:2rem 0 1rem;color:var(--dark)}.etymology-card{padding:2rem;box-shadow:0 8px 30px rgba(0,0,0,.1);margin:2rem 0;border-left:5px solid var(--accent)}.card h4,.etymology-term{margin-bottom:.5rem}.etymology-term{font-size:1.8rem;color:var(--accent);font-style:italic}.context-grid,.grid{margin:2rem 0;display:grid}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.context-item,.visual-item{transition:transform .3s;border-radius:12px}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.card h3,.highlight-box h4{margin-top:0;color:var(--accent)}.context-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.context-item{background:var(--gradient-3);color:#0b1f33;text-align:center}.context-item:hover{transform:scale(1.05)}.context-icon{font-size:3rem;margin-bottom:1rem}.visual-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.visual-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:3rem;cursor:pointer}.visual-item:hover{transform:rotate(5deg) scale(1.1)}.color-1{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.color-2{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.color-3{background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%)}.color-4{background:linear-gradient(135deg,#43e97b 0,#38f9d7 100%)}.color-5{background:linear-gradient(135deg,#fa709a 0,#fee140 100%)}.color-6{background:linear-gradient(135deg,#30cfd0 0,#330867 100%)}.quote-section,footer{background:var(--dark);color:#fff;text-align:center}.quote-section{padding:4rem 2rem;margin:4rem 0}blockquote{font-size:clamp(1.5rem, 3vw, 2.5rem);font-style:italic;max-width:900px;margin:0 auto;line-height:1.6}.quote-author{margin-top:2rem;font-size:1.2rem;opacity:.8}.reflection{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.1);margin:2rem 0;border-top:5px solid var(--secondary)}.derivatives{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.derivative-tag{background:var(--accent);color:#0b1f33;padding:.8rem 1.5rem;border-radius:25px;font-weight:600;transition:transform .3s,background .3s}.derivative-tag:hover{transform:scale(1.1);background:var(--secondary)}@media (max-width:768px){.section{padding:3rem 1rem}nav ul{gap:1rem}.context-grid,.grid{grid-template-columns:1fr}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.fade-in.visible{opacity:1;transform:translateY(0)}.paragraph-spacing{margin-top:1.5rem}.derivative-evolution{margin-top:2rem}.highlight-box{background:var(--light);padding:1.5rem;border-radius:8px;margin:2rem 0;border-left:4px solid var(--accent)}.card-personal h4{color:#2c3e50;margin-top:0}footer p{margin-top:.5rem;font-size:.9rem}.visible{opacity:1!important;transform:translateY(0)!important}