:root{--color-golden: #FFD700;--color-golden-dark: #FFC107;--color-red: #DC3545;--color-red-dark: #C62828;--color-yellow: #FFEB3B;--color-white: #FFFFFF;--color-black: #212529;--color-black-light: #000000;--color-gray-light: #F5F5F5;--color-gray: #E0E0E0;--color-gray-dark: #6C757D;--color-gray-darker: #495057;--color-success: var(--color-golden);--color-error: var(--color-red);--color-warning: var(--color-yellow);--color-info: #17A2B8;--color-background: var(--color-white);--color-background-alt: var(--color-gray-light);--color-text: var(--color-black);--color-text-secondary: var(--color-gray-dark);--color-border: var(--color-gray);--shadow-sm: 0 2px 4px rgba(255, 215, 0, .1);--shadow-md: 0 4px 8px rgba(255, 215, 0, .15);--shadow-lg: 0 8px 16px rgba(255, 215, 0, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;color:var(--color-text);background:var(--color-background);font-family:Poppins,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-black)}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:var(--color-golden);color:var(--color-black)}.btn-primary:hover{background:var(--color-golden-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-white);color:var(--color-golden);border:2px solid var(--color-golden)}.btn-secondary:hover{background:var(--color-golden);color:var(--color-black)}.btn-danger{background:var(--color-red);color:var(--color-white)}.btn-danger:hover{background:var(--color-red-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.form-input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--color-golden);box-shadow:0 0 0 2px #ffd70033}.form-error{color:var(--color-red);font-size:14px;margin-top:var(--spacing-xs)}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-xl);font-size:12px;font-weight:600}.badge-golden{background:var(--color-golden);color:var(--color-black)}.badge-red{background:var(--color-red);color:var(--color-white)}.badge-yellow{background:var(--color-yellow);color:var(--color-black)}.text-center{text-align:center}.text-golden{color:var(--color-golden)}.text-red{color:var(--color-red)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.spinner{border:3px solid var(--color-gray);border-top:3px solid var(--color-golden);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.btn{padding:10px 20px;font-size:14px}}