*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:600}p{margin-top:0}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}:root{--color-primary:#6500b1;--color-primary-dark:#5a00a0;--color-primary-light:#7b2fc0;--color-secondary:#ff6a22;--color-secondary-dark:#e55a12;--color-secondary-light:#ff8548;--color-background:#ffffff;--color-text:#333333;--color-text-light:#666666;--color-border:#eeeeee;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--shadow-light:0 2px 4px rgba(0,0,0,0.1);--shadow-medium:0 4px 8px rgba(0,0,0,0.12)}body{background-color:#f5f5f5;color:var(--color-text)}.container{max-width:600px;margin:0 auto;padding:var(--spacing-md)}.page-title{color:var(--color-primary);margin-bottom:var(--spacing-lg);text-align:center}.card{background-color:var(--color-background);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-light);margin-bottom:var(--spacing-md)}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);font-weight:700;text-align:center;transition:background-color .3s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:white}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-full{display:block;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background-color:var(--color-background);box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:100}.bottom-nav a{flex:1 1;text-align:center;padding:var(--spacing-md);color:var(--color-text-light)}.bottom-nav a.active{color:var(--color-primary)}.page-content{padding-bottom:60px}