*{box-sizing:border-box}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:1000px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.page-enter{animation:slideUp .6s ease-out}.collapsible-enter{animation:slideDown .3s ease-out}.section-enter{animation:slideInRight .5s ease-out}.markdown h1{font-size:2em;margin:1em 0 .5em;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown h2{font-size:1.5em;margin:1em 0 .6em;font-weight:600;color:#1a202c;border-bottom:2px solid #667eea;padding-bottom:.5em}.markdown h3{font-size:1.25em;margin:.8em 0 .4em;font-weight:600;color:#2d3748}.markdown ol,.markdown ul{margin:.8em 0;padding-left:2.5em;line-height:1.8}.markdown li{margin:.4em 0}.markdown p{margin:.6em 0;line-height:1.8;color:#2d3748}.markdown code{background:#f7fafc;border:1px solid #e2e8f0;padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#d63384}.markdown pre{background:linear-gradient(135deg,#1a202c,#2d3748);padding:16px;border-radius:8px;overflow-x:auto;margin:1.2em 0;border-left:4px solid #667eea}.markdown pre code{background:none;padding:0;color:#a0aec0;border:none}.markdown strong{font-weight:600;color:#667eea}.markdown hr{border:none;border-top:2px solid #e2e8f0;margin:2em 0}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.toast{animation:fadeIn .3s ease-in}