.content-page{max-width:1000px;margin:0 auto;padding:20px;line-height:1.8}.topic-content{border-left:4px solid var(--primary-color);color:var(--text-color);background:#fff;border-radius:12px;margin:20px 0;padding:30px;box-shadow:0 2px 8px #0000000d}body.dark .topic-content{background:#151824;border-left-color:#5a7dbd;box-shadow:0 2px 8px #0000004d}.topic-title{color:var(--primary-color);margin-bottom:15px;font-size:1.5rem;font-weight:700}.definition-box{border-left:4px solid var(--primary-color);color:var(--text-color);background:#f0f7ff;border-radius:8px;margin:15px 0;padding:15px}body.dark .definition-box{background:#1a2845;border-left-color:#5a7dbd}.teorem-box{color:var(--text-color);background:#f0fff4;border-left:4px solid #51cf66;border-radius:8px;margin:15px 0;padding:15px;font-family:Courier New,monospace}.formula-box{color:var(--text-color);background:#fff8e1;border-left:4px solid #ffd93d;border-radius:8px;margin:15px 0;padding:15px;font-family:Courier New,monospace}body.dark .formula-box{background:#2a2420;border-left-color:#f9d56e}.example-box{color:var(--text-color);background:#f0fff4;border-left:4px solid #51cf66;border-radius:8px;margin:15px 0;padding:15px}body.dark .example-box{background:#1a2820;border-left-color:#69d582}.back-button{background:var(--primary-color);color:#fff;border-radius:8px;margin-bottom:20px;padding:10px 20px;text-decoration:none;transition:all .3s;display:inline-block}.back-button:hover{background:#0052a3;transform:translate(-5px)}h1{color:var(--primary-color);text-align:center;margin-bottom:30px}.chapter-section{background:#f5f5f5;border-radius:12px;margin:40px 0;padding:20px}body.dark .chapter-section{background:#11131a}.chapter-title{color:#0052a3;border-bottom:3px solid var(--primary-color);margin-bottom:25px;padding-bottom:10px;font-size:1.8rem}body.dark .chapter-title{color:#7a9ddb;border-bottom-color:#5a7dbd}.animation-container{border:2px solid var(--primary-color);background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:15px;margin:20px 0;padding:20px;display:flex}body.dark .animation-container{background:#151824;border-color:#5a7dbd}.animation-demo{background:linear-gradient(#e3f2fd,#fff);border:2px solid #ddd;border-radius:8px;width:100%;height:300px;position:relative;overflow:hidden}body.dark .animation-demo{background:linear-gradient(#1a2845,#151824);border-color:#2a2f40}.animation-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.control-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:700;transition:all .3s}.control-button:hover{background:#0052a3;transform:scale(1.05)}.control-button.reset{background:#ff6b6b}.control-button.reset:hover{background:#ff5252}.moving-object{color:#fff;background:#06c;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:flex;position:absolute;bottom:20px}@keyframes uniform-motion{0%{left:10px}to{left:calc(100% - 40px)}}@keyframes accelerated-motion{0%{left:10px}to{left:calc(100% - 40px)}}@keyframes free-fall{0%{opacity:1;top:0}to{opacity:.3;top:100%}}.object-uniform{animation:3s linear infinite uniform-motion}.object-accelerated{animation:3s infinite accelerated-motion}.object-falling{width:20px;height:20px;animation:2s cubic-bezier(0,0,0,1) infinite free-fall;position:absolute;left:50%;transform:translate(-50%)}.pendulum-container{background:#fff;border-radius:8px;justify-content:center;align-items:flex-start;height:250px;padding:20px;display:flex;position:relative}body.dark .pendulum-container{background:#151824}.pivot{z-index:10;background:#333;border-radius:50%;width:12px;height:12px;position:absolute;top:20px}body.dark .pivot{background:#ccc}.pendulum-rod{transform-origin:top;background:#333;width:3px;height:150px;animation:2s ease-in-out infinite swing;position:absolute;top:32px}.pendulum-bob{background:#06c;border-radius:50%;width:25px;height:25px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes swing{0%,to{transform:rotate(45deg)}50%{transform:rotate(-45deg)}}.wave-canvas{width:100%;height:200px}.spring-demo{background:#fff;border-radius:8px;align-items:center;gap:20px;height:200px;padding:20px;display:flex;position:relative}body.dark .spring-demo{background:#151824}.spring-fixed{background:#333;border-radius:2px;width:10px;height:100px}body.dark .spring-fixed{background:#ccc}.spring-visual{background:linear-gradient(90deg,#0000 0%,#ddd 50%,#0000 100%);border:1px solid #999;border-radius:4px;flex:1;height:80px;animation:2s ease-in-out infinite spring-compress}.mass-block{color:#fff;background:#06c;border-radius:4px;justify-content:center;align-items:center;width:40px;height:80px;font-weight:700;display:flex}@keyframes spring-compress{0%,to{transform:scaleX(1)}50%{transform:scaleX(.8)}}.heat-demo{background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:20px;width:100%;height:200px;padding:20px;display:grid}body.dark .heat-demo{background:#151824}.state-container{text-align:center;color:var(--text-color);background:#fff;border:2px solid #ddd;border-radius:8px;padding:15px;position:relative;overflow:hidden}body.dark .state-container{background:#1a2235;border-color:#2a2f40}.particles{background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;height:120px;margin:10px 0;position:relative}body.dark .particles{background:#0f1520;border-color:#2a2f40}.particle{background:#06c;border-radius:50%;width:6px;height:6px;position:absolute}.info-card{color:var(--text-color);background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #9c27b0;border-radius:8px;margin:15px 0;padding:15px}body.dark .info-card{background:linear-gradient(135deg,#1a2845,#2a1f35);border-left-color:#b78dd1}@media (width<=768px){.animation-demo{height:200px}.heat-demo{grid-template-columns:1fr}}svg{width:100%;height:auto}.wave-path{stroke:#06c;stroke-width:2px;fill:none;stroke-linecap:round}.grid-line{stroke:#ddd;stroke-width:1px}.label-text{fill:#666;font-size:16px}body.dark .label-text{fill:#b0b8d4}.diagram-title{text-align:center;color:var(--primary-color);margin:10px 0;font-size:.9rem;font-weight:700}body.dark .wave-path{stroke:#5a7dbd}body.dark .grid-line{stroke:#2a2f40}