:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}ul,ol{margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:all .25s ease;outline:none}button:hover{background-color:#e9e9e9;transform:translateY(-1px)}button:focus,button:focus-visible{outline:2px solid #646cff;outline-offset:2px}button:active{transform:translateY(0)}input{font-family:inherit;font-size:1em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.App{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#333}.App-header{padding:60px 20px 40px;text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a}.App-header h1{font-size:3rem;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.App-header p{font-size:1.2rem;line-height:1.6;margin-bottom:15px;color:#555;max-width:800px;margin-left:auto;margin-right:auto}.App-content{max-width:1200px;margin:0 auto;padding:40px 20px}.demo-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:30px;padding:30px;border-radius:20px;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease}.demo-section:hover{transform:translateY(-5px)}.demo-section h2{font-size:2rem;margin-bottom:20px;color:#333;border-bottom:3px solid #667eea;padding-bottom:10px}.demo-section p{font-size:1.1rem;line-height:1.7;margin-bottom:15px;color:#555}.demo-section ul,.demo-section ol{font-size:1.1rem;line-height:1.8;color:#555;padding-left:20px}.demo-section li{margin-bottom:8px}.demo-examples{background:#f8f9fa;padding:20px;border-radius:15px;margin-top:20px;border-left:4px solid #667eea}.demo-examples strong{display:block;margin-bottom:15px;color:#333;font-size:1.1rem}.demo-examples ul{margin:0;padding-left:15px}.demo-examples li{font-style:italic;color:#666;margin-bottom:5px}@media (max-width: 768px){.App-header{padding:40px 15px 30px}.App-header h1{font-size:2.2rem}.App-header p{font-size:1rem}.App-content{padding:30px 15px}.demo-section{padding:20px;margin-bottom:20px}.demo-section h2{font-size:1.6rem}.demo-section p,.demo-section ul,.demo-section ol{font-size:1rem}}@media (max-width: 480px){.App-header h1{font-size:1.8rem}.demo-section{padding:15px;border-radius:15px}.demo-section h2{font-size:1.4rem}}