/*
Theme Name: Custom Auto Theme
Author: System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap'); :root { --wp-yellow: #facc15; --wp-black: #000000; --wp-white: #ffffff; --wp-light-yellow: #fefce8; --wp-gray: #f3f4f6; } body { font-family: 'Work Sans', sans-serif; background-color: var(--wp-white); color: var(--wp-black); margin: 0; padding: 0; line-height: 1.7; -webkit-font-smoothing: antialiased; } .wp-container { width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; } .wp-header { border-bottom: 1px solid #e5e7eb; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 1000; } .wp-btn { background-color: var(--wp-yellow); color: var(--wp-black); font-weight: 700; padding: 0.9rem 2rem; border-radius: 0.5rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; text-decoration: none; border: none; cursor: pointer; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.05em; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .wp-btn:hover { background-color: #eab308; transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } .wp-bg-light { background-color: var(--wp-light-yellow); } .wp-progress-bar { position: fixed; top: 0; left: 0; height: 4px; background: linear-gradient(to right, #facc15, #eab308); width: 0%; z-index: 10001; transition: width 0.1s ease; } .wp-card { border: 1px solid #f3f4f6; border-radius: 1.25rem; overflow: hidden; background: white; transition: all 0.4s ease; height: 100%; display: flex; flex-direction: column; } .wp-card:hover { transform: translateY(-8px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); border-color: var(--wp-yellow); } .wp-cookie-banner { position: fixed; bottom: 2rem; left: 2rem; right: 2rem; max-width: 600px; margin: 0 auto; background: #111; color: #fff; padding: 1.5rem; z-index: 10000; border-radius: 1rem; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); } .wp-disclaimer-footer { font-size: 0.75rem; color: #9ca3af; text-align: center; padding: 3rem 0; border-top: 1px solid #f3f4f6; margin-top: 4rem; } .wp-accordion-header { cursor: pointer; padding: 1.25rem; display: flex; justify-content: space-between; align-items: center; font-weight: 600; transition: background 0.2s; } .wp-accordion-header:hover { background: var(--wp-light-yellow); } .wp-accordion-content { display: none; padding: 1.5rem; background: #fff; border-top: 1px solid #fefce8; color: #4b5563; } .wp-accordion-item.active .wp-accordion-content { display: block; } .wp-sticky-sidebar { position: sticky; top: 6rem; } .wp-form-input { width: 100%; padding: 1rem; border-radius: 0.75rem; border: 2px solid #f3f4f6; transition: all 0.3s; background: #fff; } .wp-form-input:focus { border-color: var(--wp-yellow); outline: none; box-shadow: 0 0 0 4px rgba(250, 204, 21, 0.1); }