*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#2c3e50;line-height:1.6;overflow-x:hidden}a{color:#667eea;text-decoration:none;transition:color .2s}a:hover{color:#764ba2;text-decoration:underline}button{cursor:pointer;font-family:inherit;border:1px solid #ced4da;background:#fff;padding:8px 16px;border-radius:6px;font-size:14px;transition:all .2s}button:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit]{background:#667eea;color:#fff;border:none}button[type=submit]:hover:not(:disabled){background:#764ba2}input,select,textarea{font-family:inherit;border:1px solid #ced4da;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}:focus-visible{outline:2px solid #667eea;outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{color:#1a202c;margin-bottom:.5em}hr{border:none;border-top:1px solid #e2e8f0;margin:24px 0}canvas,img,svg,video{max-width:100%}@media (max-width:860px){body{font-size:15px}button,input,select,textarea{font-size:16px}a[role=button],button{min-height:40px}}.card-surface{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.interactive-card{transition:border-color .15s,box-shadow .15s,background .15s}