:root{--primary-color: #2196F3;--primary-hover: #1976d2;--secondary-color: #4CAF50;--background-color: #F5F7FA;--card-bg: #ffffff;--text-color: #333333;--text-secondary: #666666;--border-radius: 12px;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}body{margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}.card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:24px;border:1px solid #e0e0e0}.btn{padding:12px 24px;border-radius:8px;border:2px solid transparent;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #2196f34d}.btn-outline{background-color:transparent;border-color:var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:#e8f5e9}.container{max-width:1200px;margin:0 auto;padding:20px}input{padding:12px;border:1px solid #ddd;border-radius:8px;width:100%;font-size:16px;margin-bottom:15px}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2196f333}html{scroll-behavior:smooth}img{max-width:100%;height:auto}section{scroll-margin-top:80px}@media(max-width:768px){.btn{padding:10px 16px;font-size:14px}input{padding:10px;font-size:14px}}